2011年9月18日星期日

探索极简派设计/Minimalist Design

根据艺术史学家的分析,传统艺术结束于印象主义(Impressionism也译作印象派),现代艺术结束于极简主义(Minimalism也译作极少派、极限主义),后现代艺术方兴未艾。

设计中,极简是指简单而朴素的设计,仅仅体现最基本的需要。从艺术的角度来说,它是一场起源于第二次世界大战后的运动,由极度推崇极简艺术的艺术家们发起,如唐纳德贾德卡尔安德烈罗伯特莫里斯。今天,极简指的是某种风格(甚至是某种态度或生活方式),这种风格跨越多个不同的领域,如建筑、哲学、法律。当然,还有网页设计。

在本文中,我们将探索极简式的网页设计。首先,我们希望通过解构的方式来了解极简式的网页设计。然后,我们会看到一组极简设计的范例。最后是一些可以运用在极简式网页设计中的资源。

简约设计一览

尽管要实现极简的网页设计有各种各样的方式,设计师们对真正的极简设计也有不同的定义和理解,但在那些我们所认为的极简设计之间一定存在一些共同点。

在以下的回顾中,我们会谈到一些极简网页设计的共同特点和属性。不过首先,让我们来看一些优秀范例,这些范例体现了杰出的简约设计。

Jan Reichle

Jan Reichle截图

HUGE

HUGE截图

Markenpersonal.de

极简设计截图

Rodrigo Galindez

极简设计截图

BrynnShepherd.com

BrynnShepherd.com截图

SpiekermannPartners

SpiekermannPartners screen shot

MaximNew

MaximNew截图

Muller
Muller截图

FLOWmarket

FLOWmarket截图
=”430″ />

Rbg6.se

极简设计截图

80/20

80/20截图

Minus.dk

GG截图

Cubic

Cubic截图

Vitor Lourenco

Vitor Lourenco screen shot

Deep.co.uk

极简设计截图

fellswoop

极简设计截图

3rings

3rings截图

AIGA New York

AIGA New York截图

Kalle Gustafsson

Kalle Gustafsson

Clagnut

Clagnut截图

BetterInteractive.com

极简设计截图

Concentric-Studio.com

极简设计截图

Clandrei.de

FLOWmarket截图

Ab-c.com.au

极简设计截图

Forgetfoo

极简设计截图

MAY?

MAY? screen shot

Berit S?mme
Berit S?mme screen shot

Poccuo

Poccuo截图

SMeltery

SMeltery截图

kraaft

kraaft截图

Hermes.com

Hermes.com截图

Sitening

Sitening截图

bora aksu

bora aksu截图

hillmancurtis
hillmancurtis截图

BuuHouse Interactive

BuuHouse Interactive截图

Theme

Theme screen shot

Marek Levák

Marek Levak截图

Mark Wieman
Mark Wieman screen shot

Rogier Bikker

Rogier Bikker截图

Razvan Stavila

极简设计截图

Lovecreative.com

极简设计截图

1. 内容是重点

极简设计的重点不是视觉呈现,而是内容,–以干净利落、直观明了的方式呈现的信息。极简指的是版面设计的结构;但所有简约设计的主要目的是实现设计的功能并传递要表达的信息。内容是网页的重点,无论这些内容是一组照片、网页设计,还是文字。设计不能喧宾夺主。

Autumn Whitehurst Illustration

在这个设计中,简单的白色背景和淡化的文字使视线集中在艺术作品上。

Autumn Whitehurst Illustration截图

Frieze Magazine

当你查看这个设计的时候,请注意你的眼睛首先看的地方,也许,你会首先看大图片或是 “frieze” logo。

Frieze Magazine截图

2. 留白为主

为了方便读者浏览和阅读网页内容,极简设计通常采用大量的留白。在有些设计中,留白占主导地位,约占整体布局的60%到70%。虽然这些留白显得单调,而极少量的网站元素却牢牢地抓住了浏览者的注意力,并有效地影响他们对网站整体设计的认识。

