根据艺术史学家的分析,传统艺术结束于印象主义(Impressionism也译作印象派),现代艺术结束于极简主义(Minimalism也译作极少派、极限主义),后现代艺术方兴未艾。
在设计中,极简是指简单而朴素的设计,仅仅体现最基本的需要。从艺术的角度来说,它是一场起源于第二次世界大战后的运动,由极度推崇极简艺术的艺术家们发起,如唐纳德贾德、卡尔安德烈及罗伯特莫里斯。今天,极简指的是某种风格(甚至是某种态度或生活方式),这种风格跨越多个不同的领域,如建筑、哲学、法律。当然,还有网页设计。
在本文中,我们将探索极简式的网页设计。首先,我们希望通过解构的方式来了解极简式的网页设计。然后,我们会看到一组极简设计的范例。最后是一些可以运用在极简式网页设计中的资源。
简约设计一览
尽管要实现极简的网页设计有各种各样的方式,设计师们对真正的极简设计也有不同的定义和理解,但在那些我们所认为的极简设计之间一定存在一些共同点。
在以下的回顾中,我们会谈到一些极简网页设计的共同特点和属性。不过首先,让我们来看一些优秀范例,这些范例体现了杰出的简约设计。
1. 内容是重点
极简设计的重点不是视觉呈现,而是内容,–以干净利落、直观明了的方式呈现的信息。极简指的是版面设计的结构;但所有简约设计的主要目的是实现设计的功能并传递要表达的信息。内容是网页的重点,无论这些内容是一组照片、网页设计,还是文字。设计不能喧宾夺主。
Autumn Whitehurst Illustration
在这个设计中,简单的白色背景和淡化的文字使视线集中在艺术作品上。
当你查看这个设计的时候,请注意你的眼睛首先看的地方,也许,你会首先看大图片或是 “frieze” logo。
2. 留白为主
为了方便读者浏览和阅读网页内容,极简设计通常采用大量的留白。在有些设计中,留白占主导地位,约占整体布局的60%到70%。虽然这些留白显得单调,而极少量的网站元素却牢牢地抓住了浏览者的注意力,并有效地影响他们对网站整体设计的认识。
经验之谈:网页元素较少而留白较多,这样的设计中,浏览者能注意到每个元素。
空白是基本元素,内容所占的空间很少。也请注意所用的中性色调很淡,很柔和。
3. 排版是辅
信息通过排版传递给浏览者。大号的粗体字将浏览者的注意力吸引到目标区域。设计时通过对字体颜色、大小和样式的精心选择来突出重要元素,并弱化不太重要的部分。
页面中央使用大号的粗体字来抓住浏览者的视线。
在这个设计中,浏览者的视线绕过网站名称,而聚焦在“标志性”的内容区(在这一范例中,这是作者的最新作品),尽管网站名称出现在“标志性”内容的前方。这与I love trpotraphy的设计截然相反,它是将网站名称作为设计的主体。
4. 纯色组成的调色板
避免在Web2.0的设计中使用浮华的、亮色的方案,也要避免古典的设计趋势。通常情况下,设计者选择一种鲜明的颜色来有力地表现网站的重要内容。这些内容元素通常是可点击的,这种元素的数量在网页上很少超过5-7个。
5. 背景色调通常采用简单的纯白色/灰色或纯黑色
纯色作为背景颜色行之有效,特别是当要呈现的内容充满活力、丰富多彩(如设计一览的页面内容)。简单的颜色不会分散浏览者的注意力;相反,可以帮助浏览者浏览网页,查找内容。“极简”设计几乎从不采用鲜明的背景图,很少使用图案、纹理及鲜艳的颜色。
纯白背景突出了缩略的项目图。
黑色的背景起着同样的作用。
6. 颜色最少
许多极简的网站设计只使用一至三种颜色,内容以外的网页元素通常是单色。
这种设计展现了前景中单一的色调。
在此设计中,诸如网站名字、导航条和侧栏等网页元素使用的是不同色调的灰色。
7. 以文字标识代替了图像标识
在设计中坚持极简主义的理念将设计简化。极简网站的标识通常简单明了。
The Idiot Behind the Iron Mask
8. 用干净利落的直角和直线条
常使用利落的直角和直线条来代替圆形和不规则的边缘。要避免在极简式的网页设计中采用圆形的图像元素,以及那些在车库设计中出现的不规则边缘。
9. 极简?白色、灰色和黑色
白色/黑色(或深灰色)是极简网站设计中典型的配色方案,但也有人使用不同的颜色来达到同样的目标。
10. 使用充满活力、鲜艳的图像
鲜艳的、大胆的图像可以丰富设计的视觉冲击力,并与极简设计元素平淡而纯粹的颜色形成鲜明的对比。
11. 使用基于网格的设计
许多极简设计使用带网格的布局,以反映极简主义结构化、直角及理性的特点。
更多资源
- New Minimalist in Web Design
讨论网页设计中“新极简”的趋势。 - Minimalist in Fashion Web Design
讨论时装网站中的极简设计,以及选择这种设计风格的可能原因。 - Design 2.0: Minimalism, Transparency, and You
了解一家设计公司选择极简主义的原因。 - The Anatomy of a Minimalistic Web Design
史蒂芬斯内尔分解了一个极简网站的设计。 - Is Minimalistic Design More Effective?
阿德勒查尔斯的极简设计一览。 - Administrative Debris
瑞安托美可谈论他的完成一个简约设计的过程。 - Minimal Sites
极简网页设计一览。
关于作者
Jacob Gube 是一个网页设计师和开发者,也是 Six Revisions的作者, Six Revisions 一个关于网站开发和设计的博客。
原文地址: Showcase Of Clean And Minimalist Designs
中文翻译:siyun
来源于 探索极简派设计/Minimalist Design | 帕兰映像
没有评论:
发表评论