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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
扁平化设计:不断发展的趋势
0.0°
2017-06-15 好文转载 经验/观点 原作者: 南隼互动 举报 5621 8 13 0

      扁平化设计趋势是否已经成为过去式了呢?我们不这么认为,它还没“死”。不过,这种趋势已经演变为对用户来说不那么明显,但更有吸引力的表现形式。

扁平化设计的早期阶段完全缺乏辅助的设计元素,如阴影,渐变或纹理等可以增加真实感的元素。其中的很多设计元素现在都在回归到“流行趋势”的道路上,所以,为什么不试试与扁平化设计的整体思想相互配合,以创建简单易用的网站设计和用户体验。取决于你所坚持的一方,对于扁平化设计来说,这可能是一个更好的版本。

以下,我们将讨论扁平化设计的趋势演变,以及它在今天的发展。准备好笔记本,我们开始了。

1.扁平化设计

Image title


扁平化设计是对2010年初期在网站建设项目中“泛滥”使用的所有过分逼真元素的对立面,逼真经常表现为阴影,假的三维元素和纹理等。部分虚拟真实化的设计方式和元素来源于APPLE,因为这是应用商店及其设备上的图标风格(这种趋势逐渐没落之后,APPLE终于转向了更平面化的图标样式)。

扁平化设计的本质就是这样。它更注重对干净线条和更多的2D风格的使用,对于支持者来说,它更容易理解和使用。扁平化设计方案也侧重于高对比度的色彩和排版重点的元素,而不是大量的图像。通常,单个图像或图示可以以扁平化设计方案来带动整个主页。

不过,扁平化设计缩面临的问题并不总是如此。一些用户发现,这种剥离的样式缺乏足够的信息来帮助他们引导用户浏览和发现信息。但绝大多数的设计师都喜欢这样做,尤其是在网站设计的工作中,扁平化设计可能是过去十年中最大和最具革命性的视觉趋势之一,因为现在它依然存在它的用武之地。

2.Material Design

Image title


为了充分了解扁平化设计为什么变化如此之快,重要的是你需要通过Material Design来辅助完成这个理解,也就是Google为其产品和应用程序建立的视觉规则。

Material design汲取了平面设计最佳的部分,并通过不断的优化增添了些许微妙的维度。该概念侧重于通过使用战术效果和逼真的运动将数字世界与现实世界相结合来提高可用性和用户互动性。

它重新把阴影元素带回到设计的流行趋势行列,这似乎“软化”了早期平面设计几乎苛刻的“定性”。

Material design同时是一个定义比较明确的概念,Google提供大量不断变化的指导文档。它也随着趋势和用户需求的变化而不断发展。为什么它对于扁平而言是如此重要的一个最根本的原因在于,是它推动了扁平化的发展速度。

3.扁平化2.0

Image title


欢迎进入扁平化2.0时代,以下是我们在早期阶段描述这项趋势:“Flat 2.0更易于使用,因为它结合了最优的平面设计和其他用户界面元素,以帮助你创建更美观和更具功能实用性的网站设计。同时,它也具有高度的适应性,几乎可以使用于任何风格概念和设计领域中。与一些单纯的扁平化网站设计不同,Flat 2.0结合了平面的元素和并添加了一些微妙的辅助元素,以提高设计对用户的友好性。

我们在Design Shack没有提出“Flat 2.0”。它首先被设计师Ryan Allen使用:“Flat 2.0是一个演变而不是革命。扁平的设计是对过去猖獗的自由主义的偏离,Flat 2.0就好像是一棵树上的一个活跃的分支。 如果说扁平设计是一棵圣诞树的话,Flat 2.0就是装饰品和糖果手杖。完全不需要丝带,和那些乱七八糟的东西来点缀。”

Flat 2.0允许设计人员在网站建设项目中打破扁平化设计的相关硬性规则,使用一些使视觉效果更加吸引人的技术(当然需要适度)。

· 强调

· 渐变

· 多种色调和颜色值

· 投影

