干货 | 扁平化设计，究竟怎么扁，怎么平？

时间：2023-09-19 16:24:02 | 来源：网站运营

时间：2023-09-19 16:24:02 来源：网站运营

干货 | 扁平化设计，究竟怎么扁，怎么平？：


越来越多的“大厂”，
都不约而同的换上了扁平化Logo，
比如YouTube、ebay、Spotify、Twitter等。
究竟扁平化设计是什么？
为什么能掀起如此热潮？
今天就来揭晓谜底！

什么是扁平化设计？
WHAT IS FLAT DESIGN


扁平化设计放弃了所有 3D 化、维度概念，将画面完完全全的以平面方式呈现。

舍弃阴影、光影、斜角等相对于平面的凹凸效果，狭义一点的定义甚至可以说，扁平化设计用色块来组成视觉介面。


最早的扁平化设计可以追溯到二十世纪初。

1920年代时，第一次世界大战方结束、百废待兴，人们开始对于原先流行的维多利亚风格(Victorian Style)感到厌倦——奢华、繁复而不实。

战后，崇尚朴素简约的包豪斯主义崛起。随后流行至瑞士，以平面设计的形式被发扬光大。

然而物极必反，当人们厌倦了理性严谨的瑞士风格设计后，以Weingart为首的一群设计师引领了一场对抗瑞士版面设计的后现代主义革命。

看到这里你肯定会奇怪，扁平化设计的发展接下来会是怎样？

直到2006年，微软推出了一款音乐播放器Zune，它是装置介面采用扁平化设计的开端——介面风格十分简洁，页面选单采用放大、单一色的小写无衬线字体。

2010年，微软发布了Windows Phone 7。

延续了Zune的设计理念，Windows Phone的排版相当清晰──以锐边的纯色色块组成网格状的介面、无衬线字体、扁平化的图示。

隔年，苹果“参考”了微软的扁平化设计，推出了iOS 7系统。

iOS 7有着与之前版本完全不同的视觉设计 ──使用Helvetica做为系统字型，且字体更为纤细。去除了阴影、渐层色、皮革材质等装饰，应用程式的图示变得更加锐利和平面感。

扁平化设计大多可以与极简、整洁牵上一点关系，虽说是极简效果，但是对设计者来说并没有减轻他们的负担，反而有全新的烦恼。

该用什么颜色？该怎么组成以及排版？

由于抛弃了许多效果，再也不能以华丽的方式来夺取目光巧掩弱势，设计师本身的品味以及专业技能马上会被放大检视。

扁平化设计的五大要素
FIVE ELEMENTS OF FLAT DESIGN


1. 可用性与符号意义

在近些年的非扁平化网页设计的影响之下，某些符号在使用者的心中具有独特的意义。

你初来乍到一个陌生语言的网页，上面的字一个都看不懂，但是你也许知道哪个按钮是上一页、哪一个按钮是继续阅读、哪一个按钮是回到最上面。

而扁平化设计你必须注意到这点，你所设计出来的不管是按钮、链接，都必须让使用者一目了然，了解其可用之处。

就像 Facebook 网站一样，融入在色块的按钮，如果今天是在一个陌生的网页上，使用者要如何快速了解按钮的功能呢？

2. 色彩、色块与对比的应用

颜色的使用无疑是设计师的最大挑战。

色彩更是扁平化设计的重点，不同的颜色带给使用者不同的视觉感受，也会给人完全不同的内心反应。

就如同各种品牌的颜色给人不同的感觉一样。如何熟练的使用这些颜色，除了设计师的品味与美感之外，或者还需要懂一些色彩心理学。

3. 排版的艺术

除了色彩之外，其他传递美感的媒介就是排版技术了，好的排版技术可以更精准的传递设计师的理念与色彩的力量。

4. 是整洁、极简，而不是粗劣

扁平化设计具有简单、整洁、直接的特性，并没有太多装饰与附加效果；但是简单、整洁的界面并不代表粗劣、半吊子的未完成作品。

设计师应该下更多功夫，而不是将断垣残骸端上桌。

5. 建立层级结构

普通的网页为了划分层级结构可能会做一些按钮点击变化，尽管有些扁平化设计的按钮也有这种变化，但仍需做得更明显并不失美感。

比起其他设计，特色为极简、整洁的扁平化设计在建立层级结构上就又困难了一点，因为还需要确保所增加的划分层级效果不失美感，符合整体的主题。


想要深入学习扁平化设计，
需要有系统全面的平面设计知识作为支撑。
关注莱佛士设计学院，
我们共同在设计领域不断成长。

·图片来自网络，侵删