详细解析扁平化设计的进化论心得

天蝎无名小竹子

天蝎无名小竹子

2016-02-17 00:12

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的详细解析扁平化设计的进化论心得,过去的都会过去,迎接崭新的开始,释放更美好的自己。

别说你听的想吐了,也别说你不想讨论。除非有一天你想落伍离大家越来越远。

事实证明,关于扁平化空前的争议和讨论导致了扁平化风格的多样化。没有争论,就没有变革!
信息层级的简化、极简主义,这是我认为扁平化的核心,不同的设计师肯定对此理解也不同,大家有没有发现,最近的扁平化变了。
实验,加入效果,失败!再实验,再次加入效果,成功,付诸实践!就是这么简单。所以现在的扁平化设计变得不那么扁平了或者更扁平了。

好吧,先推荐一片文章An Extensive Look at Flat Design

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

我们稍微挖掘了一下网络,我们试图搞清楚,这些设计师在干什么,在试验什么,在借鉴什么。以下是我们的小发现。来瞧瞧扁平化设计目前进化成哪几个类别了:)

长投影

上帝看到扁平化设计,说要有光,于是就有光,然后也就有了投影。
延伸投影,一般都是45度角,投影一般为物体的2.5倍大,给图标加入了一种深度。阴影也是扁平的,无渐变、明暗和衰退。
但是坏处是,往往用户被阴影给吸引了,用户更关注阴影而不是图标。导致了一种阻碍效果。我个人看法是,这种设计个人感觉像是一团阴影,而不是一个图标。

收集的长投影设计如下:

Clock

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Dmitri Litvinov

Ipad Mini

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Zachary VanDeHey

Social Media Flat Icons

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Graphic Burger

Theme

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Bosco

iOS

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

Image: Jacob Cummings

带有渐变的扁平化设计

已经变得非常寻常了,iOS7在设计中便采用了这种方法。为设计增加一种精致感。跟长投影的初衷一样,是为了给图标加入一点美感。

Icons

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Jee

Camera

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Rovane Durso

Not the new Clear iOS 7 icon

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Realmac Software

iOS 7 Concept

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Alex Martinov

Flat Design Icons Set Vol3

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Pixede

带有阴影的扁平化设计

和长投影不同之处在于长投影是投影,而这种带阴影的效果能够给图标增加一种层次感和立体感。

Flat Icons Brownie Theme

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Sunbzy

Android Icons Set

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Raul Taciu

Shield Flat iOS App Icon

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Zachary VanDeHey

Squares

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Oleg Turbaba

Theme

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Bosco

Flat Icon

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Bosco

3D扁平化设计

你可能认为扁平化设计仅仅是二维的,但是有人设计成三维的。虽然设计成三维,但依然遵循了一些扁平化设计的原则。

Super Simple Icons

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Nick Kumbari

ICT7 Mockup

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Dirk Jan Haarsma

R Hotel

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Lewis James

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

Squares Isometric

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Oleg Turbaba

Facebook Icon

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Tomohiro Suzuki

带斜面的扁平化设计

他们居然做到了!将斜面和扁平化设计结合。斜面能够营造一种3D感,看看下面的例子。

Icons

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Rovane Durso

Blue Web Identity Icons

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Shaun Byrne

Long Shadow Flat Icons

详细解析扁平化设计的进化论心得,PS教程,图老师教程网

Image: Xklibur Clab

What Now?

世界是平衡的,当我们从拟物的极端突然背道而驰,到达了扁平的极端,这时候,就需要一点平衡和折中。
无数的设计师试图在扁平化设计中加入一点精致的效果,扁平化设计的进化由此开始。
打破常规,加入装饰,确确实实的增加了美感。在维持扁平化设计的基础上,一点一点增加效果和美感,勇于创新的设计师真的不容易。

我们同一时刻选择的道路只有一条,但是我们掌握的路径越多越好,不断的调整路径,以达到自己心中的目标。这也是很多设计师的心声吧。就跟设计中的种种趋势一样,趋势来了又走,只有不断坚持的设计师。我们需要更多的实验、更多的灵感、更多的创意。未来怎么样,拭目以待。

你的扁平化设计有什么独门绝招吗?你还见过哪些独具一格的扁平化设计?欢迎讨论。

展开更多 50%)
分享

猜你喜欢

详细解析扁平化设计的进化论心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析扁平化设计的进化论心得

详细解析扁平化设计的长阴影设计趋势

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析扁平化设计的长阴影设计趋势

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详细解析扁平化设计的历史与发展未来

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析扁平化设计的历史与发展未来

详细解析扁平化设计爆发的视觉冲击力

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析扁平化设计爆发的视觉冲击力

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

详细解析网页UI扁平化设计的五个特点

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页UI扁平化设计的五个特点

详细解析扁平化风潮的起与思分享

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析扁平化风潮的起与思分享

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

详细解析平面设计中的魔力数字3

详细解析平面设计中的魔力数字3

详细解析移动UI设计的八大原则

详细解析移动UI设计的八大原则
下拉加载更多内容 ↓