在设计中,极简是指简单而朴素的设计,仅仅体现最基本的需要。从艺术的角度来说,它是一场起源于第二次世界大战后的运动,由极度推崇极简艺术的艺术家们发起,如唐纳德贾德、卡尔安德烈及罗伯特莫里斯。今天,极简指的是某种风格(甚至是某种态度或生活方式),这种风格跨越多个不同的领域,如建筑、哲学、法律。当然,还有网页设计。
在本文中,我们将探索极简式的网页设计。首先,我们希望通过解构的方式来了解极简式的网页设计。然后,我们会看到一组极简设计的范例。最后是一些可以运用在极简式网页设计中的资源。
简约设计一览尽管要实现极简的网页设计有各种各样的方式,设计师们对真正的极简设计也有不同的定义和理解,但在那些我们所认为的极简设计之间一定存在一些共同点。
在以下的回顾中,我们会谈到一些极简网页设计的共同特点和属性。不过首先,让我们来看一些优秀范例,这些范例体现了杰出的简约设计。
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. 使用充满活力、鲜艳的图像 [...]
分享到:
相关推荐
"安徽夏热冬冷地区甲类公共建筑节能设计一览表" 根据提供的文件信息,本文将详细解释在安徽夏热冬冷地区设计甲类公共建筑的节能设计要点。 1.建筑概况 根据文件,安徽夏热冬冷地区甲类公共建筑的设计应满足以下...
安徽夏热冬冷地区甲类公共建筑节能设计一览表 根据提供的文件信息,本文将对安徽夏热冬冷地区甲类公共建筑节能设计的一览表进行详细分析和解释,并对其中涉及的知识点进行详细说明。 建筑概况 根据提供的信息,...
详细设计书一览,,哈哈。主要是做详细设计用的
【C语言课程设计题目一览】 课程设计是学习编程语言,如C语言,的重要环节,它旨在让学生通过实际项目提升编程技能和理解。以下是一些具体的课程设计题目,涵盖了多个领域: 1. 学校运动会管理系统 这个系统需要...
"参考资料-J113(设计变更一览表).zip"这个压缩包文件显然是与设计变更管理相关的文档集合,其中包含了一份名为"J113(设计变更一览表).DOC"的文件。这份文档通常会记录项目的整个生命周期中所有关键的设计变更,...
FANUC数控参数一览表FANUC数控参数一览表FANUC数控参数一览表FANUC数控参数一览表FANUC数控参数一览表FANUC数控参数一览表
半导体缺陷解析及中英文术语一览.pdf 华大半导体181页PPT基础知识培训——常用半导体器件讲解.ppt 同步升压芯片设计指南.ppt 图形芯片设计全过程.doc 基于DSP芯片设计的一种波形发生器.doc 射频芯片校准设计.pdf ...
1. 算法一览是由HTML页面形式的文件组织的,使用时系统需要安装Microsoft IE浏览器、MS Office Word和PowerPoint。读者可以从“算法一览”...具体的细节步骤,可继续阅读“程序设计示例”文件夹下的Readme.doc文件。
通过对“双师型”教师岗位资格证书对应一览表的分析,我们可以看到该表格涵盖了非常广泛的职业资格证书,涉及到农林牧渔、林业技术、园艺、设施农业、观光农业、园艺和景观设计、林木种苗和木材防腐等多个领域。...
【单片机课程设计题目一览表2】是一个涵盖了多种单片机相关项目设计的资源集合,其中包含了丰富的程序代码和电路图,适用于学习和实践单片机应用开发的人员。这些设计涵盖了各种实用的电子电路类别,如: 1. **...
招标货物一览表是企业在进行公开招标时提供的详细清单,列出所有待采购的货物及其相关技术参数,以便投标方了解需求并准备相应的报价和技术方案。在给出的文件中,招标货物涉及多个不同类型的设备,包括冷却器、捣固...
"字体一览表"是一个设计师必备的工具,它包含了多种字体类型、风格以及适用场景,旨在帮助设计师们快速找到适合的设计元素,提升作品的专业性和吸引力。这份压缩包文件"【设计师必备】字体一览表"很可能包含了一系列...
标题中的“Excel模板毕业设计(论文)答辩一览表”指的是一个使用Microsoft Excel软件创建的模板,专门用于管理和记录毕业设计或论文答辩的相关信息。在高等教育中,毕业设计和论文答辩是学生毕业前的重要环节,这个...
【境外全球顶级综合体设计事务所一览表1p.rar】这个压缩包文件主要包含了一份关于全球顶尖的综合体设计事务所的行业报告。这份报告的核心内容可能涵盖了这些顶级事务所在设计、建筑、规划以及创新领域的杰出贡献,是...
附录三湖北工业大学2017年大学生学科竞赛一览表.docx附录三湖北工业大学2017年大学生学科竞赛一览表.docx附录三湖北工业大学2017年大学生学科竞赛一览表.docx附录三湖北工业大学2017年大学生学科竞赛一览表.docx附录...
Visio 图形元素一览(全) Visio 图形元素是一种功能强大且灵活的图形表示方式,广泛应用于各种领域,包括业务流程、软件设计、数据库设计、网络设计、建筑设计等。下面是 Visio 图形元素的详细介绍: 基本形状 *...
了解这些基本的电缆线规格型号和分类对于设计、安装和维护电力及通信系统至关重要,能够确保系统的安全、稳定运行,并且能够根据具体需求选择最合适的电缆类型。在实际操作中,应参照电缆线规格型号一览表进行选择,...
从提供的文件信息中,我们可以提炼出与“合格供方一览表”相关的知识点。下面将详细说明标题、描述、标签以及部分可识别内容中涉及的知识点。 首先,“合格供方一览表”是一个文档名称,通常用于企业管理领域,特别...
Hypermesh 命令一览表 Hypermesh 是一款功能强大、功能多样化的有限元分析软件,它提供了丰富的命令集来帮助用户高效、准确地进行有限元分析和模型建立。为了帮助用户更好地使用 Hypermesh,我们编制了 Hypermesh ...