本文共 4165 字,大约阅读时间需要 13 分钟。
有一些基本的设计原则,每一个优秀的设计中都应用了这些原则。我们在观察评价一个设计作品时,也要从这几条基本原则去考虑。
亲密性 Proximity
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的
亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。对齐 Alignment
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个
元素有某种视觉联系。重复Repetition
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材
质、空间关系、线宽、字体、大小和图片,等等。对比 Contrast
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、
颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。亲密性原则并不是说所有一切都要更靠近,其真正含义是:
如果某些元素在理解上存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应该有关联
如果多个项之间有很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素,亲密性(即紧密性)意味着存在关联。逻辑上关联紧密的项目在布局上也应该紧密,关联性不强的元素之间可以适当增加区隔。位置是否靠近可以体现出元素之间是否存在关系。
具体做法:在设计时,应该厘清哪些信息在逻辑上存在关联,那些信息应当强调,而哪些信息不用强调,然后可以通过分组形象地表现这种信息。利用亲密性原则合理的组织信息的效果可以从下面的对比中看出来,将需要表现的信息进行分组,从排版上就体现这种信息之间的关系。
下面是依据菜单设计的对比,第一张菜单将所有信息的不加区分的堆叠在一起,让读者很难确定阅读的逻辑和顺序。
首先要做的是对菜单上的信息元素进行分组,然后为了区分不同属性的信息可以采取不同样式,同时也要注意不同信息之间的分隔大小。重新设计之后的菜单看起来简洁了很多,也更加清晰明确。
进一步的改进,菜单中的Starters和Entrees对于具体的菜品其实是具有层次关系的,可以利用缩进的方式体现这种层次关系。同时对于需要强调的菜品名称和价格,以及不需要强调的菜品具体介绍可以采用更明显的区分方式,如不同的颜色。还可以使用对齐原则,让菜单开起来更加整洁清晰。
对齐原则是指:
任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
如果页面上的一些项是对齐的,即使这些对齐的项彼此分离,在读者阅读感受上,仍然会有一条看不见的线将它们彼此连在一起。对齐原则会告诉读者,对齐的元素虽然并不靠近,但他们属于一组,因为对齐增强了元素间的内聚性。
示例:
关于对齐原则的事项:
对齐原则的总结:倾听你的眼睛
眼睛看向哪里,路线是什么,这是最佳路径吗?重要的信息是否都归入了逻辑亲密性中?对齐是否对清晰的表达有帮助?
重复原则指的是:
设计的某些方面需要在整个作品中重复。
重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。
重复能够带来作品的统一性,正是由于某些元素的重复,才使整个作品看起来是一体的。
在上面的例子中,粗体字的重复是设计人员常用来控制读者视线的一种视觉技巧,以使读者的注意力尽可能长地保持在页面上。粗体的重复也有助于统一整个设计。这是一种非常简单的将设计块的各个部分连接在一起的方式。
重复原则应用技巧:
示例:
重复原则总结:
视觉元素的重复可以将作品中的各部分连接在一起,从而增强整个作品,不会使各个部分成为彼此孤立的单元。
重复的目的就是统一,并增强视觉效果。在设计时可以从两个方面考虑:
对比原则指的是:
页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。
对比是为页面增强视觉效果的最有效途径,也是在不同元素之间建立一种有组织的层次结构最有效方法。对比不仅可以用来吸引眼球,还可以用来组织信息,清晰层次,在页面上指引读者,并制造焦点。
在使用对比原则时,有一个重要规则:
要想实现有效的对比,对比就必须强烈。
可以采用多种方式产生对比。如大字体与小字体的对比;典雅的旧式体与加粗的无
衬线体产生对比;细线与粗线的对比;冷色与暖色的对比;平滑材质与粗糙材质的 对比;水平元素(如很长的一行文本)与垂直元素(如又高又窄的一列文本)的对 比…对比原则使用技巧:
示例:
对比原则总结:
对比的根本目的在于:
对比的实现可以通过字体选择、线宽、颜色、形状、大小、空间等。无论怎样实现,重要的是:对比一定要强烈。如果各个项不完全一样,那干脆就让它们截然不同。
如果项彼此相关,就把它们分在一组,建立更近的亲密性。相互之间没有直接关联
的项要分开。设置不同的间隔来指示各项的接近程度或关系的重要性。除了可创造 出更漂亮的页面外观,亲密性也可以令表达更清晰。应当注意放在页面上的每一个元素。要保证整个页面是统一的,将每个对象与另外
某个对象的一个边界对齐。只有在对齐很明显的基础上,才可以选择偶尔打破对齐规则。在这种情况下打破常规对齐看上去不会是个失误。重复是更能保证一致性的一种方式。可以看看现在已经重复的元素(项目符号、字
体、线条、颜色等),是不是可以让其中某个元素更突出,把它作为重复元素。重 复还有助于增强读者对设计所表示的实体的认知度。对比能够吸引读者的眼球,增强设计的视觉效果。同时也能帮助组织信息,将读者的视线引导到重要的内容上。可以用很多种方式实现对比效果,需要注意的是对比应该要能够强烈,带来不一样的视觉效果,同时需要明确哪些信息需要重点突出。
应用亲密性原则:
应用对齐原则: 应用重复原则: 应用对比原则:转载地址:http://ccpei.baihongyu.com/