· 任何形式的调色板(不只是亮色)。

Flat 2.0并不仅仅存在于UI元素或图标的世界中。图片和视频都是Flat 2.0界面可以应用一大部分媒介(许多早期的平面设计纯粹主义者认为这些视觉元素需要从纯粹的审美中脱离出来)。

4.扁平化2017

现在的大多数设计都落在了这些趋势和想法的中间。你起倾向于更扁平化的风格,这里还有更多的设计方式。这种演变尚未命名,但你可以在许多网站设计中看到共同特征。

以下是2017年流行的扁平化设计:

· 扁平元素

Image title


来自早期平面设计项目的许多按钮样式和用户界面元素陷入了一定的困境。我们需要更简单的按钮样式——方形或圆角边缘的矩形框中使用黑色或白色的文本,这是最常见的。logo和图标设计也采用了这种扁平的风格,配合更精细的主页设计,这些才是真正突出扁平化的视觉设计。

· 简化导航

Image title


汉堡包导航的图标和其他隐藏的导航最初是基于扁平化设计缩演变出来的,因为设计师试图从视觉流程中剥离那些“多余”的元素。

· 大胆,明亮的色彩

Image title


我们需要感谢这点给扁平世界带来的重要变化,由于明亮的调色板和平面图案在整体上可以接受更多的颜色,使网页设计带有了更多活泼和快乐的情感元素。这已经演变成在主页上使用明亮的渐变色彩的大趋势,作为主要视觉或照片的叠加层。

· 简约化主页设计

Image title


作为常规标准,主页不需要过于杂乱和具备太多的信息元素,因为主页最本质的一项功能更倾向于使用户专注于单一的动作。所以,即使有多个元素,你也要尽量使用户的方向或动作在整体项目中不置于那么“慌乱”。

· 无处不在的好的排版和字体

Image title


剥离设计的过程中你必须专注于适合的字体和排版。这个想法可以与越来越多地更好的排版套件和Web字体配合,使得设计人员更容易专注于这项工作。

· 更少的“假”效果

Image title


Sokuomorphism的趋势目前还没有回归。虽然在2017年的平面设计版本中正在使用更多的设计技术,但是过度设计的尝试将不再是真正的风格。

· 综合运动与反馈

Image title


Material design最大的“外包装”就是将反馈循环应用于视觉和与用户沟通中。

· 足够的空间

Image title


随着科技的发展,现在的显示屏已经变得更大并具有更优秀的分辨率(在台式机和移动设备上),设计人员可以利用充分的空间来保持最简约的扁平感(大部分时间,这个额外的空间不是白色的)。

· 扁平图层

Image title


没有任何装饰的分层元素看起来很棒,同时也可以为用户提供额外的信息。

· 超大设计元素

大文本,大图像和大的按钮和图标目前几乎在任何的网页设计上都可以看见他们的应用。

总结

Image title


平面设计的演变让我们有了更好的网站设计。它更容易阅读、它更可用或者就简单的它只是看起来更好

而已。

关于这一趋势最好的事情之一同样也是为什么它发展如此顺利的原因——它的灵活性足以使它轻松发展。 设计人员可以从扁平化设计中获取最佳的效果和概念,并将其纳入几乎任何项目中。这就是为什么我们在今天的项目中仍然看到这么多的应用,为什么平面设计不是另一个短暂的时尚潮流。

更新:2017-06-15

收藏

8人已收藏

  • 44

    作品

  • 9

    粉丝

  • 0

    关注

  • 提升移动端用户体验的7种方法
  • 10个很棒的下载免费矢量图形的地方
  • 在网站设计中有效使用微文本的6种方法
  • 如何安装&应用Lightroom预置
相关标签
经验用户体验

    猜你喜欢

      2017-06-15 好文转载 经验/观点 原作者: 南隼互动 举报 5621 8 13 0

      扁平化设计:不断发展的趋势

      0.0°

      你确定要举报扁平化设计:不断发展的趋势

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年06月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      13
      8
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录