写给大家看的设计书（第3版）

按有用程度 按页码先后 最新笔记

• 

  第134页

  老匹夫 (三日不读书，则面目可憎)

  

  第一部分：设计原理笔记 (更多)

  第一部分：设计原理笔记

  
  

  (收起)

  2011-02-18 13:20:03   4回应

  收藏

  推荐
• 

  第74页

  楚法丁诺

  

  第六章，复习。无笔记。 第七章，颜色运用。 一、色轮：由黄、红、蓝三色为一个轮的3个支点，将相邻的颜色等量混合，直到填满整个轮，就是色轮。通过向不同色调增加白色或黑色，则可以扩大这个色轮。 二、以色轮为基础，我们可以实现以下几种常用的配色方案： 1、三色组 用彼此等距的三种颜色配色。 2、分裂互补三色组 在色轮的一边选取一种颜色，再在色轮的对面找出互补色两侧的颜色。 3、类似色 色轮上彼此相邻的颜.. (更多)

  第六章，复习。无笔记。

  第七章，颜色运用。

  一、色轮：由黄、红、蓝三色为一个轮的3个支点，将相邻的颜色等量混合，直到填满整个轮，就是色轮。通过向不同色调增加白色或黑色，则可以扩大这个色轮。

  
  

  二、以色轮为基础，我们可以实现以下几种常用的配色方案：

  1、三色组

  用彼此等距的三种颜色配色。

  
  

  2、分裂互补三色组

  在色轮的一边选取一种颜色，再在色轮的对面找出互补色两侧的颜色。

  
  

  3、类似色

  色轮上彼此相邻的颜色组合，可以是两种，也可以是三种。

  
  

  4、单色组合

  由一种色调及其对应的多种亮色或暗色组成。

  
  

  5、暗色和亮色的组合

  即不完全使用“纯色”的对比，而是将纯色加一些暗色和亮色之后，再进行组合。

  三、在色彩运用中，有几个注意事项：

  1、注意色质不要过于接近，否则容易看上去模糊不清。

  2、冷色（蓝色）总趋于后退，暖色（红色或黄色）总趋于前进，所有，在设计中如果要组合暖色和冷色，则一点要少用暖色。使用更多的冷色才能产生效果，形成有效的对比。 (收起)

  2011-02-09 23:45:08   3回应

  收藏

  推荐
