要想设计出漂亮的图标与排版,一些小技巧能够帮助你更快的完成工作。所以今天就来为大家分享一些图标与排版的设计技巧。


亲密性


排版的原则中很重要的一项是亲密性,下面举个例子,下图灰色是背景卡片,白色是信息内容。

图标与排版如何设计,这些小技巧请收下
根据亲密性原则,信息内容是一个整体,所以信息内容之间的内间距(蓝色),应该是小于与卡片的外间距(红色)。
图标与排版如何设计,这些小技巧请收下
如果颠倒间距,结果如下:
图标与排版如何设计,这些小技巧请收下

在做图标时,也会使用这个原则,举一个案例,在做“笔记本“、“目录“图标时,有时候会先制作一个矩形,再里面添加线条。

图标与排版如何设计,这些小技巧请收下
线条的内间距要小于它们与矩形的外间距。
图标与排版如何设计,这些小技巧请收下
如果间距反过来,就会导致内部比较松散。
图标与排版如何设计,这些小技巧请收下


密集节奏


在设计图标与排版时,都会想要在里面添加很多的元素,这就可能导致密集节奏问题,比如下面图标看起来比较和谐:

图标与排版如何设计,这些小技巧请收下
但在制作中的效果如下:
图标与排版如何设计,这些小技巧请收下
先抛开饱满度,就在密集度这一块,图中地方离的太近,导致那里过于密集。
图标与排版如何设计,这些小技巧请收下

比如下面图标,我们在制作中都会经常让图中这两个地方密集。

图标与排版如何设计,这些小技巧请收下
再看看原作:
图标与排版如何设计,这些小技巧请收下

今天就分享这么多,希望上面的内容能够帮到大家。