在设计中,极简是指简单而朴素的设计,仅仅体现最基本的需要。从艺术的角度来说,它是一场起源于第二次世界大战后的运动,由极度推崇极简艺术的艺术家们发起,如唐纳德贾德、卡尔安德烈及罗伯特莫里斯。今天,极简指的是某种风格(甚至是某种态度或生活方式),这种风格跨越多个不同的领域,如建筑、哲学、法律。当然,还有网页设计。
在本文中,我们将探索极简式的网页设计。首先,我们希望通过解构的方式来了解极简式的网页设计。然后,我们会看到一组极简设计的范例。最后是一些可以运用在极简式网页设计中的资源。
简约设计一览尽管要实现极简的网页设计有各种各样的方式,设计师们对真正的极简设计也有不同的定义和理解,但在那些我们所认为的极简设计之间一定存在一些共同点。
在以下的回顾中,我们会谈到一些极简网页设计的共同特点和属性。不过首先,让我们来看一些优秀范例,这些范例体现了杰出的简约设计。
Jan Reichle
HUGE
Markenpersonal.de
Rodrigo Galindez
BrynnShepherd.com
SpiekermannPartners
MaximNew
Muller
FLOWmarket
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
在这个设计中,简单的白色背景和淡化的文字使视线集中在艺术作品上。
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. 使用充满活力、鲜艳的图像 [...]
分享到:
相关推荐
安徽夏热冬冷地区甲类公共建筑节能设计一览表.doc
05安徽夏热冬冷地区甲类公共建筑节能设计一览表.doc
集成电路设计企业一览表,供给相关专业的同学参考学习,应该有用!
详细设计书一览,,哈哈。主要是做详细设计用的
FANUC数控参数一览表FANUC数控参数一览表FANUC数控参数一览表FANUC数控参数一览表FANUC数控参数一览表FANUC数控参数一览表
C函数一览 C函数一览 C函数一览 C函数一览
毕业论文(设计)参考题目一览表.pdf毕业论文(设计)参考题目一览表.pdf毕业论文(设计)参考题目一览表.pdf毕业论文(设计)参考题目一览表.pdf毕业论文(设计)参考题目一览表.pdf毕业论文(设计)参考题目一览表.pdf毕业论文...
毕业论文(设计)参考题目一览表.docx毕业论文(设计)参考题目一览表.docx毕业论文(设计)参考题目一览表.docx毕业论文(设计)参考题目一览表.docx毕业论文(设计)参考题目一览表.docx毕业论文(设计)参考题目一览表.docx...
App主界面交互框架一览。提供专业的架构俗语
电缆线规格型号一览表.pdf电缆线规格型号一览表.pdf电缆线规格型号一览表.pdf电缆线规格型号一览表.pdf电缆线规格型号一览表.pdf
第八届齐鲁软件设计大赛获奖作品一览.docx第八届齐鲁软件设计大赛获奖作品一览.docx第八届齐鲁软件设计大赛获奖作品一览.docx第八届齐鲁软件设计大赛获奖作品一览.docx第八届齐鲁软件设计大赛获奖作品一览.docx第八...
1. 算法一览是由HTML页面形式的文件组织的,使用时系统需要安装Microsoft IE浏览器、MS Office Word和PowerPoint。读者可以从“算法一览”...具体的细节步骤,可继续阅读“程序设计示例”文件夹下的Readme.doc文件。
提供了众多的程序设计题目及说明,方便广大学生训练
1994~2013全国大学生电子设计竞赛历届题目一览;
单片机课程设计题目一览,题目等多,附带网址,可查询程序代码和原理图
112家IT公司薪水一览表:华为第一-阿里第四.pdf112家IT公司薪水一览表:华为第一-阿里第四.pdf112家IT公司薪水一览表:华为第一-阿里第四.pdf112家IT公司薪水一览表:华为第一-阿里第四.pdf112家IT公司薪水一览表:...
附录三湖北工业大学2017年大学生学科竞赛一览表.docx附录三湖北工业大学2017年大学生学科竞赛一览表.docx附录三湖北工业大学2017年大学生学科竞赛一览表.docx附录三湖北工业大学2017年大学生学科竞赛一览表.docx附录...
G代码一览表
Excel模板毕业设计(论文)答辩一览表.zip
头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表头文件一览表