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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
扁平化设计的流行趋势
0.0°
2017-04-18 自译外文 经验/观点 原作者: Nick Babich 举报 8062 83 98 5

Image title

这几年里扁平化设计在以惊人的速度发展。但扁平化风格不会停滞不前,会是不断改进的。

扁平化设计当前的改进都是基于图片的焦点。

让我们研究下这种演变的特点。


有效的极简主义

极简主义是只保留你所需要传达的。扁平化设计和极简主义有许多共同的简单原理和关于内容的设计。

极简主义的形式和功能类似于一个完美的婚姻。

扁平化设计是在视觉和功能上简单化,等待页面很多使用这样的设计。这种轻量级的设计也更容易适配不同的屏幕尺寸。


Image title

在屏幕上的元素越少,剩下的是更有效的。图片来源:jonaslindvall

虽然看似简单,但极简主义实际上是很难做到很好的。使用较少的元素是意味着你必须用可有的元素表达更多的内容。因此,最重要的是决定需要保留什么。


小贴士:

  • 强调内容(尤其是视觉效果)。遵循一个简单的规则 —— 重点在于屏幕的焦点。每个屏幕都应该包含一个且只有一个中心焦点,没有其他分散注意力的地方。

Image title

在屏幕上的元素越少,剩下的越是重要的。

  • 用有效的负空间。负空间是极简主义的重要成分 —— 这使视觉上适应综合性风格。


主色

色彩是扁平化设计的一个主要组成部分。扁平化设计中明亮的色调弥补了视觉吸引上的不足。使用明亮颜色的设计永远不会过时。然而,这一趋势似乎逐渐变为只是主色使用明亮的色调。

内容为主,颜色为辅。

背景上使用对比鲜艳的颜色,让设计师更好的把握什么是可见的什么是不可见的。


Image title

重点颜色可以让元素更突出。

Image title

明亮的图像在一个暗色的背景会产生一个戏剧性的效果。图片来源:takeitapp

 

小贴士:

  • 突出关键的触发按钮和文字。使用可以突出按钮的颜色,给它们一个醒目的边界或背景。如果把其他按钮设成虚拟按钮那是更好的了。

Image title

话术“停留。玩。发现。”和“搜索”的按钮高亮显示。图片来源:AirBnB

  • 使用经过验证的颜色组合。Flat UI Colors收集了一些很好的颜色组合。

Image title

图片来源:timbdesign


吸引人的排版

更好的设备和网络工具的可用性(如谷歌字体Adobe Typekit)会在字体设计中建立一个新时代。

文本成为视觉设计的元素。

这字体设计的趋势是基于更注重于排版,自定义的字体,有意义的书写。吸引人的排版便于品牌识别,提高了文本内容并创建一个完美的视觉层次。


Image title

吸引人的排版更加醒目。

小贴士:

  • 永远不要丢弃时髦字体的排版风格 —— 一定要是用户易读的。
  • 手写的字体对主页的设计是一个很好的补充。易读性可能是一个问题,应该尽量避免使用在大标题中。你可以找到一组由Creative Bloq发布的免费手写字体“50个免费的手写字体”。

Image title

手绘元素是一个很棒的使品牌人性化的方式。图片来源:grainandmortar


一种设计,一种字体

如果你使用太多的字体,设计似乎变得很拥挤,甚至会影响用户感知的视觉层次结构。除了品牌标识和引人注目的标题我们可以使用戏剧性的排版,大多数扁平化设计都使用相似的字体。

你不会想要设计一个令人分散注意力的字体

因此,当设计一个网站时要思考如何使利用权重和大小使排版视觉上更好,而不是使用不同的字体。

Image title

在设计上使用相同的字体,重点在于内容而不是字体。图片来源:Dropbox

小贴士:

  • 选择一个在不同大小和权重下都易读的字体(特别是在较小的设备上)。

Image title

设计中的Avenir字体。图片来源:inVision

  • 选择一个容易区分字母形式的字体。许多字体在相似的字母中太容易混淆。例如,大写的 I 和小写的 L 会变得很相似。你需要通过表格让用户明确的进行区分。

Image title

Clear Sans与Lato(注意大写的 I 和小写的 L)。图片来源:inVision


总结

扁平化设计暂时不会很快淘汰。将来的趋势是继续发展新的不同的迭代,同时仍保留使它如此受欢迎的简单性。



原文地址:https://uxplanet.org/prevailing-trends-in-flat-design-7ebf6bef0488#.4r8wmqdgq

作者地址:https://uxplanet.org/@101

更新:2017-04-18

收藏

83人已收藏

  • 75

    作品

  • 2695

    粉丝

  • 65

    关注

  • 11个表单设计小Tips
  • 产品设计的期望与现实
  • 七个设计的基本原则
  • 为什么大团队失败反而小团队取胜
相关标签

    猜你喜欢

      2017-04-18 自译外文 经验/观点 原作者: Nick Babich 举报 8062 83 98 5

      扁平化设计的流行趋势

      0.0°

      你确定要举报扁平化设计的流行趋势

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年04月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      98
      83
      5

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

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

      登录

      手机号

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

      登录
      第三方账号登录