极简主义风格:要讲究四大设计要点

极简风并不是简单的做减法,这也是极简设计最棘手的地方。想必设计师都明白“少即是多”这个概念,但是要怎么在实际设计中践行这种极简设计的理念呢?今天的文章,就帮你梳理一下基本的法则,帮你在设计之前就理顺思路。“完美的设计是可以实现的,也许你还可以向其中加入更多的东西,但如果想从中移除某些元素,就完全不可能了。”


极简风并不是简单的做减法,这也是极简设计最棘手的地方。想必设计师都明白“少即是多”这个概念,但是要怎么在实际设计中践行这种极简设计的理念呢?今天的文章,就帮你梳理一下基本的法则,帮你在设计之前就理顺思路。

极简主义风格:要讲究四大设计要点

你会发现现在的移动端UI界面中极简风的设计越来越多了。极简主义设计风之所以能够如此的受欢迎,很大程度是源自于它对于设计、开发的友好,它不仅让APP的加载速度更快,让APP对于不同屏幕的兼容性更加优异。与此同时,越来越多的用户也开始青睐极简风的设计,极简风的UI界面不仅漂亮,而且在可用性上也非常的突出:它易于导航,并且具备强大的视觉表现力。

设计师想通过精简内容来呈现更多。

移除额外的元素

在你的设计当中,每个元素都有其存在的意义。

在极简主义的设计当中,整个设计中每一个元素都应该是有目的、有针对性的存在,没有多余的、无用的元素。所以,极简主义的设计应该只保留绝对必要的那些组件。正如同 Antoine De Saint-Exupery 所说的:

“完美的设计是可以实现的,也许你还可以向其中加入更多的东西,但如果想从中移除某些元素,就完全不可能了。”

极简主义风格:要讲究四大设计要点

“减一分则少”,这个应该就是极简主义设计的核心特征之一。

小贴士:在极简风的设计中,谨慎的增减元素。

  • 别想着普通的照片素材了。除非你想用的照片能够让你更清晰地表达你的设计,否则就不要用。
  • 尽可能简短直接地设计文案,将不必要的内容去掉。用最少的、最低限度的语言表达清楚,所有的文案都应该包含清晰的信息,减少让人感到混乱的内容和组件。

每屏只有一个视觉焦点

很简单的道理,屏幕上的内容越少,保留下来的内容就越容易被注意到,越有效,也越容易成为视觉焦点。极简主义的设计哲学是“内容为王”,视觉设计要围绕着内容来进行。这样的设计,是为了让信息更清晰,消除干扰,而且要让用户更容易关注到核心的内容。因此,极简主义设计应该借助CTA之类的技术让核心成为视觉焦点。

层次化的设计,让内容更容易理解。

极简主义风格:要讲究四大设计要点

小贴士:
从粗糙的内容开始入手,然后构建可用的界面,让用户能够轻松地导航、使用。然后进一步细化。

简约的配色方案

简化配色方案能够很好地帮你改善用户体验,太多的色彩可能会对一个极简的设计产生负面的影响。但是,限制色彩的数量并不意味着你只能使用黑白色调,而不需要其他的色彩。极简主义的配色讲究的是使用必要的颜色来帮你构建整个视觉体系。

极简主义风格:要讲究四大设计要点

Clear 的 iOS 客户端就采用了极简的配色风格,采用有梯度的同系色来呈现层次。

小贴士:你可以试着在你的设计中采用大胆的配色方案,通过调整字体尺寸和带有强调性的色彩,将用户的注意力吸引到特定的区域,这样都不需要额外的视觉提醒了。

极简主义风格:要讲究四大设计要点

大胆地使用留白

充满呼吸感的布局是极简主义设计中常见的元素,也几乎是必要的组成部分。留白指的是留出空间,它并不一定必须是白色。在极简风的设计当中,留白的存在让视觉焦点更为突出,此外,它还塑造出整个设计的空间感和区域,呈现整体框架和布局。

极简主义风格:要讲究四大设计要点

Medium 的客户端当中,浅灰色的留白为整个排版布局填充出了框架

小贴士:较多的留白会让用户主动去找视觉重心。所以留白的另外一个成为是负空间,它们确实能够有效的引导用户的眼睛去注意到特定的元素。

极简主义风格:要讲究四大设计要点

Sky 的iOS APP 就是通过留白让用户更易于识别信息的层次。

结语

极简主义是服务于内容和需求的一种呈现形式,极简主义本身并不是目标。形式应该服务于功能。

极简主义设计风格应当那个为了呈现简单、明确、直接、无摩擦的设计而存在的,它应当结合相应的可用性设计,并且设计师应该在做极简设计的时候,注意细节的打磨。

当你在做减法的时候,应当学会取舍,这样才能让设计有张力。

 

原文地址:Medium

原文作者:Nick Babich

译者:@陈子木

译文地址:http://www.uisdc.com/best-practices-for-minimalist-design

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

(0)
CatherineCatherine
上一篇 2017-05-11 08:59
下一篇 2017-05-11 10:50

