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

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


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

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

你会发现现在的移动端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

相关推荐

  • 设计干货收藏|UI动效的必备原则总结

    高度总结动效设计的基本原则,有大量的案例分析。动效设计在用户体验的提升中到底有没有用呢? 我们在下面讨论的是为什么要应用动效,以及在那些时候动效,动效的特性等等。

    2017-05-28
  • 10个步骤,了解新手入门过程的设计原则

    新手入门是每个应用程序最重要的元素之一。很多时候,它的难易程度决定了用户是否会继续使用应用程序。在用户界面上,新手入门不仅仅是简单的5个介绍软件的页面或说明性的工具提示内容。下面我会使用最有趣的例子来描述新手入门过程的设计原则。

    2017-05-03
  • 深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的?

    来源:H5广告资讯站 作者:小呆 原创文章,转载请联系本人! 记得在上个月小站推荐万达的第一支一镜到底H5作品时,就有用户曾放下狠话:“你就等着我们的一镜到底吧!” 因为留言的人是圈内的技术大神,自然也就引起…

    2016-10-25
  • 设计产品的第一个环节:定义方向策略,有理有据做设计

    本文作者将来聊聊设计产品的第一个环节——定义方向策略,这是后续设计的大前提和指导方针。我们需要从老板、产品/运营、用研及设计团队分别获取有效信息,进行分析整合,以得到正确、完善的方向策略定义。

    2017-05-13
  • 用好的交互设计来管理复杂-“个人中心”

    “复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都必须做好自己该做的那部分工作。

    2017-05-19
  • 交互设计申请竞争白热化,你该如何“杀出重围”?

    只要你想改变自己汉艺陪你死磕到底对于学习交互设计的同学来说,多数同学的作品集项目最终效果是这样的:这样的一个网页,几个app界面的最终效果图在各大设计网站,更是一抓一大把,导致很多同学对于交互设计的认知更多的停留在网页设计或者app设计上,浏览越多案例,思维越被局限。如果一个交互作品集中四五个项目全是这样的“大众脸”,想要从全球大量相似的“竞品”中脱颖而出,吸引到考官注意力,可以说困难重重。本期文章,为了让大家的作品集能够在全球竞争中脱...

    2018-02-03
  • 交互设计的五要素

    在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。互联网产品与需求早晨迎着第一缕阳光醒…

    2017-08-04
  • 打造有温度的H5动画:用户的故事将会被如何演绎

    2016年末,各路APP也纷纷展开一轮轮的数据厮杀,从不同的视角阐述过去一年的精彩故事。而坐拥庞大用户数据的QQ空间,在这个既难忘又不舍的2016年,用户的故事将会被如何演绎,在寒冬带给用户怎样的温暖回忆呢?

    2017-05-11
  • 为什么要考虑用户场景?

    这是个特别好的问题,因为我在还是新手的时候对这个问题也很疑惑。用户在哪个场景下用关我屁事啊?我只需要用户用得爽就行了嘛。

    2017-06-01
  • Axure RP属于产品经理快速原型设计工具(一:简述)

    一、介绍Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效...

    2018-03-10