扁平化设计

小设今天来讲讲扁平化设计。

顾名思义，扁平化界面设计仅仅采用二维元素。所有元素都不加修饰——阴影、斜面、突起、渐变这样会带来深度变化的设计都是不应该的。从图片框到按钮，再到导航栏都干脆有力，需要极力避免羽化、阴影这样的特效。现实主义、3D、拟物化更是扁平化设计的大敌。

扁平化设计中的层次和其它的一一对应，但各个位面间没有交叉，不会明确区分背景图片、前景图片、按钮、文本、导航，等等。

扁平化设计依赖于清晰的层次结构和元素布局，优秀的扁平化设计应该能帮助用户理解产品以及交互。

现在，越来越多的网站开始应用扁平化设计，在App和移动设计中这一趋势更为明显。在小屏幕中，按钮和选项更少，也让扁平化设计如鱼得水。

色彩的使用对于扁平化设计来说非常重要。你可能已经发现了，扁平化设计的网站、应用色彩明显要更加鲜艳、明亮。此外扁平化设计的项目也拥有更多的色调。一般的网站很少会使用3种以上的色调，但是在扁平化设计中，平均会使用6-8种颜色。

扁平化设计的色调偏通常更有活力——色彩更纯。其主要、次要颜色通常都是非常大众化的颜色，然后再配以几种其它颜色。扁平化设计的另一个趋势在于复古颜色的使用——浅澄色、紫色、绿色、蓝色——都极为流行。

我们知道Metro的设计一般是单色、块状（直角）、无渐变、无阴影。但扁平化设计不同，为什么？扁平化设计的图标和网页设计的色彩是没有限制的，可以是很多色彩的组合，所以扁平化设计比Metro更美。

本文来自520设计网：http://www.sj520.cn

520设计网 www.sj520.cn 是中国最佳网页平面设计师灵感画廊。拥有精典作品欣赏、网页设计模板,、平面设计教程、设计师网址导航、设计视频(PS\CDR\AI 等)教程，注册会员并上传作品可获得个性主页，可以在这里畅聊设计活动，搜索灵感创意，这是一个聚集各类创意、 设计鬼才、程序大神的高端平台。给520设计网点个赞！有你的支持是我们前进的动力！ 猛点这里 >>

推荐版块：ui设计app设计网页设计模板平面设计教程网站界面设计后台界面css3+html5h5视频教程免费设计视频教程免费ui设计教程

本文网址：http://www.sj520.cn/listDetail/?gy_type=1&gy_id=10&gy_uid=20