为什么大家都爱极简主义设计

2017/07/26 37960

简约并不意味着原始,这是两个截然不同的概念。而极简主义设计种大量的留白也并不等同于空。

在 Joshua Becker 的《The More of Less》书中是这样说的:

你并不需要更多的空间,你所需要的是更少的东西。

如今,我们常常在工作和生活种不同的语境下探讨极简主义,而设计和它走的最近。对于极简主义,我们应该熟知它的优缺点和关键知识点。

关于极简主义

实际上极简主义这个词在人类活动的各个领域中都被地使用着,Merriam-Webster 词典种对于它的解释是“在音乐、文学和设计领域中以极其平衡简洁而著称的一种风格或技术”。极简主义正在被越来越多的领域所接纳,其核心的特征是简约而富有意义。

作为一种视觉设计的新方向,极简主义在20世纪60年代的纽约很受欢迎,当时的新老艺术家正在探索将抽象几何元素融入绘画和雕塑艺术。相应的,极简主义在当时的诸如包豪斯运动、建构主义运动中,留下了浓墨重彩的一笔。在涉及视觉艺术的不同领域,极简主义的核心原则基本都是优雅地保留关键性的、引起观者注意力的部分。线条、形状、色彩、留白、构图等一切元素都被有效地组织起来。今天我们在生活的各个领域都可以看得到极简主义的影子:建筑、艺术、摄影、文学、音乐、UI设计,甚至食物。

设计师应该追求简约而不空洞,时尚而不过度修饰的极简设计,善于使用负空间,大胆的色彩和字体的组合,将优雅融入功能多样的细节。但是,极简的设计和粗陋原始的设计,两者之间往往只有一线之隔,这也为何许多设计师并不像承担这种风险:有的设计师觉得这种风格过于高冷,而更多的设计师则没有搞清楚怎样通过更少的元素来正确搞定极简设计。

Architecture Blog

极简主义设计的特征

设计师经常会提及的极简主义设计,通常包含下面的特征:

  • 简单
  • 明晰
  • 清晰的视觉层次
  • 高对比度的组件和比例
  • 每个元素都有功能
  • 大量的空间和留白
  • 核心细节拥有高关注度
  • 排版是重要的设计元素
  • 无功能的装饰性元素被移除

当然,这个列表还能更长一些。极简的UI设计突出核心的元素,让用户行为更为直观也更具有目的性,此外,简约的界面看起来不那么复杂,也足够简洁,令人满意的审美趋势也让极简的UI设计拥有良好的用户体验。

Dance Academy 的着陆页

极简主义设计最佳实践

如今极简主义设计已经成为网页和UI设计中的主流设计趋势,而极简主义设计的主要特征,可以通过下面的这些最佳实践来体现。

扁平化设计

扁平化设计这一趋势和极简主义是相辅相成的存在,两者在技术细节和精神上都保持着高度的一致性。众所周知,扁平化设计移除了拟物化设计中广泛存在的高光、阴影、渐变和纹理,而扁平化设计2.0中也只是有限度地加入了一点阴影,微妙的渐变。扁平化设计让不同屏幕、不同分辨率下,按钮、图标和插画显得更加统一。界面的可用性和视觉的协调性在这种设计风格下更容易实现。

不过扁平化和极简主义仍然是两个完全不同的概念,两者并非可互相替代存在。扁平化更多的是一种技术手法和风格上的存在,而极简主义有着更广泛的意义,它包含了布局、组成、配色、对比度甚至整体设计精神的一套策略,因此,扁平化设计更多的应该算是创造极简主义设计的一种技术和设计技巧。

2017年的扁平化设计:《一直进化的扁平化设计,在2017年这么玩儿》

Cafe Coupon App

单色和有限色配色方案

色彩是构建用户和产品情感联系的重要纽带,而设计师在进行极简主义设计的时候,通常会采用单色,或者色彩数量较少的配色方案,这样能让所选的色彩更具有凝聚力,让色彩的力量最大化。这样的设计让用户不会被轻易分散注意力,这样一来,用户会更加容易被引导到特定的区域,关注特定的内容,从而触发交互(比如购买,订阅,捐赠,开始使用等),这样的界面是有效且高效的。此外,从心理学角度上来看,特定的色彩关联特定的情绪,而有凝聚力的配色则可以放大情绪。

