龙炎辉
超凡入圣№

[职场] 清楚这四个原则,排版还能丑到哪里去~

-->

上面这句是从《写给大家看的设计书》这本书里摘抄的,这是一本浅显易懂的设计书,很适合非设计专业的人员来阅读,没有晦涩难懂的术语,所举的例子也很简单明了,能够非常贴切地说明了问题。很值得去拜读一遍。随手截两张目录,大家随意感受下大致内容。

下面是我随手做的简单粗暴的笔记,和大家分享这本书里学到hin实用的四个设计的基本原则~(不到位的地方还请勿喷)

亲密性:

● 将相关的元素组织到一起(物理位置接近意味着具有关联性)

● 目的:

使要传达的信息更具条理性和组织性

● 如何做:

排版之前先盘点下要用的信息点有多少个,如果超过3-5个,那就有必要花点时间做一个信息的归类,看看哪些信息具有关联性,能够组织到一起,形成一个小单元

● 注意

避免太多元素

不要在个元素间留出同样大小的空白

不要仅仅因为有空白就把元素放在角落或中央

没有关联性的元素不要强扭到一块去!

来个反面教材:

比如我把上面的内容排成这样,你们一定会恨死我……


对齐(Alignment)

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。

● 目的:

使页面统一且有条理

● 如何做:

找一条明确的对齐线,并用它来对齐

对齐的方式主要有:居中、居左、居右

●注意:

避免同一页面混用多种的对齐方式

居中一般比较正式、稳重

重复(Repetition)

● 重复可以将作品中的各部分连在一起,从而统一并增强整个作品

● 目的:

重复的目的就是“一致性”

● 如何做:

可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。

多样性实现重复(见下图:保持某几个元素一致时,可以对某个元素进行变化,比如下面的就是形状,大小不变,颜色改变;形状、颜色不变,大小变动)

● 注意:

避免过多的重复同一个元素,会让人审美疲劳


对比(Contrast)

对比的基本思想就是要避免页面上的元素太过相似。

● 目的:

一、增强页面效果,使作品更具可读性

二、使作品具有组织性,让读者迅速知道信息以何种方式组织

● 如何做:

字体、颜色、大小、线宽、形状、空间等入手增加对比

● 注意:

对比一定要强烈

不要让两种颜色看起来好像差不错又不一样。

当然也不要在同一个页面使用太多种字体。

举个栗子:比如下面这样

亲密性、对齐、重复、对比这四个相互联系的原则,在我们排版PPT或者一篇软文的时候,非常好使~最后,提醒各位懒癌患者,绝知此事要躬行,记得实践!!!


#1楼
发帖时间:2016-09-14 15:27:03   |   回复数:1
911degrees
一代宗师
非常感谢,谢谢分享
5月前 #2楼
游客组