优雅与可用性的平衡：网页设计中的极简主义

1顶
0踩

2015-06-10 16:25 by 副主编 mengyidan1988 评论(0) 有5430人浏览

框架前端开发

文章来源：THE NEXT WEB，译文来自TECH2IPO/创见陈铮编译
在网页设计当中，极简主义是最为持久的一种视觉框架设计理念，不仅仅是因为它有着不因为时间而改变的优雅，还因为极简主义风格的网页能够更加清晰地突出内容。时尚潮流经历了一个又一个轮回，但是对于所有领域与行业的设计师来说，利用设计技巧创造优雅风格以及可持续的视觉哲学一直是他们所追求的。

作为一种艺术风格，极简主义并不专属于网页设计这一个门类。设计当中的极简主义运动能够被追溯到 20 世纪早期的平面设计师 Lucian Bernhard，他是简约设计风格的先锋。从那时候起，极简主义的设计风格就一直延续下来，并且历久弥新。
每一个时代中的设计师都能够发现自己可以通过极简主义的设计风格去与时尚潮流相连，其中就包括了如今正在盛行的极简主义设计潮流。在本文中我们将一同回顾极简主义的设计原则，带领网页设计师去探索极简主义的魅力，并进一步解释为什么极简主义还将发展成熟下去。
少即是多：极简主义简史与解构
Less is More（少即是多）这三个单词是对于极简主义最为精简的定义。在网页设计当中，极简主义的精髓就是无需使用很多花俏的视觉元素即可创造令人印象深刻的页面。极简主义的设计并不意味着内容空洞贫乏，虽然它并不会使用大量的设计素材。
极简主义起源于 20 世纪初，而它真正开始出现在设计前沿则是在上世纪 40 年代到 50 年代，以瑞士设计风格为代表。如下图所示，极简主义设计相当克制，运用了大胆的配色，清爽无衬线的字体以及生动的图片。如果你进一步观察这些设计的细节，你会注意到在设计当中的布局与对齐都强烈地依托于一种网格形式（这种形式如今仍然运用于绝大多数的极简主义网页设计当中）。

如同图片设计中的极简主义一样，网页设计当中的极简主义也是通过做减法来塑造最为纯粹的形式，完美的极简主义设计并不是说没有什么可以再添加进去，而是它已经简约到极致，没有一处是多余。尽管当前的极简主义网页设计通常围绕着负空间和黑色字体展开，但是这种风格的自身宗旨就是想方设法实现极简主义精髓，这才是它的核心意义。

极简主义的网页设计立足于最为基本的设计元素，运用这些设计技巧旨在突出网页内容本身：

负空间——也就是我们通常所说的留白，在网页设计中其表现形式就是对于页面空间不加处理。通常在极简主义的设计当中，你会看到这些未被使用的网页空间里被填充了明快的颜色（或者也可以仅仅是黑白灰这些颜色）。
高清照片——因为在网页中装饰性元素较少，这更有利于用户欣赏高清摄影图片当中惊人的细节。在极简主义设计风格的网页中，你经常会发现高清照片与白色边框按键以及黑体字组合使用。
戏剧夸张的字体——无论是页面文章的标题，还是更为直接的使用无衬线字体的主体内容，在向来克制的极简主义设计当中，唯有字体是可以允许花俏夸张的。如果你对于这些花俏的字体感到好奇，不妨来看一看这 20 种优秀的花式字体设计。
鲜明的对比——将两个看上去并不协调的设计元素组合在一起往往能创造出鲜明的对比。比如说，将加粗的白色 72 号字放在深色背景图上，或者是在浅绿色的单色背景之上放置白色文本。
简单的导航——最为复杂的导航设计莫过于下拉式菜单，更为普遍的做法是页面顶端设置导航栏，或者是汉堡包菜单都比下拉式菜单要更好一些。
视觉平衡——视觉平衡可以通过清晰的视觉层次以及对齐与定位相一致来创造，还可以在其中有技巧地使用一些对称与不对称。

