设计师应该知道的那些事儿(二)

zhuoqun | 连载

3. Have a focal point.

Focal Point一般就是页面上最大,最粗,或者最不同的那个元素,它会提供一个关注点。以下面图片为例:

这些青苹果看起来不错,但会让人不知道该看哪里,加一个红苹果就提供了一个 Focal Point:

下面是杂志中一篇文章的设计:

这段文字经过了排版,并非一团乱,但让人没有阅读的欲望。如果加一个 Focal Point 立刻就不一样了:

当然,图片一定要和内容相关。你也可以通过变化字体来添加 Focal Point, 如图:

再看一个例子:

这个页面中各个元素的灰度和大小都很相似,所以没有 Focal Point:

一个改进办法是把其中一个元素放大,其它元素适当变小:

下面的这个例子是一个健康中心的手册设计,有些复杂:

这里只有三栏文字以及蓝色标题,但文字里面其实有好几个故事。首先我们要做的是找出它最想要表达的东西,这里是中间的标题:"There is hope for children and youth",所以我们把它放大,添加颜色和一些图片,然后放到左上角作为 Focal Point :

接下来我们添加故事内容:

你可能注意到了,文字中间有一些词是粗体,其实它可以作为「故事中的故事」被快速浏览。接下来在左下角添加健康中心的信息:

这里也添加了小孩图片,和标题相对应。最后添加健康中心的服务信息:

现在这个页面有了清晰的层级关系,但这里的关键在于页面中的标题,它可以对整个页面产生影响,当你在阅读文章和健康中心的信息时,总是会想到 "There is hope for children and youth."

这也是 Focal Point 的作用。

最后一个例子:

这个页面有很多空白,一般我们都会试图放大或增加元素来填补这些空白,但如果你反其道而行之会取得更好的效果。首先把所有元素都去掉,然后把页面缩小一半:

然后把所有文字居中放回去:

最后把图片放到下面,让它的尾巴露出来,以免显得死板:

4. Go extreme.

一般来说就是把某个元素变得特别大或特别小。初学者一般放不开手脚,生怕破坏了美感,但实际上 Go extreme 往往会取得很好的效果。比如我们经常看到一些特殊字符,它们一般都比较小:

如果选一个放到很大,再加上文案,就会是很好的设计:

另一个例子就是一条广告:

这里可以把其中的数字 48 放大很多,靠左放置,然后添加文案:

接下来放上图片,并从图片中取色为文字添加颜色:

最后一个例子是用两张图片来设计海报:

John 告诉学生把其中一张图片放大,另一张缩小,学生一般会这样做:

但这样做是不够的,应该这样:

然后把这两张图片放到一起并添加文案:

这里标题也成为另一个 Focal Point, 有意思的是页面上所有的线条也都指向文案:

5. Use white space.

即留白。空白是所有设计中的必备元素。下面是一张布满硬币的图片:

现在我们去掉一半,然后添加颜色、标题和 Logo, 就会变成这样的设计:

另一个例子是下面这个页面:

这个页面中有渐变背景:

各种阴影:

以及边框:

这些都是不必要的元素。接下来我们把所有元素去掉,放上不带边框的图片并放大:

然后添加文案:

下面是前后对比图:

所以如果能合理运用空白,就不需要添加边框、阴影等乱七八糟的元素。

当你使用打印机打印设计的时候,往往会有边距,而这些边距是不必要的空白:

这里的处理办法听起来有些奇怪,那就是增加空白面积,以空白作背景,把它变成设计的一部分:

接下来就可以添加文案:

而且这种设计有多种排列方式,可以居中、右对齐或左对齐。

这里关键的地方就是把不必要的空白变成背景,然后才可以重新安排这些空白。

(未完待续)

查看原文  © 版权属于作者  商业转载联系作者
分享