从审美到清晰表达:《写给大家看的设计书》核心方法

用对比、重复、对齐和亲密性,改善PPT、简历与日常排版。

冷月清谈:

文章以《写给大家看的设计书》为线索,指出审美不仅关乎“好看”,也会影响信息传达、专业感与说服力。书中适合非设计专业者掌握的核心是C.R.A.P.四原则:用强对比建立层级,以重复保持统一,借对齐建立视觉联系,通过亲密性组织相关信息。文章还梳理了色轮与常见配色关系,以及字体在大小、粗细、形状、方向和颜色上的对比方法。实际设计时,应先确定视觉中心,保持标识规则一致,有目的地留白,并敢于尝试不对称和更明确的差异。这些方法可以应用于简历、PPT、论文、海报和个人主页等日常场景,帮助初学者识别并改善设计问题。

怜星夜思:

1、AI已经能一键生成海报和PPT了,普通人还有必要专门训练审美吗?
2、对比、重复、对齐、亲密性这四项原则里,哪一项最适合新手先练?
3、“美观的物品更好用”这句话总成立吗?哪些设计可能好看却不好用?
4、不学专业软件,只靠日常练习,怎样比较有效地提高排版和审美判断?

原文标题:强烈建议审美欠缺的人读完这本书!学会真的强势逆袭

原文作者:图灵编辑部

原文内容

一个人的审美有多好,脑子就有多值钱。可能很多人都会觉得疑惑,我审美挺在线的,怎么还是不会赚钱呢?


在「体验经济」的时代,产品 → 商品 → 服务 → 体验。功能价值成为基础,情感和审美价值才是溢价的核心。有人说这就叫「颜值即正义」。


但毋庸置疑,“美观的物品更好用。”


斯科特·贝尔斯基在《好满足》中曾说:“在你努力产生影响力的过程中,审美修养是你最重要的技能。”无论是简历、论文、PPT、个人主页、活动海报等,对美和清晰度的追求,都会让我们的工作产出更专业、更具说服力,从而赢得更多机会和资源。


而这都是一种设计思维,但大多数人都忽略了这一点,或者盲目的认为,自己审美在线。


在AI时代,审美力的溢出就是品牌的价值所在。因此,提高自身的设计思维和审美力,或许是对抗变革的最好投资。

世界有名设计师、和畅销书作家的《写给大家看的设计书》已全球畅销100万册,是影响一代设计师的入门圣经,本书不一定能帮你成为设计师,但可以让你审美在线。


这本书已经陆续上市十周年,此次我们特别出版纪念版,并将书中精华部分呈现给大家。

来源 | 《写给大家看的设计书(原书第4版·10周年纪念版)》

作者:[美]罗宾·威廉姆斯(Robin Williams)

作者 | 苏金国 李盼 等


设计无小事,这书从具体的一个个实例,讲解多种设计原理和方法。适合初学者建立一套最基础的设计知识。此书定位于入门级别的设计师以及希望了解设计方法的行外人员。


通过阅读与思考,基零础的读者也能很快学习到一些设计方法,获得灵感,做出优秀的设计作品。


本书比较薄,但是值得多看几遍。

稍作整理了一下,从书中总结了一些涉及的精品内容。第一次在读这本书的时候,其实对这方面的知识非常欠缺。


读这本书的时候,第一感觉里面的知识并不高深,甚至有一部分还属于“常识”性内容,读完之后,才发现最大的问题“不是不懂这些知识”,而是“不知道如何识别好设计和糟糕的设计”,但是书中的案例很好地为我们讲解了这些内容。


以下是我整理的笔记大纲思维导图。


一、四大基本原则C.R.A.P

1. 对比

各种元素(字体、颜色、大小、线宽、空间…)不相同,就让它们彻底不同。


(1) 左图,它们之间有对比,但是很弱。让人有种觉得是不是作者选错了字体,而不会认为是特意选择的。

(2) 右图,要不同,我们就让它们“大大的不同”。


2. 重复

   让元素重复出现,增强条理性和统一性。

(1)  左图,同样的信息,不经过重复分组,整体很难获取到信息的中心和重点。

(2)  右图,当我们对对信息进行“重复”分组。读者很容易从中获取到有用的信息。


3. 对齐

元素之间在版面上,形成某种视觉联系。建立一种清晰、精巧、而且清爽的外观。


版面若不存在一定对齐关系,会让整个版面显得杂乱无章。



当我们以一定的关系,对元素进行对齐。我们很容易对信息进行解读。


4. 亲密性

让具有相关性的设计元素适当靠近,形成一个视觉单元。有助于组织信息,让结构更加清晰。



(1)  左图,版面上的一堆元素关系不明确。我们会认为他们之间没有关联。

(2)  右图,让有关系的元素适当靠近,我们很容易知道他们之间是有联系的。


二、颜色的运用


1. 色轮

色轮的基础是黄、红、蓝三种颜色,我们称之为“三原色”。


三原色:如下图所示,唯一无法创建的颜色。纯黄,纯红,纯蓝是没有办法通过其他颜色混合成的。


