快捷搜索:  汽车  科技

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)但是坏处是,往往用户被阴影给吸引了,用户更关注阴影而不是图标。导致了一种阻碍效果。我个人看法是,这种设计个人感觉像是一团阴影,而不是一个图标。延伸投影,一般都是45度角,投影一般为物体的2.5倍大,给图标加入了一种深度。阴影也是扁平的,无渐变、明暗和衰退。我们稍微挖掘了一下网络,我们试图搞清楚,这些设计师在干什么,在试验什么,在借鉴什么。以下是我们的小发现。来瞧瞧扁平化设计目前进化成哪几个类别了:)长投影上帝看到扁平化设计,说”要有光”,于是就有光,然后也就有了投影。

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(1)

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

事实证明,关于扁平化空前的争议和讨论导致了扁平化风格的多样化。没有争论,就没有变革!

信息层级的简化、极简主义,这是我认为扁平化的核心,不同的设计师肯定对此理解也不同,大家有没有发现,最近的扁平化变了。

实验,加入效果,失败!再实验,再次加入效果,成功,付诸实践!就是这么简单。所以现在的扁平化设计变得”不那么”扁平了或者”更”扁平了。

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(2)

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

长投影

上帝看到扁平化设计,说”要有光”,于是就有光,然后也就有了投影。

延伸投影,一般都是45度角,投影一般为物体的2.5倍大,给图标加入了一种深度。阴影也是扁平的,无渐变、明暗和衰退。

但是坏处是,往往用户被阴影给吸引了,用户更关注阴影而不是图标。导致了一种阻碍效果。我个人看法是,这种设计个人感觉像是一团阴影,而不是一个图标。

收集的长投影设计如下:

Clock

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(3)

Ipad Mini

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(4)

Social Media Flat Icons

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(5)

Theme

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(6)

Image: Bosco

iOS

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(7)

带有渐变的扁平化设计

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

Icons

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(8)

Image: Jee

Camera

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(9)

Not the new Clear iOS 7 icon

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(10)

iOS 7 Concept

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(11)

Flat Design Icons Set Vol3

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(12)

Image: Pixede

带有阴影的扁平化设计

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

Flat Icons Brownie Theme

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(13)

Image: Sunbzy

Android Icons Set

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(14)

Shield Flat iOS App Icon

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(15)

Squares

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(16)

Theme

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(17)

Image: Bosco

Flat Icon

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(18)

Image: Bosco

3D扁平化设计

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

Super Simple Icons

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(19)

ICT7 Mockup

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(20)

“R” Hotel

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(21)

Squares Isometric

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(22)

Facebook Icon

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(23)

带斜面的扁平化设计

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

Icons

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(24)

Blue Web Identity Icons

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(25)

Long Shadow Flat Icons

扁平化风格的具体表现方式(来看看扁平化风格的下一站是什么)(26)

What Now?

世界是平衡的,当我们从拟物的极端突然背道而驰,到达了扁平的极端,这时候,就需要一点平衡和折中。

无数的设计师试图在扁平化设计中加入一点精致的效果,扁平化设计的进化由此开始。

打破常规,加入装饰,确确实实的增加了美感。在维持扁平化设计的基础上,一点一点增加效果和美感,勇于创新的设计师真的不容易。

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

原文来自:设计派

猜您喜欢: