第2958天:《写给大家看的设计书》摘录

对于非专业人士来说,这是一本很赞的设计理念入门书,相当受益,我在看的过程中马上就有所应用:改了 blog wap 页面的对齐排版;公司篮球赛冠军奖杯的贴字排版。

这本书只讲了两个部分,一个是设计理念,一个是字体设计。设计理念讲了四个设计原则:对齐、对比、亲密、重复。亲密其实就是归类分组,重复就是一致性。 以下是摘录:

设计原则

  1. 本书指出了 4 大基本概念,几乎每一个精良的设计中都用到了这 4 个概念。这些概念非常明确也很具体。如果你不知道哪里出了问题,又怎么能进行修正呢?一旦认识了这些概念,就会注意到你的页面中是否已经应用了这些概念。只有找出问题所在,方能得出解决方案。
  2. 4大基本原则:对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)。要记住,它们实际上是相互关联的。只应用某一个原则的情况很少。
  3. Robin亲密性原则是指:将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。
  4. 不要仅仅因为有空白就把元素放在角落或中央。避免一个页面上有太多孤立的元素。
  5. Robin对齐原则是指:“任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系”。对齐原则要求特别小心,再不能像从前那样,只要页面上刚好有空间就把元素随意“扔”到那里。
  6. 如果设计中的对齐很明确,那么可以有意识地打破对齐,而且一定要表现出这是有意的。技巧就在于,打破常规对齐时不要怯懦,一定要干脆一些,要么全部采用一种方式,要么全都不采用这种方式。千万不要保守。
  7. 要避免在页面上混合使用多种文本对齐方式(也就是说,不要将某些文本居中,而另外一些文本右对齐)。另外,要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。并不是完全杜绝使用居中对齐,有时可以有意地选择这种对齐方式,但是不要把它做为默认选择。
  8. Robin重复原则指出,“设计的某些方面需要在整个作品中重复”。重复元素可能是一种粗字体、一条粗线,某个项目符号、颜色、设计要素,某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。
  9. 可以把重复认为是“一致性”。
  10. 如果一切都是不一致的,别人又怎么能知道某个部分是特殊的呢?如果一个出版物有非常好的一致性,则可以放入一些与众不同的元素,使读者真正注意到你希望他们关注的内容。
  11. 使用重复原则时,有时可以把一个元素从现在的设计中抽取出来,并根据这个元素创建一个新设计。这种方法很有意思,只需找到你喜欢的一个元素,然后随你摆弄它!
  12. 要避免太多地重复一个元素,重复太多会让人讨厌。要注意对比的价值(请看下一章以及有关字体对比的章节)。
  13. 对比是为页面增加视觉效果的最有效的途径之一,很容易吸引读者去看一个页面;另外对比还能在不同元素之间建立一种有组织的层次结构。要记住一个重要规则:要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。
  14. (请注意,可爱的小狗朝着与商店的名字相反的方向看。读者的眼睛总是随着页面上任何人或动物的眼睛看过去。所以要确保将读者的目光吸引到页面的焦点内容。)

