训练美的眼睛-晋文读书笔记

训练美的眼睛-晋文读书笔记

（一）常识。

1.有没有速成的招数让PPT及格？

上图和下图，找出五个不同吗？哪一个更舒服？

训练美的眼睛-晋文读书笔记 训练美的眼睛-晋文读书笔记

下边的图用了 crap

- 对比。Contrast

- 重复。Repetition

- 对齐。Alignment

- 亲密。Proximity

1.1 亲密。

目的是凸显分组，容易通过大脑的皮质层，内容更容易被识别和记忆，更聚焦。

如果我们看到两个人在街上走，隔着五米，他们有关系吗？

如果他们手拉着手，我确定他们之间存在亲密关系。

物理空间上的接近，就意味着存在关联。如果某些元素存在着相互的关联，那么就应该放在一起，分成一组视觉单元，与其他组保持距离。

要有意识你的视线是怎么移动的，从哪里开始，沿着怎样的路径到哪里结束，读完之后接下来看哪里，整个过程应该是个合理的过程，有确定的开始，也有确定的结束。

眯着眼睛，统计眼睛在页面上停顿的次数，通常3到5个比较合适。

1.2 对齐。

对齐是为了使页面元素统一，而且有条理。

对其可以制造一个安静的中心，表达更清晰。

居中比较安全，但是比较乏味，勇敢一点，采用左对齐或右对齐。

训练美的眼睛-晋文读书笔记 训练美的眼睛-晋文读书笔记

1.3重复。

重复目的是统一，增强视觉效果。

设计的线条，颜色，字体，风格等需要在整个作品中重复，并且让重复的元素更加明显，更加生动。利用重复将一系列捆绑在一起。

避免太多的重复一个元素，用对比，如果有位女士穿黑色的晚礼服，配红帽子，红耳环，红手提包，红鞋，红上衣，感觉就没有那么舒服。

训练美的眼睛-晋文读书笔记 训练美的眼睛-晋文读书笔记

1.4 对比。

页面上的不同元素之间要有对比效果，达到吸引读者比较的效果。

常用的方法有，加粗加大变颜色加色框。

训练美的眼睛-晋文读书笔记 训练美的眼睛-晋文读书笔记

2. 命名的力量

一旦你能用基本的逻辑框架来命名美，那么美就无处躲藏。

一旦你能说出什么东西的名字，你就很容易注意到他。你就会掌握它，拥有它，使它受你所控制，所以概念很重要。

好的表达方式，就像黑咖啡那样，令人振奋，之后倦意顿消。

3.关于美，不要畏畏缩缩。

只要是能支持你的观点，

不要害怕，增加高清图，增加图文比。

不要害怕，留有空白，让眼与心休息。

不要害怕，不对称，不居中效果强烈。

不要害怕，图片太大或太小。

（二）常识复习

做一个设计，要从哪里开始？

1. 从中心点开始。

聚焦。

你想让观众看什么，记住什么？

需要出现一个有强烈对比的中心点。

2.分组。

注意逻辑性，把关联的内容放在一起，看起来有亲密感。

3.对齐。

尽量少用居中对齐，

尽可能的创造左对齐或右对齐。

4. 重复。

将设计的元素进行重复，看起来像是一体的。

5.对比。

大胆的去对比，才能够凸显信息。

（三）颜色。

1.如何学习颜色呢？

红黄蓝为三原色，按均匀的间隔放在色轮上。

训练美的眼睛-晋文读书笔记

将色轮上相邻的颜色，等量混合得到三间色。

训练美的眼睛-晋文读书笔记

色轮中空白两边的颜色，等量混合为第三色。

训练美的眼睛-晋文读书笔记

色轮上位置相对的颜色是互补色。如红色和绿色。一种作为主色，另一种用于强调。

等距的三种颜色为三色组，如红黄蓝非常协调。

训练美的眼睛-晋文读书笔记

色轮上邻近的颜色为类似色，用不同的亮色暗色组成一组，效果相当醒目。如水绿色，绿色，黄绿色。

训练美的眼睛-晋文读书笔记

往颜色里

增加白色就是亮色，

增加黑色就是暗色。

颜色要么是暖色，

即含有红色或黄色。

要么是冷色，

包含蓝色。

冷色适合做背景色，

要使用更多的冷色，才能产生对比的效果。

暖色突出和点缀，过度使用会让人不舒服。

2.颜色如何取舍？

项目有季节性吗？

可以用颜色来暗示季节，火红和黄色表示夏季。

官方的logo可以取色吗？

你的项目是否包含一张照片和图像，可以利用照片上的颜色。

很多工作型的PPT都使用类似色，保持一种冷静的感觉，也可以用互补色增加视觉活力。

3.如何保持同色？

看电脑显示颜色的RGB值，即红色（Red）绿色（Green ）蓝色（Blue）的比值。

将不同页面的RGB值调成一致，就得到了一样的颜色。

（四）数据图表的美学

1.饼状图。

饼状图通过面积分割来传达信息，可以上不同颜色进行凸显。

连续的几幅饼状图，可以表现各项数据的增长变化。

训练美的眼睛-晋文读书笔记

2.柱状图。

柱状图表示同类资料对比。

可以横向排列，也可以纵向排列。

去掉边框，省略水平隔线，甚至水平轴和垂直轴。

训练美的眼睛-晋文读书笔记

3.曲线图。

曲线图表示数值的演化过程，并推导未来趋势。

训练美的眼睛-晋文读书笔记

4.表格。

表格中含有数据和分割线。分割线可以通过颜色色块来区分。

对于要凸显的数据，用鲜艳的颜色标出。

训练美的眼睛-晋文读书笔记

5.树形图。

可以表示流程或人物之间的从属关系。

训练美的眼睛-晋文读书笔记

6.线路图。

表示节点和节点之间的关系。比如项目的关键路径图。

训练美的眼睛-晋文读书笔记

7.范式图。

各元素群组之间的关系，一个圆圈之内是一个群组，可以重叠显示共同交集。

训练美的眼睛-晋文读书笔记

（五）字体

字体，让语言有了视觉的形态。

1.慎用英文大写。

小写单词的上半部会形成海岸线，易于阅读。

大写字母，会放慢阅读速度。

2.永远不要用下划线。

3.最后一行剩一两个字，他们就变成了这个段落的孤儿。尽可能重写文本，调整间隙，避免孤儿。

4.使用同一系列的字体，在样式大小处理方面变化，会产生协调与对比的关系。

5.字体的类别可分为，

现代体与旧式体。旧式体有一条对角强掉线，现代体有条垂直线。

粗衬线体和无衬线体。衬线就是字母的起止处，有没有小横线或者小竖线。

手写体和花体。这两种字体要慎用。

6.字体的对比，包括大小粗细，结构形状，方向和颜色。

大小，要明显，不要保守。

粗细，形成对比。

结构，开头字母大写，其他小写，有变化。

形状，用手写体和印刷体，拼成了不同的对比。

方向，有时斜向上，表示一种动态。

颜色，暖色是前进的，冷色是远离的。

看名牌的标签设置，就知道他们是很用心的。