网站首页 > 技术文章 正文
极简主义最大的优势在于形式的简洁优雅。清晰的线条,充足的空间,至简的图形元素让最复杂的系统也能呈现出一种简素之美。当然,前提是极简主义要运用的恰到好处。
一些奉行极简主义的网站常常忘记 了:简捷易用的导航也是网页设计的重要目标之一。有些设计师甚至忘记在网页中添加回到主页的链接或按钮。因为推崇极简主义,很多网站只允许用户以一种固定的方式使用网站,而没有考虑用户自己的喜好。
一个简洁优雅的极简主义网站只有与良好的用户体验结合起来,才会真正令用户着迷:一个导航系统友好易用,界面又清爽简单的网站传递信息的能力也是无与伦比的。让我们在进入下文将要讨论的优秀极简主义网站之前,先来了解一下极简主义的精髓---它究竟是什么,又不是什么。
极简的艺术
极简主义无处不在:在建筑中,在时尚界,在图形设计中,在文学中在音乐中等等。不管极简主义覆盖的领域有多少,它的基本理念只有一个:就是形式与功能的完美融合。一个真正贯彻极简主义的设计作品,必然也具备极佳的功能性。因为它不需要更多的元素来承载功能。
极简主义兴起于二战后的美国。最初的极简主义是对传统的,复杂难懂的艺术表达方式的一种反抗。早期极简主义的一个代表人物是艺术家Frank Stella,他的作品充满简单的线条和图形。他把绘画看做是一件物品,并认为:“一幅绘画就是有一块图形的木板—仅此而已。”
今天,我们依然能看到极简主义在艺术中的影响。下面这幅由Merle Haggard创作的海报就是一个典型的例子:
这幅海报所包含的元素十分简单:灰色的背景,一列火车的剪影,和一团升起的浓烟(Haggard的名字),以及展览的时间和地点。任何一个路过的行人都能清楚无误辨认得出海报所要传达的信息,但整个海报又完美地传达出Merle Haggard本人的艺术风格。
网页设计中的极简主义
当我们将极简主义设计原则用于网页设计中时,是否就意味着设计师可以为了达到极简的效果而故意放弃重要的导航工具或图标呢?绝对不是。极简主义的精髓是将形式降低到最基本的,不可再减的程度,这里的关键词是“不可再减”。真正的极简主义是不会让用户或使用者对设计感到迷惑不解的。因为极简主义意味着更清晰的信息,而不是忽略或隐藏信息。
极简而实用的设计
一个高效而实用的极简主义网站是条理与简约的结合。极简主义网站所使用的少量网站元素(标题,目录等)相互之间衔接必须十分紧密。正如在其他极简主义风格的设计中一样,如果抽去极简主义网站中的任何一种元素,整个网站将无法运行。
目前已经有非常多优秀的极简主义风格网站。在我们将要看到的这些优秀网站中,我们将会看到极简主义设计原则是如何在网页设计中被贯彻的。
JEFF CROFT
这个美丽的网站使用了一种单色作为主色,这是极简主义设计中一个常用的技术。这个网站的名字放在网页的左侧,字体很突出,非常鲜明。网页内容放置在网页中心的位置,导航链接也很容易辨认。或许这个网站最令人注意的地方就是,当鼠标置于链接之上时,链接会变成黄色高亮显示。
每个网页都与主页在风格上保持一致:文本内容放在中心,利于用户辨认和阅读。根据文本内容的不同,有的网页还配有图片,以便于用户理解网页内容。
JAN REICHLE
这个网站将极简主义的设计理念体现的淋漓尽致。要传递的信息十分明确,整个网站的布局也没有任何多余的元素,唯一引人注目的视觉元素就是一个超大的JR图标,它的作用是让用户记住设计师Jan Reichle的名字。整个网站干净利落,功能性极佳。
主页的导航目录页非常清晰简洁。用户不仅能很准确地找到所需的信息,下拉式目录的合理运用也使这一过程更为快速。
OLSON KUNDIG ARCHITECTS
当用户访问Olson Kundig Architects网站的主页时,首先注意到的就是这个网站的幻灯片式背景(用户每次访问网站时都会看到不同的背景)和横贯整个页面的,黑白相间的文字。当用户使用这个精心设计的网站时,也会发现能很精准地找到所需内容。
导航条位于每个页面的顶部,因此用户可以毫不费力地在各个页面间切换。每个页面都非常干净,有秩序,没有不必要的元素,也不会让用户感到困惑。
HERMES
该网站的主页使用了大量的白空间。唯一的彩色只是目录上方的logo图标,被选中的内容和插画中的简单线条(均为橙黄色)。
这个网站其他页面中的导航以稚拙的速写体标出,非常易于用户辨认。每个页面的内容各有不同,令用户在浏览不同页面或在线购买商品时都有如沐春风的感觉。
BEHIND DESIGN
这个网站令我欣赏的不仅是它的简洁,还有它的功能性。主页面只有简单的一列文字。第一眼看去这些文字似乎看不太清楚,当用户把鼠标移到文字上时便会变得很清晰。当文字内容没有被用户的鼠标激活时,整个页面看上去只是一片灰色的背景。这个巧妙的“文字”游戏也与网站的主题暗合:Behind Design(设计之后)。
网站的导航目录只有三个选项:主页,作品集和联系我们。每个页面都只有一列内容。在作品集页面中,当用户的鼠标移动到作品缩略图上时,说明文字会自动弹出。这个网站的成功之处就在于将隐藏内容的惊喜与极简主义的简洁完美地结合了起来。
PIERRICK CALVEZ
深灰色背景与白色文字,彩色图片的对比很好地体现了极简主义的设计理念。当用户向下拉动浏览页面中的作品时,页面背景依然保持不动,并且在网站的其他页面中依然如此。
在整个网站中,用户都不会被不必要的图像,字体或色彩分散注意力。值得一提的是“关于”页面,它是一张独特的白色世界地图及图表,当用户点击时,会显示相应的信息。这个网站的设计者可以说是掌握了极简设计的精髓。
令人困惑不解的极简主义设计
有时候,网页设计师会创建出难以使用的极简主义网站。这些网站通常是设计者忽略某些重要的网页元素的结果:如首页大图/文本,一致性或导航链接。在设计下面这些网站时,设计师试图贯彻极简主义的理念,但结果却引发了更多混乱。
STRAIGHTLINE
从这个网站简单的黑白配色,没有图片的主页和大量的白空间来看,它称得上一个极简主义风格的网站。但这个网站的问题是,用户很难找到有用的信息。这个网站缺少有条理的导航,用户面对这个网页,会对杂乱的信息感到茫然无措。
可以看出,设计者的意图是想以简单的界面将用户引向一个个人作品集。但他忘记了多数用户都不会花时间去寻找隐藏的导航链接。
CORPORATE RISK WATCH
这个网页同样没有多余图片,布局也很简洁。但网站的功能可能会让用户觉得摸不着头脑。这说明,设计师在设计网页时不能只图美观,而应考虑到网站的各个元素。
极简主义网页的设计原则
消除不必要的元素
在极简主义设计中,任何元素都应有其特定作用。如果一张图片无法使你的意图更清晰,就不能使用它。文字内容也一样,只应包括最少量的,足够传达设计者意图的文本。
引入大量的白空间
白空间就是内容之间的空白区域。在极简主义设计理念中,白空间并不是需要被填充的区域,而应被视作是内容的边界和框架。因此设计师应该按照一定的规则,使白空间能够引导用户的视线。如果能充分使用白空间,就能避免使网站陷入杂乱无序之中。
仅选用必要的配色
限制配色的数量并不意味着仅用黑白两色,虽然很多设计师的确是这么选色的。相反,极简主义设计的选色原则是,仅仅使用必要的颜色,以便更好地突出设计的层次感。很多时候,极简主义也可以使用几种不同的色彩,但主色通常只有一两种。
呈现独特风格
由于极简主义的要求是只选用最基本的元素,所以要想使自己的设计能够出彩,必须在重视设计的创意。例如,你可以在网页中使用个性化的字体或标题。或使用图片代替文字导航。但是重要记住,只能使用最基本的元素,而不应为了创造风格而添加多余元素。
极简主义不是偷懒,而是创造
从上面的例子中可以看出,极简主义设计不是在开展一个项目时,为节约时间而采取的权宜之计,而是令人印象深刻的创造性工作。在极简主义设计中,一切不必要的元素都被抹去了,留下的只是最基本的元素。如果再拿去任何元素,那整个设计都将不复存在。
极简主义设计应该简洁,有序,一致。极简主义网页的魅力就在于,它在具备优雅的外观的同时,也有非常好的实用性---这也是每个网页设计师都应该追求的目标。
猜你喜欢
- 2025-08-01 用一张图来说明UI与UX的差别
- 2025-08-01 商务轻薄本中的优雅绅士ThinkPad Z13 2022商务轻薄本测评
- 2025-08-01 10个最新且有希望的UI设计趋势
- 2025-08-01 10张图看懂UI和UX到底有何不同?
- 2025-08-01 50个设计简约的移动 APP UI 设计作品
- 2025-08-01 向标杆致敬:移动用户体验的 7 个设计原则
- 2025-08-01 案例解析:苹果应用地图重设计
- 2025-08-01 产品注册&登录设计,需要注意的23条规则
- 2025-08-01 什么是数据驱动设计?极品干货看这里
- 2025-05-08 新拟物化,会是下一个UI设计趋势吗?
- 08-03MySQL数据库的预处理详解
- 08-03《阿常·MySQL 70讲》全套教学视频
- 08-03隐式等待、显示等待和强制等待
- 08-03零基础C#上位机框架项目实例(完结篇)
- 08-03一文搞懂构建Web内容的技术
- 08-03西门子WINCC中的VBScript(VBS)常用于自动化脚本开发
- 08-03力控和sql2000之间的数据转储
- 08-03组态王|通过日历控件选择时间段查询历史报警
- 1521℃桌面软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具
- 624℃Dify工具使用全场景:dify-sandbox沙盒的原理(源码篇·第2期)
- 527℃MySQL service启动脚本浅析(r12笔记第59天)
- 492℃服务器异常重启,导致mysql启动失败,问题解决过程记录
- 492℃启用MySQL查询缓存(mysql8.0查询缓存)
- 479℃「赵强老师」MySQL的闪回(赵强iso是哪个大学毕业的)
- 461℃mysql服务怎么启动和关闭?(mysql服务怎么启动和关闭)
- 458℃MySQL server PID file could not be found!失败
- 最近发表
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- windowsscripthost (69)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- htmlbackground-image (68)
- static函数和普通函数 (76)
- el-date-picker开始日期早于结束日期 (70)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)