四大基本UI设计原则—亲密性、对齐、重复、对比。重庆中天学院www.cqzhontian.cn在此简单介绍
一、亲密性
将相关的项组织在一起,使其存在关联。如果多个项相互之间存在很近的亲密性,他们就会成为一个视觉单元,而不是独立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。整个过程应当是一个合理的过程,有确定的开始,而且有确定的结束。
根本目的:亲密性的目的就是实现组织性。只需将相关的元素分在一组建立更近的亲密性,就能自动实现条理性和组织性。
如何实现:统计眼睛的停顿次数来数一数页面上有多少个元素。如果页面上的项超过3-5个,就要看看哪些孤立的元素可以建立更近的亲密性,使之成为一个视觉单元。
要避免的问题:避免一个页面上有太多孤立的元素。不要在元素之间留出同样大小的空白,除非各组同属于一个子集。
二、对齐
任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。如果页面上的一些项是对齐的,这会得到一个更内聚的单元。即使对齐的元素物理是彼此分离的,但它们之间也有一条看不见的线把彼此连在一起。一个精美的设计不论最初看上去多么杂乱无章,总能找出其中的对齐方式。
根本目的:对齐的目的就是使页面统一而且有条理。其数据类似于吧客厅四处散落的洋娃娃捡起来,并放在一个玩具箱中。
如何实现:要特别注意元素放在那里。应当总能在页面上找出与之对齐的元素,尽管这两个物理位置可能相距很远。
避免的问题:避免页面上使用多种文本对齐方式(不要将某些文本居中,而另外一些文本右对齐)。另外要着力避免居中对齐,除非你有意识要创建一种较为正式、稳重(通常也更乏味)的表示。
三、重复
设计的某些方面需要在整个作品中重复。重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式,空间关系等。设计中视觉元素重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用,对于多页文档的设计更显重要(通常称之保持一致)。
根本目的:重复的目的就是统一,并增强视觉效果。不要低估视觉效果的威力,如果一个作品看起来很有趣,它往往更易于阅读。
如何实现:重复就像是强调你的衣着。如果女士穿着一件可爱的黑色晚礼服,他可能会用红色高跟鞋、红色口红来突出她的晚礼服。
要避免的问题:避免过多的重复一个元素,重复太多让人讨厌。要注意对比的价值。如果这位女士穿黑色晚礼服,配红色帽子、红耳环、红口红、红色手提包、重复就太泛滥了,现在的对比也不再有统一的效果。
四、对比
页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。如果两项不完全相同,就应当使之不同,且截然不同。
根本目的:对比的根本目的有两个,一个增强页面的效果;另一个是有助于信息的组织。对比元素不能让读者混淆,也不能错误的强调重点。
如何实现:可以通过字体的选择、线宽、颜色、形状、大小、空间等来增加对比。重要的是:对比一定要强烈。
要避免的问题:如果要形成对比,就加大力度。干脆让他们截然不同。