探索极简派设计/Minimalist Design

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

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

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

简约设计一览

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

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

Jan Reichle

HUGE

Markenpersonal.de

Rodrigo Galindez

BrynnShepherd.com

SpiekermannPartners

MaximNew

Muller

FLOWmarket


=”430″ />

Rbg6.se

80/20

Minus.dk

Cubic

Vitor Lourenco

Deep.co.uk

fellswoop

3rings

AIGA New York

Kalle Gustafsson

Clagnut

BetterInteractive.com

Concentric-Studio.com

Clandrei.de

Ab-c.com.au

Forgetfoo

MAY?

Berit S?mme

Poccuo

SMeltery

kraaft

Hermes.com

Sitening

bora aksu

hillmancurtis

BuuHouse Interactive

Theme

Marek Levák

Mark Wieman

Rogier Bikker

Razvan Stavila

Lovecreative.com

1. 内容是重点

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

Autumn Whitehurst Illustration

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

Frieze Magazine

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

2. 留白为主

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

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

Cameron.io

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

3. 排版是辅

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

i love typography

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

Astheria

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

Corporate Risk Watch

4. 纯色组成的调色板

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

Behance

Alltop

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

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

kind company

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

The Consult?

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

6. 颜色最少

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

Rikcat Industries

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

Cameron Moll

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

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

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

The Idiot Behind the Iron Mask

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

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

Monty Lounge

Builtbybuffalo.com

Antonio Carusone

SIGMA6

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

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

Soulellis Studio

Emigre

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

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

Coptix

11. 使用基于网格的设计

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

Jamie Gregory

更多资源

关于作者

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

原文地址: Showcase Of Clean And Minimalist Designs

中文翻译:siyun

“探索极简派设计/Minimalist Design”的4个回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注