日常生活中总能遇到很多需要设计的地方,例如PPT、简历、论文、博客、邮件等。这本《The Non-Designer’s Design Book》算是给非设计师很好的教材。书中大量篇幅是举例,核心要点其实不多。

1. 设计原则

首先有四大基本设计原则:

  • 对比(Contrast)
  • 重复(Repetition)
  • 对齐(Alignment)
  • 亲密性(Proximity)

还有一条非常重要的忠告,不要畏畏缩缩。用对比就应该强烈对比,用重复就应该多处重复,用对齐就应该严格对齐,用亲密就应该有明显的聚集和间隔。


下文针对这四个原则,分别给出典型案例,案例中基本涵盖了每个原则的要点。

1.1 对比

对比要强烈!千万不要畏畏缩缩。对比有很多方面,已在思维导图中列出,不再赘述。看几个例子会更有帮助。

左边这种排版,是很常见的错误,对比不够突出。右边字体大小、粗细、颜色强烈对比,效果显著。



1.2 重复

设计的某些方面需要在整个作品中重复。例如在一本杂志中,甚至一篇论文中,总有一些东西,让你能知道这一页属于这本杂志。


1.3 对齐

任何元素不能再页面随意安放,每一项都应该与某些元素对齐。新手总爱用居中对齐,应该要避免。还要避免同时使用两种对齐。

下面例子中,左边随意摆放,右边尽量寻找元素对齐。


要慎重考虑左对齐、右对齐、居中对齐的选择。下图右使两条对齐线靠近,使对齐更加明显。


1.4 亲密性

相关内容要形成一个视觉单元,无关内容要分开。

右边的名片更能引导读者按一个合理的顺序进行阅读。而不是杂乱无章的跳跃视线。


如果所有内容分离,保持相同的间距,就等于没分离。为了有明显间距,可以用较小字体。


2. 颜色

在设计中,颜色搭配这一块实际上非常复杂,这里只是提到几个基本常识。


2.1 互补色

互补色指对立的颜色。


可以一种作为主色,一种作为强调。一般选冷色作为主色,暖色强调。


2.2 三色组


2.3 分裂互补三色组



2.4 类似色


2.5 色质(tone)

色质与明暗、色调有关。色质相近会导致难以分辨。


2.6 冷暖

冷色趋于后退,而暖色趋进。冷暖组合时,少用写暖色。要充分利用这种视觉特性,避免冷暖均衡。

例如下面例子,暖色过多非常刺眼。


2.7 如何取舍

项目开始前一定要先确定一套色彩方案。考虑有季节性吗?项目主题有颜色性吗?项目有一张照片或图片吗?

3. 字体

字体大致能分为六大类(主要分类依据是:笔画末端有无斜线、笔画粗细变化、强调线的方向等):

  • Oldstyle
  • Modern
  • Slab serif
  • Sans serif
  • Script
  • Decorative

六大类的样式预览:


具体各种类型的特点在思维导图中写明,通过预览也能有直观感受。后面列出每种类别下常见字体,方便查阅。

3.1 Oldstyle


3.2 Modern


3.3 Slab serif


3.4 Sans serif


3.5 Script


3.5 Decorative