打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
扁平化设计:你能从中得到什么收获?
2013-02-25 658
 
 
扁平化设计是一种不使用任何额外效果的计方案,她不包括任何 3D 效果。这里没有很深的阴影,斜角,立体效果,渐变或者其它方法创建的凸出或者凹陷效果。图标和 UI 元素都是很鲜亮的,没有边缘效果和阴影。

扁平化设计 - 一种受欢迎很久的设计观念 - 现在正在重新回归。

很多新设计和新网站都在使用扁平化的设计方案,这种趋势几乎出现在网站设计和 APP 设计的任何地方。

由于 Windows 8 的发布 和 google 的新设计,使这种趋势更加流行,他们都在使用优美的扁平化设计。其它很多受欢迎的网站也都在使用这些主题。

你能在你的项目中使用这些吗?你敢让这些更简洁的设计方案为你工作吗?

扁平化设计是漂亮的、可爱的设计。她不会有很多多余的装饰元素,她以干净的简洁的方式来传达信息,提升你的产品、想法。下一波设计趋势来临之前,是时候使用他们了。

什么是扁平化设计?

扁平化设计是一种不使用任何额外效果的计方案,她不包括任何 3D 效果。这里没有很深的阴影,斜角,立体效果,渐变或者其它方法创建的凸出或者凹陷效果。图标和 UI 元素都是很鲜亮的,没有边缘效果和阴影。

扁平化设计就是这样 - 一切都是平的。

扁平化设计并不是完全没有效果的,她只是没有那些多余的「人造的」阴影和维度。越来越多的设计「几乎都是扁平的了」,他们的整体样子和观念都只包含很少的效果。

实现扁平化设计的一些技巧

扁平化的设计并不是让你忘掉所有的装饰效果。

关注颜色。扁平化设计经常使用很多鲜艳的色彩。从色块、图形、栏目条到版面,颜色都是一个关键的组成元素。考虑下从你的 LOGO 到网站都使用彩色。扁平化的设计方案都是使用黑色和白色的,但是如果你使用更多的颜色将会收到更多更好的效果。

注意排版。文字是最基本的 - 他们传达信息,提供导航工具,告诉用户你的网站是做什么的。对文字进行有趣的、不同的排版 - 没有 Arial 在这里。为你的消息选择合适的字体。记住扁平化的设计方案经常是简洁和简约的,所以好好考虑使用什么样的排版方式。在方案中使用简单的无衬线字体你会得到很多变化和收获。或者,为了给用户带来一些小的惊喜可以使用一种新的类似艺术元素的字体,注意是简单的字体。

关注文字。很多扁平化的设计为保持简单的流程和感觉只会包含很少的文字。所以注意你每一处的文字长度。

简单的用户界面和 UI 元素。点击按钮不需要过度设计和很复杂。长元素是需要确定意义和有明确用途的,他们会非常有作用(效果)。这些可以以不同的形式来表现 - 色彩、轮廓线、区块,或者是使用不同的字体或图形。

创建层级。对于任何一个网站创建明显的层级感是很极其重要的。在扁平化设计里,在一些主要的点击区域总有一些争论 - 表示阴影,渐变,斜角或者其它的效果 - 应该尽可能的少。确信用户可以自己使用导航,并且不用考虑太多就能很轻松的使用你的网站。链接尽可能的清楚,不管是使用不同的颜色还是放在一个方框中,他们都要确保能被点击。

扁平化设计的命名

扁平化设计(flat design)是一个很有争议的名字。

争论的问题是这个名字并不能真实的表达出你所看到的。

不同的公司和组织开始尝试使用其它的名字 - minimal design,honest design,甚至微软已经开始使用 authentically digital 这样的名字。

你有什么想法?欢迎到 branch 上讨论此问题。

扁平化设计的灵感

现在在开发者或者设计师社区里有很多关于扁平化设计的讨论。在 Pinterest 和 Dribbble 网站上有不少这方面的资源,这些设计方案应该可以给你不少灵感,你可以考虑下在下个项目中使用他们。 (注:Pinterest 网站自己并没有使用扁平化的设计)

War Marc 的 Pinterest 

Marco Heutink 的 Pinterest 

Dribbble 上的方形 UI 

Dribbble 上的圣诞老人 icons 

Dribbble 上的扁平设计 UI 

Dribbble 上的方形 UI 

Haraldur Thorleifsson 的 Dribbble 主页 

Bobby McKenna 的 Dribbble 主页 

Griffin Moore 的 Dribbble 主页 

Kyee 的 Dribbble 主页 

结论

因为这种「简单」的特质,扁平化的设计方案只需要通过信息或者产品本身就能把自己的想法最好的传达出来。

简洁,清晰,简约。短小,精干,朴素。

这种设计方案在小屏幕上能够很好的工作,特别是 APP 或者是手机上的设计,但是很多人发现这种设计在长屏幕上的效果也很好。Android 和 Windows Phone 系统都在使用这种扁平化设计方案。(iPhone 使用的是另外一种设计方案,skeuomorphic scheme.)

扁平化的设计其实是很难设计的,你只能把注意力都集中到每一个细节上面去。因为没有阴影和其它的效果去遮盖你的缺点。

扁平化设计同样能够在多色彩的方案中很好的工作。最常见的就是用很多明亮的颜色来进行设计,或者是使用黑、白、灰这样的灰度色系来进行设计。从另一方面来说,只使用黑色和白色也能实现一些扁平化的设计的。

如果完全使用扁平化的方式来进行设计,看起来会有点吓人,考虑到一个几乎扁平化的设计方案,可以在一些适当的地方最低限度的添加一些小的效果。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
这些 UI 设计没什么突破性,但 2017 年它们也许会更加流行
做好扁平化设计-视觉篇 – 腾讯CDC
做好扁平化设计-视觉篇
精选5个漂亮的扁平化UI界面设计素材PSD下载
免费扁平化UI设计工具推荐
30款扁平化天气APP UI设计欣赏
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服