颜色

  1. 色轮的基础是黄、红和蓝3种颜色。这些颜色称为三原色(primarycolor),因为这是唯一无法创建的颜色。也就是说,如果有一盒水彩,你知道可以混合蓝色和黄色来得到绿色,但是没有办法通过混合其他颜色来得到纯黄、纯红或纯蓝色。
  2. 由 12 种基本颜色构成的色轮。利用这个色轮,可以创建彼此非常协调的颜色组合。
  3. 色轮上相对(即完全对立)的颜色为互补色(complement)。由于它们如此对立,所以最佳搭配是一种作为主色,另一种用于强调。
  4. 彼此等距的三种颜色通常会形成一个让人愉悦的三色组(triad)。红色、黄色和蓝色就是一种极其流行的颜色组合,儿童产品通常都采用这种组合。由于这是三基色,所以这种组合也称为基色三色组(primary triad)。
  5. 另一种形式的三色组称为分裂互补三色组(splitcomplement)。从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不直接使用这个互补色,而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。
  6. 类似色(analogous)组合由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜色,它们都有相同的基础色,这就形成了一个协调的组合。
  7. 纯色就是色调(hue)。向色调增加黑色就构成一个暗色(shade)。向色调增加白色就构成一个亮色(tint)。
  8. 实际上黑色并不是一种“颜色”。
  9. 单色组合(monochromaticcombination)由一种色调及其相应的多种亮色和暗色组成。
  10. 色质是指某种颜色的特定明暗度、深浅度或色调。
  11. 颜色往往要么是暖色(这说明,其中包含红色或黄色),要么是冷色(说明其中包含蓝色)。
  12. 不过,我希望你记住更实用的一点,冷色总趋于后退,而暖色是趋进型的。暖色不费多大功夫就能产生效果,红色和黄色能立即映入你的眼帘。所以,如果要组合暖色和冷色,一定要少用些暖色。由于冷色是后退型的,所以可以使用(有时则必须使用)更多的冷色才能产生效果或形成有效的对比。不要让冷暖色太过均衡!一定要充分利用这种视觉现象。
  13. CMYK代表Cyan(一种蓝色)、Magenta(一种红/粉红色)、Yellow(黄色)和一个Key色(通常是黑色)。利用这4种墨色,可以打印出成千上万种颜色,正是因为这个原因,这也称为一种“4色处理”。(专业印刷作业可能还会用到其他颜色的油墨)。
  14. RGB表示Red(红色)、Green(绿色)和Blue(蓝色)。我们在计算机显示器、电视、iPhone等等上看到的就是RGB。
  15. 关于CMYK和RGB需要记住的是:需要印刷的项目应当使用CMYK。需要在屏幕上看的内容则应使用RGB。如果要在一个贵重的数字彩色打印机(而不是普通的4色印刷机)上印刷,可以咨询印刷机操作人员想要CMYK还是RGB中的颜色。
  16. 在 CMYK 和 RGB 之间来回切换,每次都会损失一点数据,所以最好用 RGB 处理你的图像,最后再把它们转换为 CMYK 。
  17. 新手设计的大多数传单存在的最严重的问题是缺少对比,而且信息的表现没有层次性。也就是说,从一开始就希望让一切都很大,认为这样可以引人注意。不过,如果所有一切都很大,那么什么也不会突出,任何部分都无法吸引读者的注意。要有一个明显的中心点,并使用对比来组织信息,引导读者的视线浏览页面。
  18. 大多数人都通过查看标题来浏览新闻报道,所以要让标题清楚而明显。
  19. 报纸广告的最大问题之一是太过拥挤。许多花钱在报纸上登广告的客户和企业都认为要把每一块空间都填满,因为每一块版面都是花了钱的。

字体

  1. 如果选择只使用一种字体,页面上的所有元素都采用同样性质的字体,这种设计就是协调的。也许你使用了某种italic字体,或者标题可能更大一些,还有可能使用了一个图片或一些装饰元素,不过给人的基本印象还是协调的。
  2. 如果在同一个页面上设置了两个或多个类似的字体,它们并非完全不同,但也不完全相同,这个设计就是冲突的。我见过无数的学生为了匹配页面上的某种字体,而去查找一种“看上去相似”的字体。这是错误的。如果把两种看上去非常相似但又不完全一样的字体放在一起,大多数情况下都会出现这个问题。问题就出在相似性上,因为相似性是互相冲突的。协调是一个稳妥有用的概念,但冲突务必要避免。
  3. 这个世界上所有特性都依赖于比较才能显现。如果没有比较,则根本没有存在的前提。
  4. 不应该要求读者去努力寻找页面的内容,如重点、材料的组织、用途、信息流程等等,所有这些应该一眼就能看出来。在保证一目了然的同时,还可以让页面更漂亮!
  5. 字体对比有6种明确的不同方式:大小、粗细、结构、形状、方向和颜色。实际中很少只使用一种对比,一种对比的效果通常不能让人满意。大多数情况下都会结合并强调多种对比来加强效果。
  6. 不要保守。如果对比不强烈,看上去只会像是一个失误。
  7. Robin原则:不要把同一个类别中的两种字体放在同一个页面上。它们之间的相似性是无法避免的。
  8. 千万不要在角落里放有角度的字体。
  9. 向右向上倾斜的字体产生一种前进的力量。向下倾斜的字体会产生一种反向的力量。有时可以充分利用方向所蕴涵的含义。

RSS

上一篇:

下一篇:

发表评论

电子邮件地址不会被公开。 必填项已用*标注