美文网首页用户体验UI设计创业扶持
扁平化设计,在2017年这么玩儿

扁平化设计,在2017年这么玩儿

作者: 张安松 | 来源:发表于2017-06-20 17:14 被阅读52次

    如今再来重新审视早期的扁平化设计,渐变、阴影和纹理的缺乏,让它在视觉上显得略为单调,而几年的时间沉淀,扁平化设计中开始适时地融入了许多其他的设计元素,丰富了整个扁平化设计的思想,并且创造了不少值得一体的独特扁平化设计分支。不论你所设计的是APP还是网站,在2017年所处的这个时间节点,枝叶繁茂的扁平化设计中,总会有那么几种风味独特的设计风尚,能够让你倾心。

    扁平化设计缘起

    曾一直被苹果公司所引领的拟物化设计风潮,在2010年的时候开始受到扁平化设计的冲击。逼真的纹理、多样的渐变和繁复的细节逐渐为人所厌倦,线条简约的2D扁平化设计开始取代“抄现实”的设计手法,一时间,是拟物还是扁平的争论充斥设计和技术圈,并快速蔓延到圈外的普通用户,各执一词,莫衷一是。

    随着乔布斯的过世、iOS 7和Android 4.0的发布,设计趋势最终还是向着扁平化迈出了关键性的一步。醒目而高饱和度的色彩和形式感更强的排版取代细节和纹理成为抓人眼球的元素。

    最初的扁平化设计,对于细节的剥离是非常彻底的,这使得设计师能用的元素大多只剩下色彩和图形,这种局面对于设计师和用户都是困扰,细节的缺失让设计并不足以支撑全部的信息传达,这种局面下,许多微妙的扁平化分支就诞生了。

    Material Design

    想要系统了解扁平化设计的快速发展历程,Material Design是最值得研究的案例。这一扁平化设计语言是谷歌为其旗下的数字产品的界面所创造的统一的视觉设计语言。

    扁平化 2.0

    ·高亮和强调

    ·适度的渐变

    ·同色系下多种色调和色度

    ·微妙的阴影

    ·更广泛的配色方案

    2017 的扁平化设计

    进入2017年之后,扁平化设计仍然是主流,在设计手法和细节上,随着时代的发展而演进,越来越成熟和多样。

    早期的许多扁平化元素在如今的扁平化设计项目中,已经并不适用了。按钮的样式比以往更加简单,圆角矩形的按钮搭配黑色或者白色的文本,在今天更加流行。LOGO和图标采用了扁平化的风格,甚至只是由线条构成,这样不仅和整体风格更搭,而且在很多时候能够突出显示。

    精简的导航

    大胆明亮的配色

    由于扁平化设计对于配色的可接受性更强,网页设计有了更多的可能性。这使得如今的网页设计整体上比以往更加多彩有趣,许多网页首页甚至采用了图片+色彩叠加的设计。

    极简的首页设计

    作为目前通行的设计思路,绝大多数网页不再将大量的内容塞满首页,即使拥有多个元素,也尽量让首页专注于单个任务,不再让用户在多个不同的目标或任务之间分心。

    更优秀的排版

    将复杂的样式从设计中剥离之后,字体排版的形式感就更加突出了,这种局面使得设计师在进行网页设计的时候,更加倾向于通过优质的排版来强化设计感。

    更少拟物特效

    虽然如今的动画和特效越来越多,但是稍有特效去模拟一个现实生活中的特定的交互场景或者效果,它们通常是为了功能而存在,并且专注于体验本身。从某种意义上来说,拟物化的设计并未回归。

    动效与反馈

    动效和反馈设计中的翘楚。将动效和反馈结合起来从而更好的引导用户、同用户沟通,这是如今交互设计和UX设计的关键。

    大量的留白

    在屏幕越来越大的趋势之下,通过屏幕留白来突出关键内容是极简设计中最常用的手法,而在简约风盛行的今天,留白也成了许多扁平化风格网页中最常见的设计手法。当然,留白并不一定非得是白色。

    结语

    扁平化设计和栅格系统是天生的盟友,它们让今天的网页显得更加整饬、易用。

    扁平化设计在今天的流行是有道理的,整个产品的设计、研发、运营都从中获益,这也是它成为一种持续风潮的根本原因。

    相关文章

      网友评论

        本文标题:扁平化设计,在2017年这么玩儿

        本文链接:https://www.haomeiwen.com/subject/wjfaqxtx.html