这么看下来，你可能会认为极简主义很简单，毕竟少用一些设计元素就等于少做一些工作嘛。然而事情并不是这样的，事实上，极简主义运用起来相当困难：正因为你仅能使用有限的元素，所以这些元素想要达到最好效果就需要精心的处理。打着极简主义的名号在设计当中什么元素都不使用当然不难，不过想要正确地掌握极简主义设计风格却没那么简单。
极简主义设计并不代表内容空空，这种风格的实现需要设计师有意为之。这是一种化繁为简的方法，将网页中所有不必要的元素去除，只留下最为需要的那些。大部分极简主义的网页设计中都不会运用太多的颜色、纹理、形状或是装饰。
极简主义在网页设计中之所以能发挥作用，正是因为它做了设计方面改做的事——突出内容。
极简主义的魅力
极简主义的盛行是由于设计师的动态选择，不断增强了其表现效果。向所有持续至今的设计理念一样，随着时间推移，极简主义也经历了多重的演化过程，并且糅合了多样化的设计语言与设计技巧。

极简主义使用一种有效的方式达到了很多复杂的设计风格实现的设计目的。这也就解释了为什么极简主义随着时间的发展历久弥新，在反反复复的潮流变化之中保持了不变的地位。网页设计之中采用极简主义风格有诸多优点，下面就列出最为流行的一些原因：

它很自然地符合响应式设计框架
它缩短了浏览器处理信息的过程，提高了网页加载速度，能够让页面更好地呈现
它完全符合内容驱动的设计理念
除了网页设计，它还广泛适用于多个领域，如建筑设计、室内设计和艺术创作

在极简主义网页设计中，一个最为常用的方法就是极力减少设计元素，直到不能再少为止。从这一点出发，你最少要找到 5 个用户来测试网页，接下来再根据需要调整设计元素与交互式组件的优先级。完整地进行一遍这个流程（我们建议在网页每一次大的更新迭代时都进行一次），你就能让自己的网页设计在优雅与实用性中得到平衡。

网页设计中的极简主义未来出路如何？
虽然现在看来在设计领域中极简主义依然风头正劲，然而不要忽略了技术的发展趋势。
在平面设计中极简主义风格已经经历过起伏，很有可能极简主义的网页设计在接下来的岁月里也会面临起伏。任何一种流行的设计技巧在经历了最初的人气激增之后都可能紧接着就是慢慢消沉，而与其完全相反的一种设计技巧会卷土重来，这些设计技术就是这样经历一个又一个轮回。

在最后，极简主义将继续保持其受欢迎的地位，但是也有可能它已经演化为另一种并不那么强调极简的设计风格。正如我们看到扁平化设计变得并不那么扁平，在极简主义设计中也会出现更多的设计元素，UI 设计师将更多地在极简主义设计中尝试纹理、颜色与渲染效果，提高可用性，网页整体效果也不会再那么强求对称性。
下面就让我们来探索哪些设计元素会在极简主义风格中得以演变：
1、最小化纹理
设计师的选择将拓宽，从使用鲜明的背景风格到加入一些更加寡淡或者是不被人注意的纹理，这也是极简主义另一种形式的美学表现。这种手法虽然脱离了纯粹的极简主义范畴，但是它的仍然根植于简约理念之中，只不过是加入了更多的视觉变化。

2、制造色彩反差
虽然在极简主义的网页设计中使用纯白背景一直是主导设计（也是出于负空间的使用），设计师也会在这个基础之上持续探索突破，使用更多的色彩，在深色背景上使用浅色文字，或者是在单色配色方案中使用同一色调的多样化阴影效果。

3、更多的交互设计
极简主义通常都被定义为缺乏互动效果。在极简风格中网页中添加简单的动画将越来越流行，因为设计师们已经开始意识到极简主义也并不意味着完全静态。

4、打破对称性
如今的极简主义网页设计都是要求对称性的，但是这并不是一成不变的法则。虽然保持视觉的平衡感很重要，但是对称性并非不能放弃。

5、提升网页可用性
具有讽刺意味的是，极简风格的网站从理论上来说应该是更加好用的，因为它的内容清晰，屏幕上的干扰项也更少。然而，在实际中你运用极简主义设计风格很容易遭遇的问题就是它太过于简约，却并没有什么用。
比如说，你为了最求极简主义而使用了一个纯图标式的网站导航系统，如果这些图标的指向并不明确，那么就会让使用者相当困扰。或者是设计师秉持着极简主义的理念，只允许用户以线性方式探索网站，限制了用户选择最为有效路径的自由。
回归到功能美学上，我们发现有不少设计师在极简风格的网站中嵌入了传统的交互式元素，如可点击的视觉元素、滚动式设计以及加入了更多的按键。

