训练美的眼睛-晋文读书笔记
训练美的眼睛-晋文读书笔记
（一）常识。
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.字体的对比，包括大小粗细，结构形状，方向和颜色。
大小，要明显，不要保守。
粗细，形成对比。
结构，开头字母大写，其他小写，有变化。
形状，用手写体和印刷体，拼成了不同的对比。
方向，有时斜向上，表示一种动态。
颜色，暖色是前进的，冷色是远离的。
看名牌的标签设置，就知道他们是很用心的。
