作为一个前端开发,了解一些基础的设计原理还是很有必要的,最近入职新公司,看见书架上有这本《写给大家看的设计书》,所以就借来看了,学习过程中发现书中介绍的一些设计原则,原来在日常的开发都有很多的体现。特别是用的比较多的 Ant Design,其设计语言的原则就是应用了这本书中介绍的亲密性、对齐、对比、重复四大原则。
如果信息之间关联性越高,它们之间的距离就应该越接近,也越像一个视觉单元;反之,则它们的距离就应该越远,也越像多个视觉单元。亲密性的根本目的是实现组织性,让用户对页面结构和信息层次一目了然。
正如『格式塔学派』中的连续律(Law of Continuity)所描述的,在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线,使曲线继续成为曲线。在界面设计中,将元素进行对齐,既符合用户的认知特性,也能引导视觉流向,让用户更流畅地接收信息。
对比是增加视觉效果最有效方法之一,同时也能在不同元素之间建立一种有组织的层次结构,让用户快速识别关键信息。(要实现有效的对比,对比就必须强烈,切不可畏畏缩缩。)
相同的元素在整个界面中不断重复,不仅可以有效降低用户的学习成本,也可以帮助用户识别出这些元素之间的关联性。
这些设计原则在实际应用时又有很多的规则和技巧,一个好的设计往往同时使用到了这些原则,基础的学习是一方面,更重要的还是实践,设计是一门需要大量实践的技能,所以这里仅仅是将书中介绍到的一些知识点进行罗列,以便在之后的实践学习中有理可循有据可依。
原文出处:https://www.cnblogs.com/wx1993/p/11242522.html
来源:oschina
链接:https://my.oschina.net/u/4414412/blog/3258221