快好知 kuaihz

来看看扁平化风格的下一站是什么

 

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

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

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

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

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

长投影

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

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

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

收集的长投影设计如下:

Clock

Image: Dmitri Litvinov

Ipad Mini

Image: Zachary VanDeHey

Social Media Flat Icons

Image: Graphic Burger

Theme

Image: Bosco

iOS

Image: Jacob Cummings

带有渐变的扁平化设计

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

Icons

Image: Jee

Camera

Image: Rovane Durso

Not the new Clear iOS 7 icon

Image: Realmac Software

iOS 7 Concept

Image: Alex Martinov

Flat Design Icons Set Vol3

Image: Pixede

带有阴影的扁平化设计

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

Flat Icons Brownie Theme

Image: Sunbzy

Android Icons Set

Image: Raul Taciu

Shield Flat iOS App Icon

Image: Zachary VanDeHey

Squares

Image: Oleg Turbaba

Theme

Image: Bosco

Flat Icon

Image: Bosco

3D扁平化设计

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

Super Simple Icons

Image: Nick Kumbari

ICT7 Mockup

Image: Dirk Jan Haarsma

“R” Hotel

Image: Lewis James

Squares Isometric

Image: Oleg Turbaba

Facebook Icon

Image: Tomohiro Suzuki

带斜面的扁平化设计

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

Icons

Image: Rovane Durso

Blue Web Identity Icons

Image: Shaun Byrne

Long Shadow Flat Icons

Image: Xklibur Clab

What Now?

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

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

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

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

原文来自:设计

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:扁平化  扁平化词条  来看  来看词条  风格  风格词条  什么  什么词条  
交互

 先从视觉聊产品设计(上)

发现身边某些产品小伙伴是不怎么重视视觉设计,今儿又是一个酷酷的周末,敲敲键盘。我们所接受的外界信息有差不多80%都来自视觉,而视觉传达对互联网产品的重要性更明显...(展开)

交互

 用户界面的视觉效果

怎样使图标,图形整齐,圆角完美?这里有超过50个小技巧,来一起学习一下吧。眼睛是人体一个很奇怪的器官,因为它总是会对我们说谎。但如果你了解了人类视觉的感知特性,...(展开)

交互

 从三个角度分析提示设计

本文作者以移动端为例,从三个角度分析提示设计——重要程度、出现位置和内容构成。enjoy~稍微复杂一点的产品都少不了提示功能,这种全局模块即需要整体解决方案,也...(展开)