结论
极简主义在网页设计中并不仅仅意味着留白与尽可能少的使用设计元素。极简主义设计理念的中心思想是突出内容。减少设计元素的使用，或是在网页中安排大量留白都只是一种为了到达最终目的的手段——将干扰降至最低，以便用户能够专注于重要的内容之上。
永远不要误解了极简主义的内涵而去为了简约而简约，这很有可能会让你在设计当中删减掉那些有着不可替代的功能的元素。这种做法并非是你以为的那样像雕刻一般从原料中削减掉不必要的部分，而是以牺牲网页可用性为代价。

来自：TECH2IPO/创见

查看图片附件

来自: TECH2IPO/创见

分享到：

1
顶

0
踩

评论共 0 条请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

极简主义_网页设计中功能极简主义的真实性要少得多

极简主义Written by Jessica Bennett 由杰西卡·贝内特 ( Jessica Bennett)撰写介绍 (Introduction) “Less is more”- a phrase that is currently ruling the design world, whether you consider fashion, ...

网页设计中的极简主义

由于其永恒的优雅和清晰的内容呈现方式，极简主义一直被视为是Web设计中最持久的视觉框架之一。虽然设计思潮来来去去，但极简主义设计却变得日益经典，它的视觉和设计理念被身处不同专业和行业的设计师共同接受。　...

网页设计中极简主义的兴起：少即是多

网页设计中极简主义的兴起反映了向以用户为中心的体验的转变以及简约的永恒吸引力。谷歌的材料设计和苹果的人机界面指南等有影响力的设计框架的出现，进一步强化了极简设计原则的重要性。这些框架提倡简洁的布局、...

极简设计

极简主义 ...极简设计偏向明亮色和无彩色系中的白灰色，满足极简主义追求的简单明了，将元素精简至原始状态。白色，因其明度最高，无色相，明亮干净、畅快、朴素，永恒无暇，在自然界象征着极致的纯...

浅谈极简主义设计

说到极简主义设计，相信网页设计师们都不会陌生，本期我们就从这方面说起… 起源极简主义设计运动始于瑞士，然后被用于多种媒体：图形设计，建筑，音乐，文学，绘画，以及网页设计。极简的网页设计的最终目标是...

极简主义设计的魅力在哪里

而极简主义设计种大量的留白也并不等同于空。在 Joshua Becker 的《The More of Less》书中是这样说的：你并不需要更多的空间，你所需要的是更少的东西。如今，我们常常在工作和生活种不同的语境下探讨极简主义，...

qq空间网页设计_网页设计中的负空间

qq空间网页设计重点 (Top highlight)Because screens are limited, web design is also limited. It can be said that in the small box of the screen, each pixel is a piece of real estate. 由于屏幕有限，因此...

2024年ICON设计趋势

例如，避免可能难以辨别的过于复杂或详细的设计，尤其是对于有视力障碍的人。图标是用户界面的无名英雄，默默地引导用户完成数字化旅程，并在您的品牌和受众之间建立联系。但这里有一个问题：数字领域的图标设计趋势...

UI设计中的负空间：提示和最佳实践

我们常常认为沉默，空虚或无色对我们不利。我们认为它们是理所当然的，而...今天我们谈论的是设计中的空气，让我们讨论下什么是负空间。什么是设计中的负空间？基本上，负空间或通常称为空白区域 - 是布局的空白区...

【编程实践】Google Guava 极简教程

前言Guava 工程包含了若干被 Google 的 Java 项目广泛依赖的核心库，我们希望通过此文档为 Guava 中最流行和最强大的功能，提供更具可读性和解释性的说明。适用人群本教程是基础教程，适合基础Java开发者的进阶学习...

计算机平面设计大师作品,「Adobe国际认证」再优秀的设计师,也无法避免的 9 个,平面设计错误...

「Adobe国际认证」再优秀的设计师,也无法避免的 9 个,平面设计错误2021-07-13 14:22:120点赞0收藏0评论原标题：「Adobe国际认证」再优秀的设计师,也无法避免的 9 个,平面设计错误！这是关于设计的事情：它要么很好，...

COM：根系微生物组研究中的合成群落还原法

新闻稿中科院遗传发育所发表“重组菌群体系在根系微生物组研究中的应用”的重要综述微生物学权威杂志《Current Opinion in Microbiology》杂志发起的Environm...

有了这8条建议，你的排版设计会更优秀

