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

第一部分：设计原理笔记

第六章，复习。无笔记。第七章，颜色运用。一、色轮：由黄、红、蓝三色为一个轮的3个支点，将相邻的颜色等量混合，直到填满整个轮，就是色轮。通过向不同色调增加白色或黑色，则可以扩大这个色轮。 二、以色轮为基础，我们可以实现以下几种常用的配色方案：1、三色组用彼此等距的三种颜色配色。 2、分裂互补三色组在色轮的一边选取一种颜色，再在色轮的对面找出互补色两侧的颜色。 3、类似色色轮上彼此相邻的颜色组合，可以是两种，也可以是三种。 4、单色组合由一种色调及其对应的多种亮色或暗色组成。 5、暗色和亮色的组合即不完全使用“纯色”的对比，而是将纯色加一些暗色和亮色之后，再进行组合。三、在色彩运用中，有几个注意事项：1、注意色质不要过于接近，否则容易看上去模糊不清。2、冷色（蓝色）总趋于后退，暖色（红色或黄色）总趋于前进，所有，在设计中如果要组合暖色和冷色，则一点要少用暖色。使用更多的冷色才能产生效果，形成有效的对比。

本书对西文排版要点做了很好的总结～·

The Non-Designer’s Design Book1 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网站，找到有助于提供一致性的设计。