什么是扁平化，什么是扁平化設(shè)計(jì)？

時(shí)間：2024-02-16 13:05:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-16 13:05:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

什么是扁平化，什么是扁平化設(shè)計(jì)？：扁平化設(shè)計(jì)（flat design）是指“零3D屬性的設(shè)計(jì)”，它僅是二維空間的一種表現(xiàn)形式，即使用單純的不加上任何三維效果的圖形進(jìn)行設(shè)計(jì)的風(fēng)格

如今，扁平化設(shè)計(jì)風(fēng)格也已成為近年來(lái)重要的設(shè)計(jì)趨勢(shì)，在過(guò)去的幾年當(dāng)中扁平化設(shè)計(jì)經(jīng)歷了快速的發(fā)展，不僅在數(shù)字設(shè)計(jì)領(lǐng)域大放光彩，也日益普及影響到越來(lái)越多的平面設(shè)計(jì)領(lǐng)域。

事實(shí)上，扁平化設(shè)計(jì)（flag design）是相對(duì)于擬物化設(shè)計(jì)而言，它簡(jiǎn)化了擬物化設(shè)計(jì)，指摒棄那些已經(jīng)流行多年的高光陰影、漸變、浮雕等視覺(jué)效果，通過(guò)抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)來(lái)表現(xiàn)一種干凈整潔、扁平的呈現(xiàn)方式，讓整體界面的視覺(jué)效果變得更為統(tǒng)一干練。

最典型的案例是在2013年蘋(píng)果公司發(fā)布的iso7 的操作系統(tǒng)界面，其中大量的圖標(biāo)運(yùn)用扁平化設(shè)計(jì)風(fēng)格，改變了以往擬物化界面，簡(jiǎn)單大氣。

扁平化設(shè)計(jì)的來(lái)源可以追溯到三種藝術(shù)風(fēng)格，即國(guó)際主義平面設(shè)計(jì)風(fēng)格、包豪斯風(fēng)格和極簡(jiǎn)主義，提倡著“Less is More”的設(shè)計(jì)理念。其目的是希望通過(guò)簡(jiǎn)介界面，減少信息層級(jí)，使信息傳遞變得清晰，高效。其優(yōu)勢(shì)就在于它可以更加簡(jiǎn)單直接地將信息和事物的工作方式展示出來(lái)，減少認(rèn)知障礙的產(chǎn)生。

扁平化設(shè)計(jì)的產(chǎn)生趨勢(shì)則是由于擬物化趨于飽和，設(shè)計(jì)師所追求的擬真效果不能滿足不同尺寸電子產(chǎn)品的需求，才使得扁平化的設(shè)計(jì)風(fēng)格越來(lái)越風(fēng)靡。

從微軟公司標(biāo)志的演變過(guò)程中可以體現(xiàn)，早期微軟采用的是扁平化設(shè)計(jì)，之后逐漸偏向擬物化，但后期又重新回歸到了扁平化設(shè)計(jì)。

“扁平化”的原則

扁平化究竟該怎么實(shí)現(xiàn)怎么運(yùn)用呢？以下將根據(jù)扁平化設(shè)計(jì)風(fēng)格的特征分析扁平化設(shè)計(jì)應(yīng)遵循的四個(gè)原則：

1. 刪去添加效果

扁平化設(shè)計(jì)主要使用二維效果，把具象圖形概括化處理，不添加多余的擬物化特效（包括陰影，斜面，壓花，漸變或其他增加深度的工具），達(dá)到設(shè)計(jì)中的每個(gè)元素都很清晰，沒(méi)有冗余的信息的目的。設(shè)計(jì)師主要依賴于元素設(shè)計(jì)和清晰的排版達(dá)到使用戶能夠輕松理解設(shè)計(jì)的目的。

但是需要注意的是，扁平化在圖形上的改變都需要建立在具有明確良好識(shí)別性的基礎(chǔ)之上。

2. 關(guān)注色彩

顏色是設(shè)計(jì)中的關(guān)鍵要點(diǎn)。扁平化設(shè)計(jì)的顏色搭配通常豐富多彩，選用多種明亮色彩，并把色彩進(jìn)行多種組合。

在顏色選擇上通常有三個(gè)趨勢(shì)：第一，選用明亮的顏色吸引用戶的注意力；第二，使用容易產(chǎn)生視覺(jué)舒適感的復(fù)古色彩（例如淺橙色、黃色、紫色、綠色和藍(lán)色等）；第三，采用單一色，利用黑色和白色這樣的單一顏色來(lái)創(chuàng)造新的色調(diào)。通常實(shí)踐方法是采用一個(gè)單一色來(lái)搭配另外兩種其他色調(diào)。

