微学院

微学院-2019春
422人加入学习
(68人评价)
价格 免费
教学计划
承诺服务
超过加入截止日期,不允许加入和购买

设计四大基本原则

亲密性

对齐

重复

对比

 

[展开全文]

四大基本设计原则:亲密性、对齐、重复、对比。

 

 

一、亲密性:将相关的项组织在一起,使其存在关联。  如果多个项相互之间存在很近的亲密性,他们就会成为一个视觉单元,而不是独立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。整个过程应当是一个合理的过程,有确定的开始,而且有确定的结束。

Image title

 

根本目的

亲密性的目的就是实现组织性。只需将相关的元素分在一组建立更近的亲密性,就能自动实现条理性和组织性。

如何实现

统计眼睛的停顿次数来数一数页面上有多少个元素。如果页面上的项超过3-5个,就要看看哪些孤立的元素可以建立更近的亲密性,使之成为一个视觉单元。

要避免的问题

避免一个页面上有太多孤立的元素。

不要在元素之间留出同样大小的空白,除非各组同属于一个子集。

 

 

二、对齐:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。如果页面上的一些项是对齐的,这会得到一个更内聚的单元。即使对齐的元素物理是彼此分离的,但它们之间也有一条看不见的线把彼此连在一起。一个精美的设计不论最初看上去多么杂乱无章,总能找出其中的对齐方式。

Image title

 

根本目的

对齐的目的就是使页面统一而且有条理。其数据类似于吧客厅四处散落的洋娃娃捡起来,并放在一个玩具箱中。

如何实现

要特别注意元素放在那里。应当总能在页面上找出与之对齐的元素,尽管这两个物理位置可能相距很远。

避免的问题

避免页面上使用多种文本对齐方式(不要将某些文本居中,而另外一些文本右对齐)。另外要着力避免居中对齐,除非你有意识要创建一种较为正式、稳重(通常也更乏味)的表示。

 

 

三、重复:设计的某些方面需要在整个作品中重复。重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式,空间关系等。设计中视觉元素重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用,对于多页文档的设计更显重要(通常称之保持一致)。

Image title

 

根本目的

重复的目的就是统一,并增强视觉效果。不要低估视觉效果的威力,如果一个作品看起来很有趣,它往往更易于阅读。

如何实现

重复就像是强调你的衣着。如果女士穿着一件可爱的黑色晚礼服,他可能会用红色高跟鞋、红色口红来突出她的晚礼服。

要避免的问题

避免过多的重复一个元素,重复太多让人讨厌。要注意对比的价值。如果这位女士穿黑色晚礼服,配红色帽子、红耳环、红口红、红色手提包、重复就太泛滥了,现在的对比也不再有统一的效果。

 

 

四、对比:页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。如果两项不完全相同,就应当使之不同,且截然不同。

Image title

 

根本目的

对比的根本目的有两个,一个增强页面的效果;另一个是有助于信息的组织。对比元素不能让读者混淆,也不能错误的强调重点。

如何实现

可以通过字体的选择、线宽、颜色、形状、大小、空间等来增加对比。重要的是:对比一定要强烈。

要避免的问题

如果要形成对比,就加大力度。干脆让他们截然不同。

[展开全文]

授课教师

蒲梅老师

课程特色

图文(1)
讨论(15)
文档(6)
视频(157)