写给大家看的设计书(R)

| Tags Reading  Design 

25 May 2014 - Beijing

写给大家看的设计书

ISBN: 7115188122 READ: 2014-05-25 RATING: 7/10

一 四大原则 (CRAP)

####1. 对比(Contrast)

  • 如果两个项不完全相同,就应当使之不同,而且应当是截然不同。
  • 对比的根本目的有两方面,这两个方面相辅相成,无法分开。一个目的是增强页面的效果,如果一个页面看起来很有意思,往往更有可读性。另一个目的是有助于信息的组织。
  • 可以通过字体选择、线宽、颜色、形状、大小、空间等等来增加对比。重要的是:对比一定要强烈。

####2. 重复 (Repeat)

  • 设计的某些方面需要在整个作品中重复。
  • 重复最大的好处是使各项看起来同属一组,虽然元素看起来都不完全相同。
  • 重复的目的就是统一,并增强视觉效果。
  • 重复就像是强调你的衣着。如果一位女士穿着一件可爱的黑色晚礼服,戴着一顶别致的帽子,她可能会用红色高跟鞋、红色口红和一朵红色小花来突出她的晚礼服。

####2. 对齐 (Alignment)

  • 任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
  • 你是不是不由自主地就想一切都居中?居中对齐是初学者最常用的对齐方式,这种对齐看起来很安全,感觉上也很舒服。居中对齐会创建一种更正式、更稳重的外观,这种外观显得更为中规中矩,但通常也很乏味。请注意你喜欢的那些设计。我敢保证,大多数看来精巧的设计都没有采用居中对齐。我知道,作为一个初学者,要完全摒弃居中对齐会很难,但你必须从一开始就强制自己避开它。通过充分利用亲密性,并结合明确的右对齐或左对齐,你会惊异于设计的改观。
  • 绝对不要在页面上任意摆放元素!
  • 如果文档的外观差强人意,可能最大的毛病就是缺乏对齐。我们的眼睛喜欢看到有序的事物;这会给人一种平静、安全的感觉。此外也有助于表达信息。
  • 在打破规则之前必须清楚规则是什么。
  • 对齐的根本目的是使页面统一而且有条理。
  • 另外,要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。并不是完全杜绝使用居中对齐,有时可以有意地选择这种对齐方式,但是不要把它做为默认选择。

####3. 亲密 (Proximity)

  • 每个元素都应与页面上另一个元素有某种视觉联系。在对齐很明显的基础上,可以偶尔打破对齐规则。
  • 在一个页面上,物理位置的接近就意味存在着关联。
  • 亲密性的根本目的是实现组织性。
  • 不同属一组的元素之间不要建立关系!如果元素彼此无关,要把它们分开。

二 颜色运用

####1.色轮

  • 三原色:黄、红、蓝,色轮的基础。
  • 三间色:色轮上相邻颜色等量混合,即黄加红==橙,红加蓝==紫,蓝加黄==绿。
  • 第三色:色轮上空白两边颜色等量混合,即黄+橙==橙黄,橙+红==橙红,红+紫==紫罗兰色,紫+蓝==蓝紫色,蓝+绿==蓝绿(水绿),绿+黄==黄绿。

####2.颜色关系

  • 互补 色轮上相对(即完全对立)的颜色为互补色(complement),最佳搭配是一种作为主色,另一种用于强调,如红绿搭配。

  • 三色组:彼此等距的颜色,如三原色黄红蓝搭配(称为基色三色组),间色三色组绿橙紫搭配。

  • 分裂互补三色组:从色轮一边选择一种颜色,另一边选择它对面的互补色两侧的颜色,如绿色、橙红色和紫罗兰色搭配。

  • 类似色:色轮上彼此相邻的颜色组成,若用不同的亮色和暗色组合一组类似色,效果将相当醒目。

####3.暗色和亮色

  • 纯色就是色调;
  • 向色调增加黑色就构成一个暗色;
  • 向色调增加白色就构成一个亮色。

####4.色质

指某种颜色的特定明暗度、深浅度或色调,应尽量避免它们挨在一起。

####5.暖色和冷色

  • 颜色往往要么是暖色(这说明,其中包含红色或黄色),要么是冷色(说明其中包含蓝色)。可以通过增加一些红色或黄色将某些颜色“加热”,如灰色或黄褐色。与之相反,也可以对颜色增加不同程度的蓝色对其“降温”。
  • 冷色总趋于后退,而暖色是趋进型的。

####6.如何取舍

  • 季节性?类似色;
  • 官方颜色?亮色和暗色、分裂互补色;
  • 包含一个照片或其它图像?选择其中一个颜色,类似色(沉着冷静),互补色(视觉活力);
  • 定期反复?自建调色板,供所有项目一致地使用。   

####7.CMYK和RGB

  • CMYK代表Cyan(一种蓝色)、Ma-genta(一种红/粉红色)、Yellow(黄色)和一个Key色(通常是黑色)。
  • RGB表示Red(红色)、Green(绿色)和Blue(蓝色)。我们在计算机显示器、电视、iPhone等等上看到的就是RGB。
  • 需要印刷的项目应当使用CMYK,需要在屏幕上看的内容则应使用RGB。
  • 在这个世界上,可见光谱遇到物体时,物体会吸收(或扣减)大部分光谱,它们没有吸收的部分会反射回我们的眼睛,这就是颜色。在显示器上,光的颜色不是反射来的,它们会直接进入我们的眼睛。


Back     Next
comments powered by Disqus