选择极简主义风格做设计,不是没有道理

极简主义设计并非万能的。但有一件事是肯定的,界面越简约,设计目标和针对性就越明显,而设计师要投入的时间和精力也越多。你并不需要更多的空间,你所需要的是更少的东西。


极简主义设计并非万能的。但有一件事是肯定的,界面越简约,设计目标和针对性就越明显,而设计师要投入的时间和精力也越多。

选择极简主义风格做设计,不是没有道理

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

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

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

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

关于极简主义

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

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

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

选择极简主义风格做设计,不是没有道理

Architecture Blog

极简主义设计的特征

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

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

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

选择极简主义风格做设计,不是没有道理

Dance Academy 的着陆页

极简主义设计最佳实践

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

扁平化设计

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

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

选择极简主义风格做设计,不是没有道理

Cafe Coupon App

单色和有限色配色方案

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

选择极简主义风格做设计,不是没有道理

Slopes Website

表现力十足的排版

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

选择极简主义风格做设计,不是没有道理

Upper App

有限的选择

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

选择极简主义风格做设计,不是没有道理

Birds of Paradise Encyclopedia

突出的主题和视觉元素

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

选择极简主义风格做设计,不是没有道理

Architecture Firm

简洁直观的导航

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

善用负空间

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

选择极简主义风格做设计,不是没有道理

Ice Website

栅格系统

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

选择极简主义风格做设计,不是没有道理

The Big Landscape

对比

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

选择极简主义风格做设计,不是没有道理

Bjorn Website

结语

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

原文作者:Tubik Studio

原文地址:Uxplane

译者:@陈子木

译文地址:优设网

本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/20348/

(0)
CatherineCatherine
上一篇 2017-08-04 12:12
下一篇 2017-08-04 12:58

相关推荐

  • 移动端体验设计6大禁

    我们一开始为什么去安装应用程序?是为了使我们的生活更方便。但当一个应用无法满足这一要求时,用户肯定就会离它而去。一个应用的成功是受多种因素影响的,其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。

    2017-05-17
  • 依靠强大品牌影响力,注重“用户体验”,“3000家企业定制酒计划”对白金酒意味着什么?

    在茅台集团白金酒公司的目标规划里,今年要选择1000家企业进行定制酒合作,未来3~5年要与3000家企业合作,打造“企业定制酒”这一细分市场的“当家品牌”。11月5日上午,华拓金服集团、神州长城股份有限公司、 永新华控股集团等数十家家国内知名企业与茅台集团白金酒公司签署战略合作协议,现场签约总额达近亿元,“定制酒计划”再迈出一步。直接面向企业需求这一细分市场,为企业打造专属的定制产品,满足其商务接待、宴请、礼赠等需求,白金酒公司确立了清...

    2018-02-01
  • 产品需求沟通出问题怎么办?

    产品制作的流程中,发现需求并定义需求是首要环节,假如产品需求沟通出现问题了怎么办?你需要解决三个问题,避免含糊性,定义需求和功能,明确功能和属性。  一:如何避免含混性出现 含混性,指的是不清晰的程度。…

    2014-11-14
  • 从构图、字体、配色和装饰来分析:为何网易云和虾米APP的banner设计如此好看?

    小白想进阶成为高手,学会发现高手作品的优点是关键。今天这篇从构图、字体、配色和装饰四大Banner 关键要素教你如何发掘高手作品中的优点。

    2017-05-11
  • 能够带来更好体验的“浅交互设计”,是对人机交互设计方式的全新思考

    原文地址:https://www.smashingmagazine.com/2016/03/getting-disconnected-shallow-interaction-design-deeper-human-experiences/本文由设计夹设计研究小组 成员杨梦龙翻译校对我们的一切都被连接起来了。我的手…

    2017-08-02
  • 重温《别让我思考》,这本书到底告诉了我什么【UXRen译#141】

      作者:Nick Kellingley(交互设计基金会社区经理)| 译者:天蛙,审校:xing   《Don’t Make Me Think》是人机交互和易用性工程师Steve Krug写的一本书的书名(中文版本的书名是《点石成金》)。这本书教用户体验…

    交互专题 2017-08-07
  • 嘘!手机能听出你声音里的情绪

    对我们大部分人来说,每天心情有点变化是很正常的。女人的一天常常是喜怒哀乐随机出现,当然一般也就自己调整过来了,不至于要死要活。但有一类人例外,躁郁症患者。 事业不顺、丢了工作、失恋等等,当生活的不幸降…

    2014-12-13
  • 阿里巴巴UED的设计团队究竟为双11贡献了什么?

    在11月11日这个日子的前后一段时间,当你发现如下症状之一:当你被机场、地铁、公交站牌和网页里频繁出现的双11提醒,感觉重要的时刻就要来临;当你心跳加速,不管什么都先放到购物车里再说;当你最终等待在11号这天的凌晨用风一样的速度支付成功,并长吁一口气;当你认为一切都那么的简单、自然、纯粹,不过是一场轻松的购物。只能说你Too young,Too simple。你的一举一动已经被一个神秘的组织所引导,它让你下单时够快、够准、够狠,并且你毫...

    2018-02-01
  • UI动画VS微交互貌似都是一个东西?

    出处:https://medium.com/@tubikstudio/ui-animation-microinteraction-for-macroresult-668cd9e71101#.lhcggh7he 原标题:UI Animation. Microinteraction for Macroresult 原作者:Tubik Studio   原谅阿西…

    2016-04-07
  • 译文 | iOS 10 人机界面设计指南 (完结)

    iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?本文是系列文章的完结篇,enjoy~Note
    模板图片(template image)会丢弃图片本身的色彩,而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP  对于多行或是多样式的文本输入,请使用文本视图。请参阅Text Views。

    2017-05-02