这本书看了有一段时间,我认为四大基本原则是每个设计都需要参照的标准,以下均从是从书中摘抄而来。
亲密性原则
-
如果多个项相互之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤
立的元素。利用亲密性原则,还可以使空白(这是设计者们最喜欢的)更美
观(也更有条理) -
阅读的过程应当是一个合理的过程,有确定的开始,而且要有确定的结束。
注:亲密性体现在同类事物,比如同一类菜单名字,都是凉菜的放在一起,都是热菜的放在一起。
判断亲密性的方法:
微微眯起眼睛,统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的
项超过3 ~ 5 个(当然,这取决于具体情况),就要看看哪些孤立的元素可以归在一
组建立更近的亲密性,使之成为一个视觉单元。
避免的问题:
不要在元素之间留出同样大小的空白,除非各组同属于一个子集。
标题、子标题、图表标题、图片能否归入其相关材料?在这个问题上一定要非常清楚(哪怕只有一点含糊都要尽量避免)。在有很近亲密性的元素之间建立关系。
对齐性原则
居中对齐与左对齐或右对齐相比较,后两者使得文本看起来外观更清晰、效果更分明。
居中对齐会创建一种更正式、更稳重的外观,这种外观显得更为中规中矩,但通常也很乏味。大多数看来精巧的设计都没有采用居中对齐。
坚持一个原则:只使用一种对齐方式。如果非使用第二个对齐方式,在页面上放其他项时,一定要确保每一项都与页面上的其他项存在某种对齐。
不过有一点要记住,规则都是用来打破的。但是必须记住,关于打破规则本身也有一条Robin 规则:在打破规则之前必须清楚规则是什么。
重复性原则
重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系。
设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用,对于多页文档的设计更显重要(对此我们通常称之为保持一致)。
对比性原则
Robin 对比原则指出:页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。如果两个项不完全相同,就应当使之不同,而且应当是截然不同。
可以采用多种方式产生对比。如大字体与小字体的对比;典雅的旧式体与加粗的无
衬线体产生对比;细线与粗线的对比;冷色与暖色的对比;平滑材质与粗糙材质的
对比;水平元素(如很长的一行文本)与垂直元素(如又高又窄的一列文本)的对
比;间隔很宽的文本行与紧凑在一起的文本行形成对比;小图片与大图片的对比,
等等。
如果两个元素虽然不同,但是区别不大,这时候就不是对比了,而是冲突。这样,很容易误认为这是设计人员的失误。对比就像需要修补一处漆记时配漆一样,不能大概地配色,颜色要么配得完全同,要么就得把整面墙都重漆一遍。
欢迎大家关注微信公众号:FrontEndVisDev
不仅有前端和可视化,还有我的创业经验
各个分享平台的KurryLuo都是在下。
网友评论