三间色:如下图所示,通过黄蓝,蓝红,红黄,两两合成。可以得到绿色、紫色、橙色。这三个新得到的颜色,就是三间色。



第三色:三原色和三间色继续混合,得到的第三种颜色。



按顺序排列之后,就可以得到12种颜色的色环(如上文中的环形图)。


图片



2. 颜色关系

(1)  互补色

在色轮(环)上,完全对立(180°)的颜色称为互补色。适合用于主色和强调色。




(2)   三色组

在色轮(环)上,彼此等距离的三种颜色,形成三色组。

三种间色组成的色组,也是三色组。




(3) 分裂互补三色组

在色轮(环)上,一种颜色,与对面互补色两侧颜色组成的三色组。


(4) 类似色

在色轮(环)上,由彼此相邻的颜色组成,他们都拥有相同的基础色。




(5) 暗色和亮色



三、字体设计

1. 字体基本原则


协调

如果只使用一种字体,其他设计元素也采用同样性质的字体,这种就属于字体的协调。大多数的协调设计往往比较平和正式。


冲突

如果在一个版面上,使用了两个或以上不同但相似的字体,不全不同,也不全相同,这时候,设计就形成冲突。相似的字体放在一起通常都有这种情况。会让人觉得,这是一种设计上的失误。


对比

有比较才能呈现或者凸显。强烈的对比能吸引我们的视线。而使用字体,是一种很好的策略。




2. 字体对比

大小对比

字体大小的对比,也就是大号字体与小号字体形成对比。字体大小对比,并非让字体非常大或非常小。


先确定需要突出的中心。再利用字体大小来突出强调。(如果是英文,不建议用全大写字母来让字看着更大,这样会让阅读增加难度。)


有时候你需要在纸上突出某句信息。可以把字体和A4纸形成大小对比。某种程度上,形成一定的吸引力。


粗细对比

字体粗细,就是利用笔画的粗细度来形成对比。

上面是同一个系列,同字号,但是不同粗细的字体。


粗细对比不仅能使页面更引人注目,也是组织信息比较有效的方式之一。可以随手翻开一些书刊的目录也有类似的例子。标题加粗,子标题正常粗细的用法在很多场景下都有用到。


形状对比

这里的形状,指的是字体的外形(英文字母为例)。


大写字母的形状都为“矩形”,小写字母的形状大多不规则。同样可以在英文排版的时候形成对比。


方向对比

其中一个,指的是的倾斜角度。但是设置方向,需要有明确的原因,不应该为了改变方向而改变。


还有一种是指,文字的排版方向。通常阅读的时候,文字阅读方向为水平。但是特殊情况,还有不同阅读方向排版。



颜色对比

颜色是非常显而易见的(如何使用,可以参考本书前面讲颜色的章节)。暖色通常易于吸引注意,冷色调的字体,不大容易吸引注意力。


尽管大字很突出,但是因为小字使用了红色,非常能吸引注意力。


这次,将大字改成红色,但是这种设计通常应该避免。


现在小字设置为浅蓝色,这时候我们的注意力都集中在大字上。


在颜色对比上,有时候,我们会通过改变颜色灰度,达到弱化或强调的效果。


四、其他

1. 大胆选择

大胆选择留白方式;敢于尝试不对称设计;字体大小的选择需要敢于选择,通过不同的尝试,才能形成一套自己的设计策略;大胆选择设计的图形图片素材。


2. 一致标识

对于同一个设计,有必要建立一致的标识。譬如设计的规则。强调的规则。不应出现多重不同强调方式。


3. 创建一个中心

在做设计的时候,要先从中心开始,确定希望读者最先看到什么。除非你只是希望做一个非常协调的设计。


4. 有意识留白

在设计过程中,不要害怕留出空白,但是需要思考留白的目的和方式。把页面填充的很满,并不是很好的策略。

《写给大家看的设计书

(原书第4版·10周年纪念版)》

作者:[美]罗宾·威廉姆斯(Robin Williams)

译者:苏金国 李盼 等

-世界有名设计师罗宾·威廉姆斯殿长销作品,职场人的设计素养入门书

-全球热销超过1000000册,影响一代设计师的图书

-本书不一定能帮你成为设计师,但可以让你审美在线


我倒觉得不用把“训练审美”说得太玄。普通人先学会对齐、少用字体、控制颜色、留够空白,就已经能淘汰一大批灾难PPT了。AI负责出图,人负责别让它乱来。

1 个赞

我会先练亲密性。很多排版难看并不是颜色不高级,而是标题离正文太远、说明文字贴错图片。先把有关系的内容放在一起,信息结构自然就清楚了。

1 个赞

我遇到过最典型的是全是图标、没有文字提示的App。界面确实很干净,但每个按钮都得点一次才知道干什么。设计如果让用户猜谜,再漂亮也只是设计师自我感动。

2 个赞

当然要。AI像是突然给了你一个装满衣服的衣柜,但去面试穿西装还是花衬衫,最后还得你自己选。审美不只是会做,更是知道为什么这样做。

3 个赞