读《写给大家看的设计书》


不知道什么时候开始对视觉系的东西有些感冒,但其实更多时候浮于表面,并未系统学习过,不论是拍照构图色彩,还是审美搭配,多数时候凭自己的感觉……偶尔的偶尔翻阅过一些入门普适的书,这本应该也算其中之一。

200多页的书看起来十分流畅,还给人细细品味之感。内容为页面设计写的,推荐指数:*****

推荐理由

  • 理念的认可

“一旦能够说出什么东西的名字,就会很容易注意到它。你就会掌握它,拥有它,使它在你的控制中”

“有关设计(同时也是有关生活)的一个更一般的指导原则是不要畏畏缩缩”

  • 设计四大原则
    • 规则一定不是越多越好的,拥有普适性又具有指导作用的这四大原则,结合例子的讲解,实用又容易理解。
    • 例子的讲解遵循循序渐进,不断优化,又有明显的效果对比。
    • 所有的例子都标示文本使用的字体,可见字体的选择对页面设计的重要性,也正是书中第二部分单独拿出来讲的内容。
  • 色彩的运用。不再是感观地去试试,而是有根据地指引。
    • 原理。从色轮的构成及色轮上颜色的组合来给出颜色运用的指导意见
    • 指导。冷暖色、RGB和CMYK的使用场景
  • 字体。学会运用特征区别类别,不要太重要,无法分辨就无法更合适地使用。
    • 6种字体类别的特点及区分,这个绝对是需要训练,需要敏锐的视觉。
    • 如何使用字体对比。字体大小、粗细、结构、形状、方向、颜色。
  • 实例设计的提示与技巧。建议看书吧。
    • 标识性包装、企业名片、信笺和信封、传单、新闻简报、宣传册、明信片、报纸广告、网站


一些摘录

1. 四大原则

  • 亲密性

亲密性意味着存在关联,如果多个项互相之间存在很近的亲密性,它们将成为一个视觉单元。一个页面上一般情况下视觉单元不应超过3~5个。利用亲密性原则,还可以使空白(这是设计师们最喜欢的)更美观(也更有条理)。应避免页面上有太多孤立的元素,并且不要在元素之间留出同样大小的空白(除非各组同属于一个子集),不同属一组的元素之间不要建立关系!

  • 对齐

任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。应当找一条明确的对齐线,并用它来对齐。如果设计中的对齐很明确,那么可以有意识地打破对齐,而且一定要表现出这是有意的(在打破规则之前必须清楚规则是什么)。要避免在页面上混合使用多种文本对齐方式,另外,要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。

  • 重复

设计的某些方面需要在整个作品中重复,从而统一并增强整个作品的视觉效果。使用重复原则时,有时可以把一个元素从现在的设计中抽取出来,并根据这个元素创建一个新设计。要避免太多地重复一个元素,重复太多会让人讨厌,要注意对比的价值。

  • 对比

在页面上增加对比能吸引人的眼球。可以通过字体选择、线宽、颜色、形状、大小、空间等等来增加对比,对比一定要强烈。要避免使用两种或多种类似的字体。如果各个项不完全一样,干脆让它们截然不同。


2. 有关设计…

有关设计(同时也是有关生活)的一个更一般的指导原则是不要畏畏缩缩:

  • 不要害怕在设计(或生活)中留有空白,这能让你的眼睛(以及心灵)稍作休息
  • 不要害怕设计是不对称的,使用非居中的格式,不居中往往能使效果更强烈。
  • 不要害怕把单词设置得非常大或非常小,不用担心说话声太大或者太小。在合适的场合这都是可以的。
  • 只要最后的结果能支持或强调你的设计或观点,不要害怕让图片太大或太小。


3. 色彩运用

  • 色轮的形成 :三原色 -> 三间色 -> 第三色 -> 12种基本颜色构成的色轮
    • 色轮上相对的颜色为互补色,最佳搭配为一种作为主色,另一种用于强调
    • 彼此等距的三种颜色通常会形成一个让人愉悦的三色组,包含基色三色组(红黄蓝)、间色三色组(绿橙紫等)
    • 分裂互补三色组,从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,使用时用该互补色两侧的颜色。
    • 类似色由色轮上彼此相邻的颜色组成,组合两种或三种颜色。
  • 当你熟练使用单色色调后,可以向色调增加黑色构成暗色、向色调增加白色构成亮色。
  • 暖色和冷色的使用。冷色总趋于后退,而暖色是趋进型,因而暖色不费多大功夫就能产生效果映入眼帘。所以如果要组合暖色和冷色,一定要少用些暖色。
  • RGB与CMYK
    • 需要印刷的项目应当使用CMYK
    • 需要在屏幕上看的内容则应使用RGB


推荐书籍

  • 《The Mac is not a typewriter》
  • 《The PC is not a typewriter》
  • 《Robin Williams Design Workshop》
  • 《The Non-Designer's Web Book》
crystal /
Published under (CC) BY-NC-SA in categories 设计  tagged with 页面设计