分享

浅谈扁平化设计的优缺点与发展趋势(下)

 数据說不定 2018-09-22

扁平化设计的前身

到底是谁先开始用扁平化设计的?没错,跟你想的不一样,不是以设计闻名的 Apple 开始的,而是那个常常把事情搞砸的 Microsoft。

在2006年为了和当时红极一时的 iPod 竞争,Microsoft 推出了 Zune,不过当然不是 Apple Music + iTunes 的对手,Zune 自然就失败了,但是 Zune 简洁的界面搭配它的软件显得十分清新,也让播放器和电脑上的软件有一致的用户体验。

Microsoft Zune 和 Zune software

扁平化设计的应用

在 iPhone 推出后没多久,Microsoft 在2010年也推出他的第一代智能手机 Windows Phone 7,这可以说是扁平化设计第一次在资讯产品上向世人展现其样貌,使用简单的方格状色块与无衬线字体的界面,图标也不再以拟物化呈现,而是去除了细节与阴影。

Microsoft 把这种界面称为「Metro UI」(后来因为和德国零售业龙头 Metro AG 有冲突而改名叫 Modern UI),之后便开始整合到公司旗下的产品,如 Xbox 360 和 Office 系列软件,2012年更是使用在 Windows 8 的动态砖上。

可是,扁平化设计是出现了,这也只不过是让世人一窥它的面纱,那它又是如何快速窜起成为UI潮流的呢?

扁平化设计的崛起

精明的 Apple 大概在暗自窃喜把珍珠当石头玩的 Microsoft,马上在2013年发表了新版iOS 7,使用 Helvetica 做为系统字型,也一改前6代使用的拟物化设计,正式改为扁平化设计。

不过一开始有些果粉不太能接受这种巨变,一时间哀鸿遍野,不过现在看来这是十分正确的决定,因为就在几年后,Google 也加入了扁平化行列,自此起扁平化设计变成了几乎整个UI设计的趋势。

不过,Apple为什么愿意冒着风险,排除众议的使用扁平化设计呢?

扁平化设计的优点

越来越多的研究说明了智能手机出现后人们使用电子产品习惯的改变,使用者在一天当中使用智能手机的时间超过个人电脑,毕竟手机随时随地都可以使用,在这样的情况下,就必须考虑要能在不同尺寸上的装置呈现出一致的用户体验。

而扁平化设计正好有着一些十分棒的优点来解决问题。

The Same User Experience:扁平化设计的色块单纯、容易延伸拓展,可以在不同尺寸的装置上呈现一致的风格,有着自适应的特性;而拟物化的按钮在伸缩时则容易造成阴影或光泽被压扁等扭曲问题。

Keep It Simple : 扁平化设计有很好的可读性和易读性,在去除掉多余的装饰效果后,留下清楚明确的几何图案,呈现出极简风格,用户不用特别放大屏幕来寻找链接或按钮。

Bright Color & Visual Hierarchy:在颜色配置通常大量采用明亮色彩,并运用颜色去做阶层和排版区隔,让使用者有正向的观感。

Speeds Up the Workflow:由于图案细节的简化,不管是在 Adobe Photoshop 或 Adobe Illustrator 制作文档都能加快设计速度,更甚者许多效果可以直接用 HTML/CSS 直接呈现。

Less Assets in General:相较于拟物化的图片文件,扁平化设计的图标大幅降低了文件大小,有些效果甚至可以直接用几行 CSS 和Js代码替代,直接省去图片了,降低 Web 和 App 的体积。

Load Faster:由于手机的系统空间及硬体效能仍比不上PC,扁平化设计降低文件大小和较佳的自适性可增加载入速度。

Focus on Great Typography and Font:设计师可专注在排版与文字上,让画面看起来锐利而清晰,而非多余的文字外观修饰与无意义的动画效果,无衬线字体也能让用户快速看懂内容而又不会分散焦点。

It's Trendy:Microsoft、Apple、Google 等许多知名软件公司及网页、App都加入了扁平化设计的行列,所以跟上潮流是个保险的作法,而且网络上也有许多相关的资源可以使用。

扁平化设计的缺点

扁平化设计听起来棒极了!似乎总算打倒了流行多年的拟物化设计,但是,在这波趋势之下,你还是得想想那些关于扁平化设计的缺点。

Usability Concerns:扁平化设计在多层次资讯和复杂资讯的呈现上有困难,Win 8 是个很好的失败例子,另外一个问题是手机上因为不像电脑有鼠标,有着移到某个标示时、该标示会改变颜色或字体的「Hover」功能,使用者并非总是清楚哪边可以按钮、哪边可以输入文字。

用户时常会困惑到底哪些是纯展示内容,哪些是可以操作的区域?

Color Palettes is Tough to Match:当界面上使用越多种类的颜色时,颜色间彼此是否协调就会变得相当困难,设计师对颜色的掌握优劣就会十分明显除了品味与美感之外,还需要懂一些色彩心理学。

(多数工程师没有美学方面的知识,一般设计师又不懂网页语言)

Weak Typography Becomes Obvious:当界面没有太多装饰与附加效果,一个失败的排版会看起来像是粗劣、半吊子的未完成作品。

面对这种情况,由 Google 主导的 Material Design 则是另一个趋势,可以说是后扁平化时代或扁平化设计2.0。

结语

扁平化设计的成功并非一蹴而就,而是经过拟物化过程的演变而来,人们对于认知学习已足够看懂抽象图示的功能。那么,扁平化设计改变的只有资讯产业吗?绝对不仅于此。

除了上述提到的之外,扁平化设计也日益普及影响到其他的设计领域,特别是印刷产品的设计,如海报和书籍封面(毕竟原本瑞士设计就是用于此),有越来越多的旅游手册或产品说明书也开始采用人们逐渐习惯的扁平化设计。

有趣的是,许多手机游戏也开始使用扁平化设计的概念在制作,像是很有名的2048数字游戏。

当科技产品中的用户体验逐渐改变人们的认知学习时,会开始影响其他领域的相关设计,改变成大家所习惯的视觉风格,那么扁平化会持续多久呢?

其实从历史的角度来看,每一个时期的风格都不会持续太久的,更何况是资讯爆炸的今天,扁平化才开始兴起的隔年 Google 就推出 Material Design 虎视眈眈,而人对于视觉的风格依旧会疲乏,拟物久了就会想要扁平,扁平久了又想回到拟物,周而复始。

而设计就是要在这潮流之中,寻找出最适合当下的元素和风格来解决眼前的问题,唯有能解决问题的设计才是好设计。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多