3. 采用簡(jiǎn)潔元素

扁平化設(shè)計(jì)的設(shè)計(jì)元素應(yīng)該保持造型簡(jiǎn)單，比如圖標(biāo)應(yīng)該使用矩形、圓形或者是方形等簡(jiǎn)單形狀，盡可能使設(shè)計(jì)元素對(duì)于用戶而言是直觀易懂的。

4. 注重排版

因?yàn)楸馄交O(shè)計(jì)中要求元素簡(jiǎn)潔，那么對(duì)于設(shè)計(jì)而言，排版就至關(guān)重要。

設(shè)計(jì)中要保證信息層級(jí)主次清晰，因此需要用文字大小、層級(jí)、主次來(lái)控制頁(yè)面，通過(guò)淺顯易見(jiàn)的層級(jí)結(jié)構(gòu)增加產(chǎn)品的易用性和交互性，第一時(shí)間抓住用戶的注意力。

流行原因

一切的偶然皆是必然，扁平化設(shè)計(jì)的流行也是歷史長(zhǎng)河中的一種必然。

扁平化設(shè)計(jì)風(fēng)格的流行首先可歸結(jié)于微軟和蘋(píng)果幾大科技巨頭率先做出改變引領(lǐng)新風(fēng)尚。他們放棄了擬物化設(shè)計(jì)，摒棄了立體裝飾效果，去掉了陰影、漸變、透視等設(shè)計(jì)元素，采用簡(jiǎn)潔明了、平面化的扁平化呈現(xiàn)方式，掀起了設(shè)計(jì)界的新的潮流。

但最根本的是，扁平化設(shè)計(jì)迎合當(dāng)下用戶的心理需求。設(shè)計(jì)的核心原則是“以人為本”，擬物化設(shè)計(jì)風(fēng)格由于裝飾元素和過(guò)多的特效在一定程度上增加了用戶的認(rèn)知時(shí)間與使用時(shí)間。而扁平化設(shè)計(jì)風(fēng)格是在二維的形式下，呈現(xiàn)出極簡(jiǎn)風(fēng)格，扁平化設(shè)計(jì)有很好的可讀性和易讀性，產(chǎn)品直觀的呈現(xiàn)出設(shè)計(jì)內(nèi)容，完全不會(huì)因具象化元素之后產(chǎn)生認(rèn)知困難。信息表達(dá)簡(jiǎn)潔明了，層級(jí)一目了然，不會(huì)出現(xiàn)主次不分的狀況，將用戶所需要了解的信息放在中心地位，提高了信息傳達(dá)的高效性，這不僅符合用戶的認(rèn)知習(xí)慣也與用戶的心理需求相契合，用戶也因此能流暢地完成與產(chǎn)品的互動(dòng)。

但潮流總是變化的，也許之后“扁平化”會(huì)再次回歸到“擬物化”。

總之，扁平化設(shè)計(jì)雖然美觀實(shí)用，但它并非適用于所有設(shè)計(jì)。扁平化風(fēng)格較適用于現(xiàn)代化、科技化的設(shè)計(jì)，因此是否采用扁平化設(shè)計(jì)風(fēng)格還需要視具體情況而定。所有的設(shè)計(jì)風(fēng)格都要以傳遞的信息為導(dǎo)向，只有緊扣信息，選擇合適的設(shè)計(jì)風(fēng)格，才能設(shè)計(jì)出集實(shí)用性與審美性為一體的好的作品。

參考文獻(xiàn)：
1. 譚曉山. 平面構(gòu)成的形式美法則[J]. 設(shè)計(jì)藝術(shù)(浙江工藝美術(shù)學(xué)院學(xué)報(bào)), 2006(2): 72-73.
2. Carrie Cousins. Principles of Flat Design.https://designmodo.com/flat-design-principles/
3. 張巖. 網(wǎng)頁(yè)設(shè)計(jì)中扁平化設(shè)計(jì)的趨勢(shì)[J]. 美術(shù)大觀, 2014(5):132-132.
4. 于榕. 淺談扁平化的界面設(shè)計(jì)及未來(lái)發(fā)展趨勢(shì)[D]. 杭州師范大學(xué), 2015.