平时工作过程中,明显感受到自己在ppt呈现内容上的劣势,内容组织、元素排版和颜色使用上相对不"专业", 大致总结下来是自己在PPT这块没有投入时间和精力,于是精读这本书并整理出读后感 书中有不少设计图,结合设计原则,做了good和bad case的讲解,能够更好理解这些原则的作用和意义
豆瓣阅读链接 book.douban.com/subject/332…
4大基本原则CRAP
1. contrast-对比
原则
页面上不同元素之间要有对比效果,明确显示出差异,减少混淆
本质目的
- 提升页面可读性:缺少明显对比的页面,没有突出显示出重点内容,可读性较低
- 提升内容的组织性
实现方法
- 构建对比:通过字体,线宽,颜色帽子题,形状,大小
- 安排不同对比:通过不同程度的对比,构建一条引导路径,吸引读者的目光
注意事项
要对比,就要加大力度,对比强烈,一眼就能看出来 避免相似特点对比:比如黑色对比灰色,粗线对比更粗线
2. repeat-重复
原则
重复是另外一种“一致性”,设计的默写方面需要在整个作品体现出重复,字体 粗线 符号 颜色 格式都属于重复
本质目的
重复的视觉元素将孤立单元连接到一起,统一风格or特点 => 增强视觉效果
实现方法
- 找出现有元素,将其增强:颜色 字体 对齐 间距
- 创建新的重复,进一步增强:比如 icon 粗线
注意事项
避免重复太多,过多重复引起反感(红发美女 红口红 红衣服 鞋子 裤子)
3. align-对齐
原则
不能随意摆放元素,每个元素在页面上摆放都需要和另外一个元素存在某种视觉联系
本质目的
使整体元素呈现统一且有条理
实现方法
实现统一性:所有元素都表达出某一共性,需要在各个单独元素之间构建视觉纽带
注意事项
- 避免使用多种对齐方式
- 减少居中对齐的使用,尽量使用左右对齐(居中对齐的表现形式上正式 稳重 也乏味)
可以打破原则,但是明确知道原则是什么,为什么定下这类原则
4. proximity-亲密性
原则
在同一个平面上,物理空间的接近,被看做内聚一体的视觉单元 意味着存在关联关系,不再是彼此无关的片段
本质目的
实现内容组织性,同时相关元素分组 => 组织性 + 条理性 + 美观(留白美观)
实现方法
- 设计布局前:梳理内容的脑图,按照金字塔原则,梳理内容
- 优化布局时:眯起眼睛看看页面上有几个孤立元素(眼睛切换的停顿的次数),如果个数超过5个 ,看看是否可以采取分组,从均匀分布(不相关) => 组合出视觉单元
最后附上阅读脑图
注意事项
- 避免过多孤立元素
- 元素之间的留白不要相同(除非元素是属于统一集合)
- 标题 子标题 图表 图片,按照亲密关系优先级建立分组
- 不要因为有空白 就把元素放在角落和中央,优先考虑视觉单元