排版是设计师同用户沟通的一种方式。在数字产品设计当中，界面的视觉和可读性对于用户体验的影响是极为巨大的。有一位著名的平面设计师曾经说过：“排版设计不仅仅是可见的，而且是可被听见的。你创建出一个宏大的...

主模式和野蛮模式_网络野蛮行为的含混性和观念

“反主义者”或艺术家将网页设计视为一种(仍然)被低估的艺术形式，对现状没有太多的尊重，并且大多受到负面的报道。 Most of what’s labeled Web Brutalism is a normcore visual aesthetic — the web version of...

COM：中科院遗传发育所发表“重组菌群体系在根系微生物组研究中应用”的重要综述

文章目录新闻稿中科院遗传发育所发表“重组菌群体系在根系微生物组研究中的应用”的重要综述根系微生物组研究中的合成群落还原法摘要引言从整体主义到还原主义图1. 在田间、温室和实验室合成群落系统中开展微生物组...

产品设计相关理论知识

禀赋效应在实际工作中的应用主要分为两方面：前置禀赋效应和后置禀赋效应前者是指：当用户选择离开时，将用户在该平台所付出的所有沉没成本进行清算并通过直观的方式展示给用户，比如在知乎投入的回答数，在探探上...

支付宝体验设计精髓. 02 无规矩不成方圆

—设计规范的建设文/ 周建波、朱兰民第1节　规矩成就方圆孟子曰：离娄之明，公输子之巧，不以规矩，不能成方圆。—《孟子》设计规范是用户体验的最低标准！—吴明支付宝作为一个大型的“生活服务类平台”，既有...

优秀产品背后的设计原则

本文讲的是优秀产品背后的设计原则，最近，我需要为我正在做的产品提一些高级原则。我在寻找一些简单而有效的原则，可以用它们来引导设计决策，并解决讨论时的一些分歧。第一步，我决定看看周围的人是怎么做的。...

智慧园区3D可视化解决方案PPT(24页).pptx

在智慧园区建设的浪潮中，一个集高效、安全、便捷于一体的综合解决方案正逐步成为现代园区管理的标配。这一方案旨在解决传统园区面临的智能化水平低、信息孤岛、管理手段落后等痛点，通过信息化平台与智能硬件的深度融合，为园区带来前所未有的变革。首先，智慧园区综合解决方案以提升园区整体智能化水平为核心，打破了信息孤岛现象。通过构建统一的智能运营中心（IOC），采用1+N模式，即一个智能运营中心集成多个应用系统，实现了园区内各系统的互联互通与数据共享。IOC运营中心如同园区的“智慧大脑”，利用大数据可视化技术，将园区安防、机电设备运行、车辆通行、人员流动、能源能耗等关键信息实时呈现在拼接巨屏上，管理者可直观掌握园区运行状态，实现科学决策。这种“万物互联”的能力不仅消除了系统间的壁垒，还大幅提升了管理效率，让园区管理更加精细化、智能化。更令人兴奋的是，该方案融入了诸多前沿科技，让智慧园区充满了未来感。例如，利用AI视频分析技术，智慧园区实现了对人脸、车辆、行为的智能识别与追踪，不仅极大提升了安防水平，还能为园区提供精准的人流分析、车辆管理等增值服务。同时，无人机巡查、巡逻机器人等智能设备的加入，让园区安全无死角，管理更轻松。特别是巡逻机器人，不仅能进行360度地面全天候巡检，还能自主绕障、充电，甚至具备火灾预警、空气质量检测等环境感知能力，成为了园区管理的得力助手。此外，通过构建高精度数字孪生系统，将园区现实场景与数字世界完美融合，管理者可借助VR/AR技术进行远程巡检、设备维护等操作，仿佛置身于一个虚拟与现实交织的智慧世界。最值得关注的是，智慧园区综合解决方案还带来了显著的经济与社会效益。通过优化园区管理流程，实现降本增效。例如，智能库存管理、及时响应采购需求等举措，大幅减少了库存积压与浪费；而设备自动化与远程监控则降低了维修与人力成本。同时，借助大数据分析技术，园区可精准把握产业趋势，优化招商策略，提高入驻企业满意度与营收水平。此外，智慧园区的低碳节能设计，通过能源分析与精细化管理，实现了能耗的显著降低，为园区可持续发展奠定了坚实基础。总之，这一综合解决方案不仅让园区管理变得更加智慧、高效，更为入驻企业与员工带来了更加舒适、便捷的工作与生活环境，是未来园区建设的必然趋势。

1顶0踩