[译]简约主义设计:少就是多

摘要:作为设计师的我们,都知道一个简约的设计可以创造出很美观的结果。然而,在真正去做的时候许多设计师都会遇到麻烦,在用相当少的元素去设计一个页面时,感觉相当的困难,结果都会觉得这个页面看上去像没完成的。

本文翻译自老外的一篇文章(原文),但并不是完全的直译,文章中加入了我的一些经验与想法:

作为设计师的我们,都知道一个简约的设计可以创造出很美观的结果。然而,在真正去做的时候许多设计师都会遇到麻烦,在用相当少的元素去设计一个页面时,感觉相当的困难,结果都会觉得这个页面看上去像没完成的。网上有许多关于极简主义设计的文章可以去帮助你去实现效果,但却不是仅有的办法。现在,我会举一些关于极简主义设计的例子,大家可以去分析为什么有些能起作用有些却不能。

什么是简约的设计呢?

简约的设计可以形容为最基础的设计,去掉多余的元素,颜色,形状和纹理。其目的是使内容中脱颖而出,成为焦点。从视觉的角度来看,简约的设计是平静的,让用户的心灵处在最原始的地方。设计发展开始于瑞士,当时适用于各种媒体:平面设计,建筑,音乐,文学,绘画,更多的是最近谈的网页设计。

虽然简约的设计发展了这几十年,早期的互联网并没有表现出效果来。甚至都没有旋转可动的logo,图片滚动和鲜艳的色彩,网站设计的混乱而且无规律。其实我们可以回归到简约设计的基本原则。但是,即使您选择不追求极简美学,这里的经验教训可以帮助您简化您的设计,或者你的风格。

少即是多

正如前面提到的,极简主义会给用户带来的最重要的内容,最大程度的减少用户去分心。如果一个页面有太多的元素,浏览者将到去寻找重要内容而且要考虑每个元素的优先级。一个简约的设计,把所有的重点都放在内容上。

举一个妖娆艳丽的色彩展现黑色和白色上的设计,这样一定是想去得到用户的关注。让色彩本身成为焦点。让我们看看一个具体的例子 :

你可能曾经看到过这种设计:纯白色的背景,内容和一个图形元素明显的区分。图形元素带来了颜色,纹理和形状。这些显然​​都是在页面上最重要的元素,它定义了设计师的想法和创意。这个特定的图形元素的复杂性,使得网页上更多的内容就不会那么明显了,那么重要了。让主题内容显得简洁而突出,设计师已经完美的平衡了这一点。

如何最大限度地减少内容

第一步,我们要创建的就是简约的设计,或者是简化布局,不是简简单单地削减了大部分的图形,而是要重新思考的内容和去掉无用的要求。只有到那时,最重要的元素在页面上才能实现预期的效果。就像你去策划任何网站,写下你需要什么样的内容:Logo,描述,导航等,去掉所有没有必要的模块。尽可能的去删减 。下面就是一些你可能不需要的元素。谨记,这仅仅是一些指导。特定的设计会根据特定的需求去决定。下面中有些就是我们在设计网站中可以简化的:

社会化媒体的图标或图形,或者相关的章节

标语和详细的描述或介绍

“相关的”,“最受欢迎的”和“最近浏览的”等等列表(包括Twitter和RSS列表)

超过三个主要部分(如“简介”,“关于”和“服务”)的网页

二级导航页面

这里最关键不是去削减网站的功能,而是削减不必要的元素(从而突出必要的主题内容),或者组合一些模块成为一个,组成简单的布局。您也可以分割单独模块的内容,让分开的内容更加受关注。

如何简化设计,现在的要做的是尽可能去简化设计。极简的设计应该是少许的质感纹理,颜色,形状,线条,内容等类型 。也不能太大胆,这样设计出来的感觉会变得枯燥 。我们抛开一切,通过去制造亮点来突出主题。那么怎样去制造视觉亮点呢,记住下面展现出来的一些方法,灵活的去运用在你工作或设计的过程中。

使用一个大的线框

在浏览下面展示部分,我们看到一些设计师添加了微妙的色彩,独特的排版或有趣的形状增加了视觉效果 。虽然只是一个线框,但却是最重要的元素,创建这样一个页面线框需要额外的细心。有了正确的线框,可以突出的页面的主题和层次,并创造出视觉效果。

使用线框时,可以按照下列步骤操作:

确定你最需要什么样的内容

在列举的模块中,优先考虑的内容

画些重要模块的线框草图试验,看下视觉效果

当我们画线框时,考虑下位置,怎么进行视觉处理。例如,如果您的标志有一种颜色,你就可以重用logo的颜色设计,加上一定的辅助色来突出主题。

网页留白

网页设计留白实际上是极简主义的代名词 。不管你在用它时是多么有创意,没有足够的留白的设计不是真的极简主义设计。所以,一定要在你通常使用元素的周围添加​​更多的空白。留白是需要在页面上平衡的多个元素才会出现的。