简述扁平化设计的特点,扁平化设计手法

首页 > 大全 > 作者:YD1662022-12-23 22:28:28

简述扁平化设计的特点,扁平化设计手法(1)

什么是扁平化设计?

“Flat Design”为“扁平化设计”的英文名,这个概念在2008年由Google提出。但围绕“Flat Design”这个名字则存在着诸多争议,现在你所看到的这个名称“Flat Design”也并未被大家所完全认可。

不同的公司团体都尝试用过其他名称,例如Minimal Design, Honest Design,而微软公司甚至称它作 “Authentically Digital”。

鉴于多家大品牌对扁平化的应用,你可能早就听过对它的赞美之词。这种视觉上的简单风格源于极简主义,可以采用多种形式,但最好通过它不是什么来定义。它不是 3D。这种风格的名字来源于它的二维特性,同时在设计元素上强调抽象、极简和符号化。

扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。

它不是拟物化的(skeuomorphic)。扁平化设计与拟物化设计对比鲜明,拟物化是一种旨在暗示或模仿现实世界对象或过程的装饰风格。拟物化大量使用了阴影/投影、逼真的纹理、反射、斜面和浮雕等效果。

扁平化设计技巧

对于设计师来说,如果你观察微软的Windows Phone的平台,你可能会发现一个特别的现象:那就是难看的应用不多,但令人印象深刻的应用也不多。应用很有统一感,但是很难张扬个性,以至于有的开发者感叹,它们看起来都是一个样子。设计师Johnny Holland将Metro语言比作是包豪斯风格,并且指出,“因为去除了装饰,使得个性化的空间很小”,这可能给人以“缺乏生命力”的感觉,所以要想设计做出好的扁平化设计,也是非常需要技巧的。

简单的设计元素

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

强调字体的使用

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

关注色彩

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

简化的交互设计

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

伪扁平化设计

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

扁平化设计的流行高峰期

扁平化的设计,尤其是手机的系统直接体现在:更少的按钮和选项,这样使得UI界面变得更加干净整齐,使用起来格外简洁,从而带给用户更加良好的操作体验。因为可以更加简单直接地将信息和事物的工作方式展示出来,所以可以有效减少认知障碍的产生。

扁平设计在2012年和2013年真正开始成为一种可识别的风格。由于Windows 8和 iOS 7的发布,这一趋势变得非常明显(也更容易效仿)。

简述扁平化设计的特点,扁平化设计手法(2)

Windows 8.1

简述扁平化设计的特点,扁平化设计手法(3)

iOS 7(左)vs. iOS 6(右)

从Windows使用生动色块的模块化布局,到苹果使用干净的形状和简化的图标,你可以看到一些影响扁平化设计发展的因素,以及随之而来的趋势的演变。

UXPin的工作人员在为Fast Co. Design撰写的文章中指出:“扁平化设计演变中的‘甜蜜点’介于最初的趋势和被抛弃的拟物化理想之间。”

但是由于扁平化设计已经存在且流行好几年,现在仍然很强劲,所以它可能不仅仅是一个过去的趋势。所以让我们来看看它的优点和缺点,以及未来可能的发展方向。

优点

与响应式设计的兼容性

自从微软和苹果应用扁平化设计以来,这种风格很快作为一种全新的用户体验方式就被采用。它在网页和移动设计领域一直都很受欢迎——这是有充分理由的。

扁平化设计的原则可以应用于其他设计类别,但其基于网格的布局和简单的图形特别适合网页和移动设计,因为它们可以轻松调整大小或重新排列以显示在不同的设备和屏幕尺寸上。

扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。

来自Sergey Valiukh的例子展示了一个简化和重新安排设计的例子,以在电脑端和移动端提供一致的体验:

简述扁平化设计的特点,扁平化设计手法(4)

首页 12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.