引子
两年前离京之时, 从好友那儿得了几本书, 其中就有这本<写给大家看的设计书>. 当时了了看了几眼, 虽有所得, 但总觉得体会不深, 新工作经常有写作, PPT汇报需求, 想起该书上提到的几点, 原来对我已经产生影响, 再次翻阅, 体感尤甚, 遂推荐给大家.
简评
这是一本可以让你的设计理解和排版能力飞快从0到1的书.
简单的四大原则(对比, 重复, 对齐, 亲密性)蕴含了作者丰富的设计经验, 大量的实例也可以读者在阅读过程中有切身的体感, 读起来不枯燥, 也能更快掌握要点.
另外书中讲到颜色(互补色, 三色组, 类似色等), 字体(协调, 冲突, 对比)的使用时, 充分结合前面提到的四大原则, 印象深刻.
虽然我们平常很少参与到真实设计, 但是我们其实做很多事情都会用到设计, 例如写PPT, 论文排版, 个人网站等等, 甚至是对于程序员来说, 写可读性好的代码本身也是需要一点这种设计思想的.
摘选笔记
设计原则
对比
- 避免页面上的元素太过相似;
- 如果元素不同, 就干脆让其截然不同;
- 对比, 通常可以让读者首先注意到.
重复
- 相同项目内, 元素重复出现;
- 可以增加条理性, 统一性.
对齐
- 任何东西都不可以在页面上随意安放;
- 对齐可以让元素与另一个元素产生视觉联系;
- 给人清晰, 精巧, 清爽的外观感受.
亲密性
- 彼此相关的元素应当靠近, 归组在一起;
- 形成一个统一的视觉单元;
- 有助于信息组织, 减少混乱, 给读者一个清晰的结构.
颜色运用
色轮
1, 互补色
- 对比强烈, 适合一主一强调
2, 三色组
- 协调色, 适合(需要对比时)组合使用.
3, 分裂互补三色组
- 可以有更细致的颜色边界,
- 一般将互补分裂色作为背景, 能清晰显示出前景色.
4, 类似色
- 协调组合使用, 适合同类别的微区分色块使用.
暗色和亮色
- 纯色就是色调.
- 向色调增加黑色就构成一个暗色.
- 向色调增加白色就构成一个亮色.
暖色和冷色
- 可以通过增加红色或黄色使某些颜色"加热".
- 可以通过对颜色增加不同程度的蓝色使其"降温".
- 暖色是趋进型, 冷色是后退型.
字体设计
- 一种字体可以达到协调效果, 但是也容易使人乏味.
- 多种字体可以达成对比关系, 但是也可能产生冲突.
- 对比要大胆, 强烈, 否则不如不做.
- 如果类似元素, 要注意保持协调.
- 小差异做对比, 会形成冲突, 不建议做.
拓展运用
实例分析
了解了理论知识后, 我们再来看看实际运用, 在这里就不自己具体找实例献丑了, 在很多制作图表, PPT排版等文章中都能看到以上几个原则的使用.
例如图表制作:
个人分析:
1, 增加不同Company之间的间距, 来达成同一Company之间数据的亲密性.
2, 同一Company下的数据在一起更能体现对比.
3, 色块加粗, 与当前高度更加协调.
例如PPT排版:
)
个人分析:
1, 冷暖色系的对比使用让人聚焦于列表内容.
2, 列表项之间的分块设计体现亲密性和对比原则.
3, 列表项重复使用同一种颜色块, 体现重复原则, 给人协调统一的感觉.
4, 列表项主标题和子标题的字体大小, 颜色的差别使用, 能产生对比, 让人注意到重点.
结语
总的来说, 此书简单易懂, 且很容易就能应用到实际工作生活中, 能快速提升"设计能力". 作为一个程序员, 免不了会写个文档, 画个表格, 撸个汇报PPT, 此中原则绝对是良丹妙药, 能让你的文稿锦上添花, 更进一步.
本文只是一个简单笔记, 有意者可以拜读原作.
