读<写给大家看的设计书>

引子

两年前离京之时, 从好友那儿得了几本书, 其中就有这本<写给大家看的设计书>. 当时了了看了几眼, 虽有所得, 但总觉得体会不深, 新工作经常有写作, PPT汇报需求, 想起该书上提到的几点, 原来对我已经产生影响, 再次翻阅, 体感尤甚, 遂推荐给大家.

简评

这是一本可以让你的设计理解和排版能力飞快从0到1的书.

简单的四大原则(对比, 重复, 对齐, 亲密性)蕴含了作者丰富的设计经验, 大量的实例也可以读者在阅读过程中有切身的体感, 读起来不枯燥, 也能更快掌握要点.
另外书中讲到颜色(互补色, 三色组, 类似色等), 字体(协调, 冲突, 对比)的使用时, 充分结合前面提到的四大原则, 印象深刻.

虽然我们平常很少参与到真实设计, 但是我们其实做很多事情都会用到设计, 例如写PPT, 论文排版, 个人网站等等, 甚至是对于程序员来说, 写可读性好的代码本身也是需要一点这种设计思想的.

摘选笔记

设计原则

对比

• 避免页面上的元素太过相似;
• 如果元素不同, 就干脆让其截然不同;
• 对比, 通常可以让读者首先注意到.

重复

• 相同项目内, 元素重复出现;
• 可以增加条理性, 统一性.

对齐

• 任何东西都不可以在页面上随意安放;
• 对齐可以让元素与另一个元素产生视觉联系;
• 给人清晰, 精巧, 清爽的外观感受.

亲密性

• 彼此相关的元素应当靠近, 归组在一起;
• 形成一个统一的视觉单元;
• 有助于信息组织, 减少混乱, 给读者一个清晰的结构.

颜色运用

色轮

色轮

1, 互补色

• 对比强烈, 适合一主一强调

2, 三色组

• 协调色, 适合(需要对比时)组合使用.

3, 分裂互补三色组

• 可以有更细致的颜色边界,
• 一般将互补分裂色作为背景, 能清晰显示出前景色.

4, 类似色

• 协调组合使用, 适合同类别的微区分色块使用.

暗色和亮色

• 纯色就是色调.
• 向色调增加黑色就构成一个暗色.
• 向色调增加白色就构成一个亮色.

暖色和冷色

• 可以通过增加红色或黄色使某些颜色"加热".
• 可以通过对颜色增加不同程度的蓝色使其"降温".
• 暖色是趋进型, 冷色是后退型.

字体设计

• 一种字体可以达到协调效果, 但是也容易使人乏味.
• 多种字体可以达成对比关系, 但是也可能产生冲突.
• 对比要大胆, 强烈, 否则不如不做.
• 如果类似元素, 要注意保持协调.
• 小差异做对比, 会形成冲突, 不建议做.

拓展运用

实例分析

了解了理论知识后, 我们再来看看实际运用, 在这里就不自己具体找实例献丑了, 在很多制作图表, PPT排版等文章中都能看到以上几个原则的使用.

例如图表制作:

图表示例来自大数据公众号图标制作文章

个人分析:
1, 增加不同Company之间的间距, 来达成同一Company之间数据的亲密性.
2, 同一Company下的数据在一起更能体现对比.
3, 色块加粗, 与当前高度更加协调.

例如PPT排版:

PPT示例来自秋叶PPT公众号列表式内容排版 )

个人分析:
1, 冷暖色系的对比使用让人聚焦于列表内容.
2, 列表项之间的分块设计体现亲密性和对比原则.
3, 列表项重复使用同一种颜色块, 体现重复原则, 给人协调统一的感觉.
4, 列表项主标题和子标题的字体大小, 颜色的差别使用, 能产生对比, 让人注意到重点.

结语

总的来说, 此书简单易懂, 且很容易就能应用到实际工作生活中, 能快速提升"设计能力". 作为一个程序员, 免不了会写个文档, 画个表格, 撸个汇报PPT, 此中原则绝对是良丹妙药, 能让你的文稿锦上添花, 更进一步.

本文只是一个简单笔记, 有意者可以拜读原作.