写给大家看的设计书

写给大家看的设计书

4大基本原则

亲密性(Proximity)

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构

对齐(Alignment)

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观

重复(Repetition)

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性

对比(Contrast)

对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首先看这个页面

亲密性

Robin亲密性原则:将相关的项组织在一起

如果多个项相互之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤立的元素。彼此相关的项应当归在一组。要有意识地注意你是怎样阅读的,你的视线怎样移动:从哪里开始;沿着怎样的路径;到哪里结束;读完之后,接下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要有确定的结束

亲密性的根本目的是实现组织性,避免一个页面上有太多孤立的元素

对齐

Robin对齐原则:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系

你是不是不由自主地就想一切都居中?居中对齐是初学者最常用的对齐方式,这种对齐看起来很安全,感觉上也很舒服。居中对齐会创建一种更正式、更稳重的外观,这种外观显得更为中规中矩,但通常也很乏味。请注意你喜欢的那些设计。我敢保证,大多数看来精巧的设计都没有采用居中对齐。我知道,作为一个初学者,要完全摒弃居中对齐会很难,但你必须从一开始就强制自己避开它。通过充分利用亲密性,并结合明确的右对齐或左对齐,你会惊异于设计的改观

边界的强度为布局提供了力度。有时,你可能会在居中布局上增加一点小技巧,如将文本居中,但是文本块本身不居中。或者将文本放在页面的上方,增加紧张性

坚持一个原则:只使用一种对齐方式。页面上只使用一种文本对齐,所有文本都左对齐,或右对齐,或者全部居中。避免两端对齐

对齐的根本目的是使页面统一而且有条理

重复

Robin重复原则:设计的某些方面需要在整个作品中重复

重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等

设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品

重复的目的就是统一,并增强视觉效果

对比

Robin对比原则:页面上的不同元素之间要有对比效果,达到吸引读者的对比效果

可以通过字体选择(见下一部分)、线宽、颜色、形状、大小、空间等来增加对比。增加对比很容易,途径有很多,这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是:对比一定要强烈。

对比的根本目的有两个:一个目的是增强页面的效果;另一个目的是有助于信息的组织。

© 2026 yiheng