Slopes Website

表现力十足的排版

简约的UI设计中,排版设计被视为最为核心的元素之一,它不仅可以为用户呈现内容,而且可以创造风格,强化视觉效果。相比于挑选图片,设计师更在意整体排版布局的选择,并且精心选择元素搭配和尺寸的控制。除了色彩之外,字体也是设计师最为在意的元素,因为字体也是塑造体验,传递情绪的重要元素。可读性和易读性是整个排版布局的基本要求,而设计师并不想让不合理的字体选择毁掉这一基础。

排版技巧并不难:《从这些基本的字体排版规则入手,搞定网页排版这件事》

Upper App

有限的选择

极简主义设计的强大之处在于,让用户更加集中注意力,专注于功能和目标。通常,极简风的UI设计中,少有装饰元素,也不会让阴影、纹理甚至多余的交互和色彩来分散用户的注意力,他们需要用户集中注意力,执行关键性的任务,而整个网站或者APP的导航也是围绕着帮用户解决问题而存在。

Birds of Paradise Encyclopedia

突出的主题和视觉元素

在极简风的UI当中,设计师不会使用过多的图片,而是选择表现力较强,整体视觉突出的单一图片,以引人入胜的姿态让用户关注到它们。 这样的设计让用户直接注意到对的图片,而不再需要在大量的信息中来做筛选,并且单一的图片所传达的信息和情绪也不会被干扰。图片或者插画将会遵循极简主义的设计风格,否则将会破坏整体风格的一致性。

Architecture Firm

简洁直观的导航

极简主义为导航设计提出了苛刻的要求:设计师必须遵循极简的原则来显示最重要的内容,隐藏非关键的导航内容,但是这么做还必须确保用户能够轻松找到所有他们想要的信息,无论关键与否。而这种内在的冲突让极简主义设计为人所诟病:如果没有经过足够的调研和测试,汉堡菜单这类用来隐藏导航和信息的解决方案,可能会让用户无法正确、快速地找到他们想要的内容,甚至在网站中迷失,这不是积极而有效的用户体验设计。

导航设计技巧:《还有这种操作?这10个导航栏设计技巧别错过了》

善用负空间

留白,或者说负空间,是极简主义设计中不可分割的一项重要组成部分,它并不一定得是白色,和颜色无关。在极简主义设计当中,负空间是增强核心元素的被关注度的有效途径,让整个设计更加优雅。如果你的设计采用的是单色,或者双色的配色方案,那么负空间在创造对比度和清晰度方面,起着无可替代的作用。

对抗留白恐惧症:《告别被支配的恐惧!教你治疗客户的留白恐惧症》

Ice Website

栅格系统

对于极简风的网页设计,栅格系统在组织内容和布局上,作用非常的明显,尤其当你的网页中包含了大量同质化内容的时候。此外,栅格系统还能很好地帮你搞定响应式设计。

栅格系统的正确玩法:《高手的平面课堂!网格系统的入门基础知识+案例演示》

The Big Landscape

对比

按照极简主义设计的理念,良好的对比度对于整个视觉设计的作用是特别明显的,而对比主要涉及到的是色彩的对比,形状的对比,以及位置的对比,这些都是关键性的对比元素。

关于对比,这篇文章值得参考:《实例教学!利用「对比原则」做出抢眼设计的20个方法》

Bjorn Website

结语

极简主义设计的优势很多,在创建网页和UI界面上有许多效果突出的手法,但是它并非是万能的,换句话来说,它的适用场景其实是有限制的,并非任何场景下都能实用。但是有一件事是肯定的,界面越简约,设计目标和针对性就越明显,而设计师要投入的时间和精力……也越多。

【极简主义设计实战】

  1. 《功能大于形式!揭秘UI设计中“性冷淡”风格的真相》
  2. 《实例教学!25个帮你运用好极简风格的设计方法》
  3. 《实例教学!如何将极简风格的原则运用到网站设计中?》
  4. 《符合极简主义风格的设计有什么讲究?》

原文地址:Uxplanet
原文作者:Tubik Studio
优设译文:@陈子木


本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/minimalism-in-ui-design

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里