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

2016-02-17 00:12 11 1 收藏

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

【 tulaoshi.com - 平面设计 】

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

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

好吧,先推荐一片文章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教程,图老师教程网

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

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

详细解析扁平化设计的进化论心得,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扁平化设计

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

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

Super Simple Icons

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

Image: Nick Kumbari

ICT7 Mockup

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

Image: Dirk Jan Haarsma

R Hotel

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

Image: Lewis James

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?

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

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

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

来源:http://www.tulaoshi.com/n/20160217/1576725.html

延伸阅读
标签: 设计
鲜亮的色彩为扁平化设计创造出一种与众不同的感觉。因为它在亮背景和暗背景下都能获得很好的对比度,以吸引用户的注意。这正是它成为扁平化设计色彩趋势的原因。 从哪里开始? FlatUIColors.com 网站上有很多扁平化设计的流行色调,是项目起步的好选择。无论是明亮的蓝色、绿色,还是黄色、橙色,你都能从中找到流行色的缩影。这个网站最...
标签: 设计
本文将传授你多样的扁平化设计风格,绝对时髦教程,读完本文,你将轻松掌握时下最热门的设计手法,四种风格包括:常规扁平化、长投影、投影式、渐变式。喜欢的朋友一起来学习吧。 一、常规扁平化 步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置: 垂直:157px,177px,250px,323px, 343px, 378px 水平:7...
标签: PS PS基础
今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。 先看看效果图 行星图标 第1步: 首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,星球上方绘制很多不同颜色的...
标签: PS PS基础
甭管你是谁,只要你从事商业活动,都必须要有一张名片。要么你可以雇佣个设计师帮你设计名片,要么下载一些名片模版,小修小补之后,设计出自己的名片。本文将讲述利用PS打造简约、充满现代感的名片。 先看看效果图 步骤1尺寸,出血,色彩模式以及分辨率 打开PS,然后需要了解一点名片设计的知识,最重要的毫无疑问是尺寸,可参考本国名片...

经验教程

31

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部