• 

  第100页

  陌上塵 (心无属，意斑斓)

  The Non-Designer’s Design Book 1 chapter 一旦说出某种东西的名字，就会很容易注意到它，你就会掌握它，拥有它；使他在你的控制之中。 四大基本原则： 1、 对比（contrast）：避免页面上的元素太过相似，如果元素不相同，那就让他们截然不同。 2、 重复（Repetition）：让设计中的视觉要素在整个作品中重复出现，可以重复颜色，形状，材质，空间关系，线宽，字体，大小和图片，等等。既可以增加条理性，又可以增加加... (更多)

  The Non-Designer’s Design Book

  1 chapter

  一旦说出某种东西的名字，就会很容易注意到它，你就会掌握它，拥有它；使他在你的控制之中。

  四大基本原则：

  1、 对比（contrast）：避免页面上的元素太过相似，如果元素不相同，那就让他们截然不同。

  2、 重复（Repetition）：让设计中的视觉要素在整个作品中重复出现，可以重复颜色，形状，材质，空间关系，线宽，字体，大小和图片，等等。既可以增加条理性，又可以增加加强统一性。

  3、 对齐（Alignment）：任何东西都不能在页面上随意安放，每个元素都应当与页面上的另一个元素有某种视觉联系，这样能建立一种清晰、精巧且清爽的外观。

  4、 亲密性（Proximity）：彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

  2 chapter 亲密性

  Robin亲密性原则：将相关的项组织到一起，使他们的物理位置相互靠近。

  在一个页面上，物理位置的接近意味存在着关联。

  设计技能的逐步提高，需要从简单的表达开始

  亲密性小结：

  如果多个项之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立的元素。彼此相关的项应当归为一组。要有意识地注意到你是怎样阅读地，你的视线是如何移动地：从哪里开始，沿着怎样的路径；到哪里结束，读完之后，接下来看哪里？整个过程应当是一个合理的过程，有确定的开始，而且要有确定的结束。

  根本目的：

  根本目的是实现组织性，尽管其他原则也能达到这个目的，不过利用亲密性原则，只需简单地将相关的元素分在一组建立更近的亲密性，就能自动地实现条理性和组织性。

  如何实现：

  微微眯起眼睛，统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3-5个（当然，这取决与具体情况，就要看看哪些孤立的元素可以归在一组建立更近的亲密性，使之成为一个视觉单元。

  3 chapter 对齐

  Robin对齐原则指的是：任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。

  任何元素都不能随意摆放，每个元素都应担与页面上的另外一个元素存在某种视觉联系。

  在设计中，统一性是一个重要的概念，要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立元素在页面上的物理位置可能并不靠近，但是通过适当放置，可以让他们看上去是由联系而且相关的，并且与其他信息统一。

  根本目的

  使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来，放到一个玩具箱中。

  不论创建精美的、正式的、有趣的还是严肃的外管，通常都可以利用一种明确的对齐（当然要结合适当的字体）来达到目的。

  如何实现

  特别注意元素放在哪里，应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距很远。

  要避免的问题

  避免在也页面上混合使用多种文本对齐方式（也就是说，不要将某些文本居中，而另外一些文本右对齐）

  另外，要避免居中对齐，除非你相有意识地创建一种比较正式的，稳重（通常也更乏味）的表示。并不是完全杜绝剧中对其，有时可以有意识地选择这种对齐方式，但是不要把它作为默认选择。

  4 chapter 重复

  Robin重复原则指出：设计的某些方面需要在整个作品中重复。

  设计中的视觉元素的重复可以将作品中的各个部分连在一起，从而统一并增强整个作品，否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用，对于多页文档的设计更显重要（对此我们称之为保持一致）

  根本目的

  重复的目的就是统一，并增强视觉效果。不要低估页面视觉效果的威力，如果一个作品看起来很有趣，它往往也更易于阅读。

  如何实现

  重复可以认为是保持一致性，现在需要把现有的一致性向前推进一步。

  最初可以是只是找出现有的重复，并且将其加强。重复就像是强调你的衣着，如果一位女士穿着一件可爱的黑色晚礼服，戴着一顶别致的帽子，她可能会用红色高跟鞋、红色口红和一朵红色小花来突出她的晚礼服。

  要避免的问题

  避免太多地重复一个元素，重复太对会让人讨厌。要注意对比的价值。

  5 chapter 对比

  原则：要想实现有效的对比，对比就必须强烈，千万不要畏畏缩缩。

  如果两个元素相同，就不会产生对比。倘若这两个元素之间存在某种不同，但差别并不是很大，那么你做出的效果并不是对比，而是冲突。这就是关键：如果两个项之间不完全相同，就应但使之不同，而且应但是截然不同。

  要增前对比的意思，最容易的方法就是实现字体对比，还可以利用线、颜色、元素之间的间隔、材质等形成对比

  在页面上增加对比能吸引眼球，我们的眼睛喜欢看到对比的事物，如果页面上放置两个完全不同的元素，他们就不能类似。要实现有效的对比，这两个元素必须截然不同。

  对比就需要修补一处漆记时配漆一样，不能大概地配色，颜色要么配置的完全不同，要么重新把整个前面完全粉刷一边。

  根本目的

  根本目的有两个方面，这两个方面相辅相成，无法分开。一个目的是增强页面的效果，更具有可读性，另外一个目的是有助于信息的组织。读者应当更能立即了解信息以何种方式组织，以及从一项到另一项的逻辑流程。对比元素不能让读者混淆，也不能错误的强调重点。

  如何实现

  可以通过对字体选择，线宽、颜色、形状、大小、空间等对比手法来增强对比；增加对比很容易，途径有很多。

  要避免的问题

  如果他们不同，就让他们完全不同。

  6 chapter 复习

  设计的指导原则（不要畏畏缩缩）

  1、 亲密性

  2、 对齐

  3、 重复

  4、 对比

  7 chapter 颜色运用

  CMYK和RGB颜色模型之间的区别：

  CMYK代表Cyan（一种蓝色）、Magenta（一种红/粉红色）、Yellow（黄色）和一个Key色（通常是黑色），可以打印出千万种颜色，称为“四色处理”，用在印刷上的。

  RGB用在显示器、电视、iphone上。

  三原色(Primary color)：黄、红、蓝

  三间色(Secondary color):黄色+兰色=绿色；蓝色+红色=紫色；红色+黄色=橙色

  第三色(tertiary color )

  互补：色轮上相对（即完全对立）的颜色为互补色(complement)，由于对立，所以最佳搭配是一种作为主色，另外一种用于强调。

  三色组(triad)：色轮上彼此等距离的三种颜色形成一个三色组，红、黄、蓝就是一种极其流行的颜色组合，儿童产品通常采用这三种颜色。也成为基色三色组(primary triad)

  间色三色组(secondary triad): 绿色、橙色、紫色

  分裂互补三色组(split complement):从色轮的一边选择一种颜色，再在色轮上找出对面的互补色，不过并不是直接使用这个互补色，而是使用该互补色两侧的颜色，这样得到的组着会有一种更为细致的颜色边界。

  类似色(analogous):组合由色轮上彼此相邻的颜色组成。

  暗色和亮色：

  纯色就是色调(hue)

  向色调增加黑色就构成一个暗色(shade)

  注意色质：

  色质是某种颜色的特定明暗度、深浅度或色调。色质太接近，看上去会模糊不清，对比太过微弱。要避免使用类似色质的色调。

  向色调增加白色就构成一个亮色(tint)

  单色组合(Monochromatic combination):由一种色调及其相应的多种亮色和暗色组成。

  暖色和冷色：

   暖色总是趋进型的，冷色总趋于后退。

   暖色不费多大功夫就能产生效果。

   如何组合暖色和冷色，一定要少用些暖色

   冷色是后退型的，所以可以使用，更多的冷色才嫩产生效果或形成有效的对比。

   不要让冷暖色太过均衡，一定要充分利用这种视觉现象。

  在美国，标准的企业名片规格为：3.5英寸宽，2英寸高（垂直格式的规格为：2英寸宽，2.5英寸高）。

  设计在WEB网站上的应用

  本文反复提到的四大设计原色，同样使用时WEB设计，这其中重复是网站设计的最重要的因素之一。重复可以让访问者注意到自己是否还是在同一网站之中，

  可以查看peachpit.com或者Adobe.com网站，找到有助于提供一致性的设计。

  (收起)

  2011-03-31 18:32:38   回应

  收藏

  推荐

