极简设计的重点不是视觉呈现,而是内容
1. 内容是重点
极简设计的重点不是视觉呈现,而是内容,--以干净利落、直观明了的方式呈现的信息。极简指的是版面设计的结构;但所有简约设计的主要目的是实现设计的功能并传递要表达的信息。内容是网页的重点,无论这些内容是一组照片、网页设计,还是文字。设计不能喧宾夺主。
Autumn Whitehurst Illustration
在这个设计中,简单的白色背景和淡化的文字使视线集中在艺术作品上。
2. 留白为主
为了方便读者浏览和阅读网页内容,极简设计通常采用大量的留白。在有些设计中,留白占主导地位,约占整体布局的60%到70%。虽然这些留白显得单调,而极少量的网站元素却牢牢地抓住了浏览者的注意力,并有效地影响他们对网站整体设计的认识。
经验之谈:网页元素较少而留白较多,这样的设计中,浏览者能注意到每个元素。
Cameron.io
空白是基本元素,内容所占的空间很少。也请注意所用的中性色调很淡,很柔和。
3. 排版是辅
信息通过排版传递给浏览者。大号的粗体字将浏览者的注意力吸引到目标区域。设计时通过对字体颜色、大小和样式的精心选择来突出重要元素,并弱化不太重要的部分。
i love typography
页面中央使用大号的粗体字来抓住浏览者的视线。
Astheria
在这个设计中,浏览者的视线绕过网站名称,而聚焦在“标志性”的内容区(在这一范例中,这是作者的最新作品),尽管网站名称出现在“标志性”内容的前方。这与I love trpotraphy的设计截然相反,它是将网站名称作为设计的主体。
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