美文网首页
如何理性对待扁平化

如何理性对待扁平化

作者: ailsaliu | 来源:发表于2015-05-18 12:51 被阅读172次

    近几年,无论是移动端还是PC端,随处可见扁平化设计、小清新风格。扁平化就是去掉多余的透视,纹理,渐变等等能做出3D效果的元素。让"信息"本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。扁平化有人喜欢,有人不喜欢,虽然极简、大气,又突出信息本身,但是拟物化更接近现实,让人一看就明白那是干啥用的,在我看来扁平化既有利又有弊。

    要点提示

    简单的设计元素

    扁平化完全属于二次元世界,一个简单的形状加没有景深的平面,不叫扁平化都浪费这个词了。这个概念最核心的地方就是放弃一切装饰效果,诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落,没有任何羽化、渐变或者阴影。尤其在手机上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,使用起来格外简单。

    强调字体的使用

    字体是排版中很重要的一部分,它需要和其他元素相辅相成,想想看,一款花体字在扁平化的界面里得有多突兀。上图是一些扁平化网站使用无衬线字体的例子,无衬线字体家族庞大分之众多,其中有些字体会在特殊得情景下会有意想不到得效果。但注意,过犹不及,不要使用那些极为生僻的字体,因为保不齐它就把你带进坑里了。

    关注色彩

    扁平化设计中,配色貌似是最重要的一环,扁平化设计通常采用比其他风格更明亮更炫丽的颜色。同时,扁平化设计中的配色还意味着更多的色调。比如,其他设计最多只包含两三种主要颜色,但是扁平化设计中会平均使用六到八种颜色。另外还有一些颜色也挺受欢迎,如复古色浅橙、紫色、绿色、蓝色等。

    补充:很多网页设计有这样一种趋势,扁平与渐变的运用,扁平不等于什么装饰都没有,在这个图里有渐变,有投影,这些细节都尽量别忽略。如图:

    Customeed

    简化的交互设计

    设计师要尽量简化自己的设计方案,避免不必要的元素出现在设计中。简单的颜色和字体就足够了,如果你还想添加点什么,尽量选择简单的图案。扁平化设计尤其对一些做零售的网站帮助巨大,它能很有效的把商品组织起来,以简单但合理方式排列。

    伪扁平化设计

    不要以为扁平化只是把立体的设计效果压扁,事实上,扁平化设计更是功能上的简化于与重组。比如,有些天气方面的应用会使用温度计的形式来展示气温,或者计算应用仍用计算器的二维形态表现。在应用软件当中,温度计的形象则纯粹是装饰性的,而计算器的计算方式也并不是最简单直接的。相比于拟物化而言,扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来。

    温馨提示

    关于扁平化设计,最错误的理念便是:扁平化设计意味着视觉风格的扁平。字体、图像、图标一律都要扁平吗?全面扁平化、全面拟物化是不可取的,真要是这样,设计连一点可操作性都没有,还要设计师干嘛?

    扁平化设计是一种融合视觉与理念的设计风格,不能从字面意义上理解这种风格。很多网站明白这个道理,将扁平化提炼至纯粹,采用适合他们网站风格的扁平化元素。

    视觉上可以部分使用扁平化风格,但是组织形式和主题表达上却不必拘泥形式。如果一味的盲目跟风,兼容性、可发挥的地方必然有限。

    例如,如果你的网页用来贩卖产品,那么你的设计中必须要包含产品图像。显而易见,产品图像不是扁平化的,会给页面增添一种深度感。但是我们可以在其他地方使用扁平化元素。

    这就说明了:扁平化设计有的地方能够提高你的视觉表现,达成设计目标。有的地方不能。灵活使用,才能走的更远。

    我们做的是设计,而不是扁平化设计。

    相关文章

      网友评论

          本文标题:如何理性对待扁平化

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