相关推荐

  • 超出预期的才叫用户体验

    什么是用户体验?我认为,用户体验其实就是一种心理感觉。拿最简单的吃饭这件事来打一个比方。我在饭店,吃饭付账,这个过程叫作体验吗?肯定谈不上。用户体验,肯定是特殊的,肯定是不正常的,肯定是在你的预期之外的。超出预期才形成用户体验如果做跟别人一样的东西,那这些功能并不叫体验。很多人在抄袭别人产品的时候,经常说某某公司做了什么功能,老板说照着做一个,但是你想没想过,如果做得跟别人一样,是没有机会的。当年我们做的是免费杀毒。当时所有其他品牌的杀...

    2018-04-08
  • 交互动画设计案例—1688首页动效

    随着CSS3和HTML5的发展,越来越多狂拽炫酷叼炸天的动效在网页设计上遍地开花,根据最新的浏览器市场份额报告,IE6的份额已经降到了5.21%,这简直是一个喜大普奔的消息,做动效可以完全不care低端浏览器的时代已经在…

    2015-04-24
  • 车载系统交互设计畅想Part2:为消除焦虑而设计

    在上一章节中,我试图通过重新设计智能车载中控系统来降低驾驶过程中过多的信息导致的注意力分散问题,我的主要解决方案是通过局部的简单操作配合语音导航来完成任务,并避免驾驶员的双手离开方向盘。在本章节中,通过调研和采访一些新手驾驶员,我总结了一些发现,以启发我通过体验设计来消除驾驶过程中的焦虑现象。

    2017-04-30
  • 浅析用户体验在APP界面设计中的表现及应用

    如果要成功运营一款APP,第一个基本的原则就是要全线贯彻落实“以用户为中心”的理念。当今这个时代,在设计过程中能够体现出“以用户为中心”原则的设计就叫做用户体验设计。这就不得不提到两个名词:即用户体验和用户界面概念的理解。一个成功的交互产品离不开优秀的用户体验,一个高用户的App更无法脱离用户体验设计。当产品和用户之间的连接点变成了摩擦点,那么工业设计师的设计就是失败的。相反,如果产品能让人们感觉更安全,更舒适,更乐于购买,更加高效,甚至只是让人们单纯地更加快乐,那么此处的设计师是成功的。

    2017-05-15
  • 《用户体验要素》 读书笔记 (3)第四章 范围层

    范围层主要解决功能规格和内容需求只有明确定义出来,你和你的团队才知道你正们在做什么同时你才知道你不需要做什么1. 范围层定义1)范围层需要同时做两件事情:规定过程(日程安排和里程碑);生产产品。2)范围层的功能和内容要明确的定义出来:只有明确定义出来,你和你的团队才知道你们正在做什么,团队中的不同角色才能有共同的参照标准;同时你才知道你们不需要做什么,同时你才知道你不需要做什么,因为这个过程中会不断出现新的需求,要结合你的规划、新需求与...

    2018-04-09
  • 网易严选设计师:如何提高产品思维?

    网易UEDC-葛锐:作为一个互联网公司的设计师,经常会被产品或者资深设计师说:“你们怎么没有产品思维 !”那么一些设计师本人也发现,工作了几年后,自己的作用很有限,设计能力也遇到了瓶颈,很难再提升。那么带来的比较直接的结果就是:晋升慢,提薪少,话语权少,越来越被忽视。

    2017-08-30
  • 聊聊保险电商的产品主图设计

    本文作者主要与大家分享的是在保险这个垂直领域,电商产品主图的设计。enjoy~

    2017-04-27
  • 从中国形式走向中国叙事:RSAA / 庄子玉工作室的2017

    *本文转载自RSAA鼓楼7号院刚刚过去的2017,对我们这个钟鼓楼旁的四合院是很特别的一年。虽然在RSAA北京公司成立后的八年间,我们一直埋头苦干,作品也算颇丰,但好像对大多数人而言,我们一直是一个相对默默无闻的团队,甚至很少有人知道RSAA是个正儿八经的德国独资公司;而在2017,RSAA和庄子玉工作室却因为几个极具当代中国调性的项目而广为人知;但只有我们自己知道,这也许不是偶然 - 以“在当下中国的社会和空间语境中寻找新的叙事性与类...

    2018-02-24
  • 气定神闲的珍珠

    快快点击关注人言风华绝代太难得,然而,一个人终日沉浸在王者农药里碌碌无为,几时能被时光打磨成气定神闲的珍珠?但,珍珠是天然的馈赠,美,则是一种修炼。这世界上的一切精致动人,都是狠狠的被修理出来的。软了不行,硬了也不行,得软硬兼施。就像选专业一样。就像选择计算机软件技术专业一样。你想让自己活得精致,过得洒脱,不对自己狠一点,社会对你狠一点。自己的狠,是由内而外的质变。社会的狠,是苟且偷生。自己的狠,是内软外硬,由环境的硬塑造内心你的软,打...

    2018-03-15
  • Axure 原型 | 用Axure画流程图

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放吻得太逼真张敬轩 - Urban Emotions作者:陈张良来源:简书用Axure绘制流程图好处是可以随时预览,比较灵活。不过就是没有Visio那么多模板和强大的功能。Axure默认的流程图控件:其实我们最常用的是:矩形、菱形、箭头。因为这些基本图形其实并没有形象的表明它们是什么,更多的还是需要使用者根据自身的流程实际情况多加注释,所以大部分流程图只需使用这两个控件即可。Axu...

    2018-03-04