恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
10个极简主义UI设计案例
0.0°
2018-05-02 好文转载 经验/观点 原作者: 智库 举报 13701 5 39 0

简约并不意味着原始,这两个是截然不同的概念。极简主义设计这种大量留白并不等于空。现如今,我们常常在工作与生活各种不同环境下讨论极简主义,而设计和它走的最近,对于极简主义,我们应该熟知它的优点及缺点。

Image title

关于极简主义

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

作为一视觉设计的新方向,极简主义在20世纪60年代的纽约很受欢迎,当时的新老艺术家正在探索将抽象几何元素融入绘画和雕塑艺术。相应,极简主义在当时的诸如包豪斯运动、建构主义运动中,留下了浓墨重彩的一笔。

在涉及视觉艺术的不同领域,极简主义的核心原则基本上都是优雅的保留关键性的、引起关注者注意力的部分。线条、形状、色彩、留白、构图等一切元素都被有效的

组织起来今天我们在生活各个领域都可以看得到极简主义的影子:建筑、艺术、摄影、文学、音乐、UI设计甚至食物。

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

Image title

Architecture Blog

极简主义设计的特征

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

1、简单;

2、明晰;

3、清晰的视觉层次;

4、高对比度的组件和比例;

5、每个元素都有的功能;

6、大量的空间和留白;

7、核心细节拥有高关注度;

8、排版是重要的设计元素;

9、无功能的装饰性元素被移除;

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

Image title

极简主义设计最佳实践

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

A、扁平化设计

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

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

Image title

单色和有限配色方案

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

Image title

表现力十足的排版

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

Image title

有限的选择

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

Image title


突出的主题和视觉元素

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

Image title

简洁直观的导航

极简主义为导航设计提出 苛刻的要求:

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

善用负空间

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

Image title

Ice Website

删格系统

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

Image title

The Big Landscape

对比

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

Image title

Bjorn Website

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

更新:2018-05-02

收藏

5人已收藏

Drimary_梦

设计源于细节,而我愿倾尽所有只为这一细节

  • 135

    作品

  • 102

    粉丝

  • 5

    关注

  • Figma零基础学习
  • 基础交互知识6种常见的隐藏菜单
  • PS中小技巧
  • 黄金比例——用户界面设计的平衡法

    猜你喜欢

      2018-05-02 好文转载 经验/观点 原作者: 智库 举报 13701 5 39 0

      10个极简主义UI设计案例

      0.0°

      你确定要举报10个极简主义UI设计案例

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年05月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      39
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录