读书笔记-《写给大家看的设计书》

正式写文章一个多月了，之前对于文章格式、图片绘制都比较凭感觉，判断不了好坏。所以还是先来学习一下设计，再继续其他内容的编写。

设计是我们需要了解的，平时画个图、写个工作总结、做个PPT等等都会用到。设计也是随处可见的，我们可以欣赏别人的设计，例如电梯里的广告海报。

---

01

设计原则

作者总结了四个设计原则，对于一个好的设计，这四项都是具备的。

如果再概括一下什么是好的设计，我认为有两点，一是通过设计吸引读者阅读兴趣；二是设计本身自解释，它能够传达部分信息，比如层级关系、重要等级（就像软件开发领域，好的代码自解释一样）。

1.亲密性

相关的内容应当放在一起，形成一个视觉单元。

有意识地注意自己的阅读顺序，中心点在哪儿？视线移动路径是怎么样的？重要的信息是否已经读到？

2.对齐

每个元素都应当与另一个元素有某种视觉联系，而不是随意布局。

• 居中对齐是比较正式、稳重的，同时也会比较平庸，建议有一定设计水平后再使用。

• 左/右对齐的边界线为整个布局提供力度，更显专业。

• 同一个作品只使用一种对齐方式。

3.重复

适当地在某些特点上进行重复，例如颜色、形状、材质、空间关系、线宽、字体、大小、空间关系、图片等，从而加强统一性，增加辨识度。

4.对比

如果不相同，则让它们截然不同，从而引人注目。

避免两个元素不同但区别不大，这样就不是对比，而是冲突了。例如字体都大那就相当于都不大，因为有对比才能吸引人，当吸引到读者时，读者自然会去看小的字。

就以这篇文章来说，这四点我都有做到

• 四个原则段落之间空行，从而让相同的内容更紧凑（亲密性）

• 微信文章默认的左对齐（对齐）

• 大标题、小标题样式的重复（重复）

• 大标题、小标题与正文样式的区别（对比）

当然，我也有没做到的地方，比如之前文章如何提高核心竞争力的封面图，就有提高的空间，来看看对比（我感觉要好看很多，嘿嘿）：

---

02

颜色运用

1.色轮

伊顿色轮，选取红黄蓝为三原色，如果用水彩将三原色两两混合，会得到三间色绿紫橙，以此类推得到剩余的第三色。

RGB色轮的三原色是光的三原色，红绿蓝。值得一提的是，显示器上光的颜色是直接进入我们的眼睛，而非通过物体反射而来。

CMYK色轮主要运用于印刷。

2.颜色关系

利用色轮，我们可以轻松构建协调的颜色组合。

• 互补色：轮盘上对立的颜色。

• 三色组：轮盘上等距的三个颜色。

• 分裂互补三色组：选择一种颜色，再选择它互补色两边的颜色。

• 类似色：相邻的三个颜色。

纯色就是色调，向色调加黑色就构成暗色，加白色就构成亮色。

暖色是前进型的，会引起我们的注意。而冷色是远离型的，更适合做背景色。

3.如何取舍

如果我们在为一个组织创作，可以看看它的官方颜色或是LOGO的主色，再基于此用色轮选取其他配色。

或是根据季节来选择颜色，根据图片素材提取颜色等等，现在有很多在线的工具，使用起来还是很方便。

---

03

其他

1.字体对比

字体可以通过大小、粗细、结构、形状、方向、颜色来进行对比。即便只有黑色，也可以通过行间距来控制“颜色”。

2.其他

• 注意标点符号的合理使用。

• 不要在一段话最后一行留下几个字。

---

回想我玩过游戏的交互设计，印象最深刻的是OW和P5R。

细看发现，前者让人感到简约舒适，可以看到主页菜单是左对齐的，且清晰有对比。后者则让人印象深刻，主要是重复鲜艳的颜色、几何图形、剪纸元素。

原文链接：读书笔记-《写给大家看的设计书》

原创不易，点个关注不迷路哟，谢谢！

文章推荐：如何提高核心竞争力、读书笔记-《我的互联网方法论》、读书笔记-《银行4.0》、学习笔记-催收业务、读书笔记-《Spring技术内幕》（一）IoC容器的实现、读书笔记-《当下的力量》