• 

  第1页

  楚法丁诺

  第一章，给出了设计的4大基本原则：亲密性、对齐、重复、对比。通过“约书亚树”的小故事，告诉我们，一旦我们的思想关注到某个领域，或学习到新的知识，我们就会很容易在生活中注意到他们。 第二章，亲密性 亲密性，指的是把内容相关的项组织在一起，即物理位置的接近。在设计版面时，有意识的意识到，你是怎么阅读的，你的视线是怎么移动的，然后把相互关联的多个项放在一个视觉单元里面。即，让阅读者一个“单元”一个“单.. (更多)

  第一章，给出了设计的4大基本原则：亲密性、对齐、重复、对比。通过“约书亚树”的小故事，告诉我们，一旦我们的思想关注到某个领域，或学习到新的知识，我们就会很容易在生活中注意到他们。

  第二章，亲密性

  亲密性，指的是把内容相关的项组织在一起，即物理位置的接近。在设计版面时，有意识的意识到，你是怎么阅读的，你的视线是怎么移动的，然后把相互关联的多个项放在一个视觉单元里面。即，让阅读者一个“单元”一个“单元”的阅读，而不是一个“元素”一个“元素”的阅读。

  这样做，一方面，是使各个元素更具条理性和组织性，另一方面，也给版面留出了“空白”，即版面设计中最重要的“留白”，以使整个页面看起来更简单、美观。

  需要注意，留白只适用于“单元”之间，“元素”之间是不需要留白的。而且，不同的元素不要强行并入一个“单元”之内，而是要把他们分开。

  从前两章的阅读来看，最重要的，是从书中大量的案例里找到设计的感觉。

  第三章，对齐，计划1月31日读毕。 (收起)

  2011-01-31 00:13:05   回应

  收藏

  推荐
