本文翻译自老外的一篇文章(原文),但并不是完全的直译,文章中加入了我的一些经验与想法:
作为设计师的我们,都知道一个简约的设计可以创造出很美观的结果。然而,在真正去做的时候许多设计师都会遇到麻烦,在用相当少的元素去设计一个页面时,感觉相当的困难,结果都会觉得这个页面看上去像没完成的。网上有许多关于极简主义设计的文章可以去帮助你去实现效果,但却不是仅有的办法。现在,我会举一些关于极简主义设计的例子,大家可以去分析为什么有些能起作用有些却不能。
什么是简约的设计呢?
简约的设计可以形容为最基础的设计,去掉多余的元素,颜色,形状和纹理。其目的是使内容中脱颖而出,成为焦点。从视觉的角度来看,简约的设计是平静的,让用户的心灵处在最原始的地方。设计发展开始于瑞士,当时适用于各种媒体:平面设计,建筑,音乐,文学,绘画,更多的是最近谈的网页设计。
虽然简约的设计发展了这几十年,早期的互联网并没有表现出效果来。甚至都没有旋转可动的logo,图片滚动和鲜艳的色彩,网站设计的混乱而且无规律。其实我们可以回归到简约设计的基本原则。但是,即使您选择不追求极简美学,这里的经验教训可以帮助您简化您的设计,或者你的风格。
少即是多
正如前面提到的,极简主义会给用户带来的最重要的内容,最大程度的减少用户去分心。如果一个页面有太多的元素,浏览者将到去寻找重要内容而且要考虑每个元素的优先级。一个简约的设计,把所有的重点都放在内容上。
举一个妖娆艳丽的色彩展现黑色和白色上的设计,这样一定是想去得到用户的关注。让色彩本身成为焦点。让我们看看一个具体的例子 :
你可能曾经看到过这种设计:纯白色的背景,内容和一个图形元素明显的区分。图形元素带来了颜色,纹理和形状。这些显然都是在页面上最重要的元素,它定义了设计师的想法和创意。这个特定的图形元素的复杂性,使得网页上更多的内容就不会那么明显了,那么重要了。让主题内容显得简洁而突出,设计师已经完美的平衡了这一点。
如何最大限度地减少内容
第一步,我们要创建的就是简约的设计,或者是简化布局,不是简简单单地削减了大部分的图形,而是要重新思考的内容和去掉无用的要求。只有到那时,最重要的元素在页面上才能实现预期的效果。就像你去策划任何网站,写下你需要什么样的内容:Logo,描述,导航等,去掉所有没有必要的模块。尽可能的去删减 。下面就是一些你可能不需要的元素。谨记,这仅仅是一些指导。特定的设计会根据特定的需求去决定。下面中有些就是我们在设计网站中可以简化的:
社会化媒体的图标或图形,或者相关的章节
标语和详细的描述或介绍
“相关的”,“最受欢迎的”和“最近浏览的”等等列表(包括Twitter和rss列表)
超过三个主要部分(如“简介”,“关于”和“服务”)的网页
二级导航页面
这里最关键不是去削减网站的功能,而是削减不必要的元素(从而突出必要的主题内容),或者组合一些模块成为一个,组成简单的布局。您也可以分割单独模块的内容,让分开的内容更加受关注。
如何简化设计,现在的要做的是尽可能去简化设计。极简的设计应该是少许的质感纹理,颜色,形状,线条,内容等类型 。也不能太大胆,这样设计出来的感觉会变得枯燥 。我们抛开一切,通过去制造亮点来突出主题。那么怎样去制造视觉亮点呢,记住下面展现出来的一些方法,灵活的去运用在你工作或设计的过程中。
使用一个大的线框
在浏览下面展示部分,我们看到一些设计师添加了微妙的色彩,独特的排版或有趣的形状增加了视觉效果 。虽然只是一个线框,但却是最重要的元素,创建这样一个页面线框需要额外的细心。有了正确的线框,可以突出的页面的主题和层次,并创造出视觉效果。
使用线框时,可以按照下列步骤操作:
确定你最需要什么样的内容
在列举的模块中,优先考虑的内容
画些重要模块的线框草图试验,看下视觉效果
当我们画线框时,考虑下位置,怎么进行视觉处理。例如,如果您的标志有一种颜色,你就可以重用logo的颜色设计,加上一定的辅助色来突出主题。
网页留白
网页设计留白实际上是极简主义的代名词 。不管你在用它时是多么有创意,没有足够的留白的设计不是真的极简主义设计。所以,一定要在你通常使用元素的周围添加更多的空白。留白是需要在页面上平衡的多个元素才会出现的。
平衡,对齐,对比
虽然大部分的页面加载可以通过留白和线框进行,设计的基本原则还要考虑些特殊的情况。包括这三块:网站的平衡,对齐和内容的对比 。务必坚持这些原则,这样你的设计就不需要补充其他的内容来说明便是一个完整的设计。
要记住这些基本设计原则。去回顾,并尝试用不同的方法,以达到最佳的效果 。可以点击上面图片的地址去了解更多的设计原则 。
当繁琐的设计成为一种习惯
繁琐的设计有时会成为一种习惯。无论你怎么努力去保持设计的简单,它有时候出来的效果还是复杂的。为了解决这个问题,我们必须养成新的习惯。如果您发现自己已经陷入一个死角,“迷失了”,首先要尝试舍弃一些东西,而不是将一些新的东西融入。极简主义的每一个方面都需要不同的才能。如果合理的运用这些原则的话,您的设计将变得更加简单。进一步,一旦你运用了我们在这里讨论的手段,看看完成的作品,是否可以找到方式进一步去简化。您可以把精力集中在设计过程中模棱两可的地方,你可以问其他设计师,去指出你删减的过程中可能已经错过的一些元素。
极简主义的魅力
下面是一些简短的极简主义设计展示。看看这些如何实现我们所讨论的原则。也看到哪些突破我们的指引,并想想他们如何去体现的:
1.James Day Photo
2. Killswitch Collective
3.Lonely
4.DBushell
5.Espen
6.Toy NY
7.Joshua Serbus
8.Ah-Studio
9.Symour Powell
10.Icon Werk
11.Neil Wilson Architects
12.Non-Format
13.Zaum
14.Checkland Kindlysides
15.Blumenthal
16.Tink London
17.PRoud Creative
18.Kimag
19.Bernat Fortet
20.All Day
一些趋势
正如你看到的这些例子,简约的网页设计有一些明显的趋势。意识到这些趋势,在许多方面可以帮助我们改进我们的设计。我们可以有意识地从这些趋势中突破,打造属于我们自己的创新之路布局的设计。让我们来讨论一些具体的细节。
黑与白
最显着的趋势之一是大量使用黑色和白色 。这是显而易见的:颜色,质地,形状和内容应简化。看看上面展示的几个大面积颜色网站,看看他们如何从其他方面去简约设计的。这里的一个例子:
有趣的图案
以有趣的图案为基础的Web设计是极简主义不可缺少手段之一。当设计师很少用其他方法激发用户时,他们往往抓住有趣的图案去排版。你甚至可以站的离页面很远,我们可以看到唯一的视觉元素就是图案了。这是一个大胆的创意,也是一个趋势 。寻找办法用排版去提高设计,制造独特 。
有些时候可以适当的去运用些flash,展现一些独特的效果。当然了,如果不用考虑那些古董浏览器的话,HTML5也是可以的。
结束语
简约的设计有多种形式,我们可以常常看到相同的形式反复的运用。我们可以在模仿的同时去创造一些新的想法,看到新的趋势。未来几年内,极简主义设计将是重点要去研究运用的,因此,要去多研究学习极简主义的一些基本法则,运用到自己的设计中去。即使你对简约主义设计没有兴趣,涉及的一些经验教训和设计原则也可以帮助您简化您的设计,这始终是一件好事。
文章来源:四海商舟用户体验设计 转载请注明出处链接。
新闻热点
疑难解答