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

痛定思痛。 2023-10-09 10:15 12阅读 0赞

作为一个前端开发，了解一些基础的设计原理还是很有必要的，最近入职新公司，看见书架上有这本《写给大家看的设计书》，所以就借来看了，学习过程中发现书中介绍的一些设计原则，原来在日常的开发都有很多的体现。特别是用的比较多的 Ant Design，其设计语言的原则就是应用了这本书中介绍的**亲密性、对齐、对比、重复**四大原则。

**[亲密性][Link 1]**

如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。

**[对齐][Link 2]**

正如『格式塔学派』中的连续律（Law of Continuity）所描述的，在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲线。在界面设计中，将元素进行对齐，既符合用户的认知特性，也能引导视觉流向，让用户更流畅地接收信息。

**[对比][Link 3]**

对比是增加视觉效果最有效方法之一，同时也能在不同元素之间建立一种有组织的层次结构，让用户快速识别关键信息。（要实现有效的对比，对比就必须强烈，切不可畏畏缩缩。）

**[重复][Link 4]**

相同的元素在整个界面中不断重复，不仅可以有效降低用户的学习成本，也可以帮助用户识别出这些元素之间的关联性。

这些设计原则在实际应用时又有很多的规则和技巧，一个好的设计往往同时使用到了这些原则，基础的学习是一方面，更重要的还是实践，设计是一门需要大量实践的技能，所以这里仅仅是将书中介绍到的一些知识点进行罗列，以便在之后的实践学习中有理可循有据可依。

![781464-20190814183321420-523514144.jpg][]

转载于:https://www.cnblogs.com/wx1993/p/11242522.html

[Link 1]: https://ant-design.gitee.io/docs/spec/proximity-cn
[Link 2]: https://ant-design.gitee.io/docs/spec/alignment-cn
[Link 3]: https://ant-design.gitee.io/docs/spec/contrast-cn
[Link 4]: https://ant-design.gitee.io/docs/spec/repetition-cn
[781464-20190814183321420-523514144.jpg]: https://img2018.cnblogs.com/blog/781464/201908/781464-20190814183321420-523514144.jpg