经验之谈:网页元素较少而留白较多,这样的设计中,浏览者能注意到每个元素。

Cameron.io

空白是基本元素,内容所占的空间很少。也请注意所用的中性色调很淡,很柔和。

Cameron.io截图

3. 排版是辅

信息通过排版传递给浏览者。大号的粗体字将浏览者的注意力吸引到目标区域。设计时通过对字体颜色、大小和样式的精心选择来突出重要元素,并弱化不太重要的部分。

i love typography

页面中央使用大号的粗体字来抓住浏览者的视线。

Rikcat Industries截图

Astheria

在这个设计中,浏览者的视线绕过网站名称,而聚焦在“标志性”的内容区(在这一范例中,这是作者的最新作品),尽管网站名称出现在“标志性”内容的前方。这与I love trpotraphy的设计截然相反,它是将网站名称作为设计的主体。
Astheria screen shot

Corporate Risk Watch

CRW screen shot

4. 纯色组成的调色板

避免在Web2.0的设计中使用浮华的、亮色的方案,也要避免古典的设计趋势。通常情况下,设计者选择一种鲜明的颜色来有力地表现网站的重要内容。这些内容元素通常是可点击的,这种元素的数量在网页上很少超过5-7个。

Behance

Behance截图

Alltop

Alltop截图

5. 背景色调通常采用简单的纯白色/灰色或纯黑色

纯色作为背景颜色行之有效,特别是当要呈现的内容充满活力、丰富多彩(如设计一览的页面内容)。简单的颜色不会分散浏览者的注意力;相反,可以帮助浏览者浏览网页,查找内容。“极简”设计几乎从不采用鲜明的背景图,很少使用图案、纹理及鲜艳的颜色。

kind company

纯白背景突出了缩略的项目图。

kind company截图

The Consult?

黑色的背景起着同样的作用。

The Consult? -截图

6. 颜色最少

许多极简的网站设计只使用一至三种颜色,内容以外的网页元素通常是单色。

Rikcat Industries

这种设计展现了前景中单一的色调。

Rikcat Industries截图

Cameron Moll

在此设计中,诸如网站名字、导航条和侧栏等网页元素使用的是不同色调的灰色。

Cameron Moll截图

7. 以文字标识代替了图像标识

在设计中坚持极简主义的理念将设计简化。极简网站的标识通常简单明了。

The Idiot Behind the Iron Mask

The Idiot Behind the Iron Mask -截图

8. 用干净利落的直角和直线条

常使用利落的直角和直线条来代替圆形和不规则的边缘。要避免在极简式的网页设计中采用圆形的图像元素,以及那些在车库设计中出现的不规则边缘。

Monty Lounge

Monty screen shot

Builtbybuffalo.com

Buffalo截图

Antonio Carusone

Antonio Carusone screen shot

SIGMA6

SIGMA6截图

9. 极简?白色、灰色和黑色

白色/黑色(或深灰色)是极简网站设计中典型的配色方案,但也有人使用不同的颜色来达到同样的目标。

Soulellis Studio

Soulellis Studio截图

Emigre

Emigre截图

10. 使用充满活力、鲜艳的图像

鲜艳的、大胆的图像可以丰富设计的视觉冲击力,并与极简设计元素平淡而纯粹的颜色形成鲜明的对比。

Coptix

Coptix screen shot

11. 使用基于网格的设计

许多极简设计使用带网格的布局,以反映极简主义结构化、直角及理性的特点。

Jamie Gregory

Jg截图

更多资源

关于作者

Jacob Gube 是一个网页设计师和开发者,也是 Six Revisions的作者, Six Revisions 一个关于网站开发和设计的博客。

原文地址: Showcase Of Clean And Minimalist Designs

中文翻译:siyun

来源于 探索极简派设计/Minimalist Design | 帕兰映像

没有评论:

发表评论