• 

  第1页

  Fox (我不入Party，谁入Party...)

  平面设计的启蒙读物！ (更多)

  平面设计的启蒙读物！ (收起)

  2011-03-29 13:09:14   回应

  收藏

  推荐
• 

  第1页

  Choco (迷糊的小孩)

  整本书分成了两个部分。 第一部分谈了设计中的四个原则：对齐，重复，亲密性，对比。 第二部分详细介绍了字体的使用。第一次阅读关于字体的书，收获不少。不同的字体，粗细的过度，是否有截线，还有字的形状都会产生不同的效果。 这些设计的原则和理念在很多地方可以应用，比如制作PPT, 书写文档，甚至在买文化衫的时候，也可以斟酌下文字或图片的排版。 (更多)

  整本书分成了两个部分。

  第一部分谈了设计中的四个原则：对齐，重复，亲密性，对比。

  第二部分详细介绍了字体的使用。第一次阅读关于字体的书，收获不少。不同的字体，粗细的过度，是否有截线，还有字的形状都会产生不同的效果。

  这些设计的原则和理念在很多地方可以应用，比如制作PPT, 书写文档，甚至在买文化衫的时候，也可以斟酌下文字或图片的排版。 (收起)

  2011-04-08 14:18:52   回应

  收藏

  推荐

• 

  第5页

  袖里青蛇 (你也是妖怪吗)

  非常可爱的一本书。文笔轻快诙谐且言之有物，可以一个猛子扎进去游很远。 (更多)

  非常可爱的一本书。文笔轻快诙谐且言之有物，可以一个猛子扎进去游很远。 (收起)

  2012-02-09 17:07:21   回应

  收藏

  推荐
• 

  第140页

  吃柚子の企鹅

  同一个页面上设置了两个或者多个类似的字体，看上去并非完全不同，但也不完全相同，这个设计就是冲突的。 其实除了字体还有很多东西也是如此，按钮、布局等等，要避免冲突，很简单的一点，即回归到四大基本原则之一的“对比”，对比就是如果两项不相同就让他们截然不同。 (更多)

  同一个页面上设置了两个或者多个类似的字体，看上去并非完全不同，但也不完全相同，这个设计就是冲突的。

  其实除了字体还有很多东西也是如此，按钮、布局等等，要避免冲突，很简单的一点，即回归到四大基本原则之一的“对比”，对比就是如果两项不相同就让他们截然不同。 (收起)

  2011-12-19 20:51:34   回应

  收藏

  推荐
• 

  第95页

  任子爵士 (随心所欲，不逾矩。)

  颜色往往要么是暖色，要么是冷色。不过我希望你记住更实用的一点，冷色总趋于后退，而暖色是趋进型的。暖色不费多大功夫就能产生效果，红色和黄色能立即映入你的眼帘。所以，如果要组合暖色和冷色，一定要少用些暖色。不要让冷暖色太过均衡，一定要充分利用这种视觉现象。 (更多)

  颜色往往要么是暖色，要么是冷色。不过我希望你记住更实用的一点，冷色总趋于后退，而暖色是趋进型的。暖色不费多大功夫就能产生效果，红色和黄色能立即映入你的眼帘。所以，如果要组合暖色和冷色，一定要少用些暖色。不要让冷暖色太过均衡，一定要充分利用这种视觉现象。

  (收起)

  2011-12-19 13:45:37   回应

  收藏

  推荐