UI界面設(shè)計

SKYUI設(shè)計師，霸氣評價“扁平設(shè)計是錯的”

1107

【SKYUI設(shè)計觀點】“扁平設(shè)計是錯的”表面還是內(nèi)在，字面上的理解還是核心意義的掌握？“只是接受風(fēng)格，理解風(fēng)格，卻沒有考慮為什么出現(xiàn)這種風(fēng)格”我們需要更多的思考，思，則變。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 扁平設(shè)計是錯的

我本應(yīng)該是喜歡扁平化設(shè)計的，它通過它的影響改變了我的設(shè)計哲學(xué)。它使設(shè)計朝向極簡主義發(fā)展，強調(diào)了設(shè)計的基礎(chǔ)功能，這些我經(jīng)常強調(diào)。

然而很多我看的扁平化設(shè)計讓我找不到靈感所在，似乎是某種與這個世界脫節(jié)的存在?；ㄙM了我很多時間去理解他們?yōu)槭裁匆@么畫。為了領(lǐng)會設(shè)計者的意圖，我不得不苦思冥想，牽強的想到了幾點他的設(shè)計中意圖所在。

我會花大量篇幅去講講我對Flat?Design的看法。今天我將聚焦于為什么它是錯的，下周會分享給你一些心得：如果你不理會這個名字，你將找到一條正確的設(shè)計之路。

扁平化設(shè)計：與擬真設(shè)計相抗衡

上次我說過擬真設(shè)計采用的是隱喻的方式來幫助用戶熟悉使用方法，通過對日常生活物體細(xì)節(jié)的再現(xiàn)，在用戶的腦海中產(chǎn)生熟悉感。文章的最后我也提到了，由于成熟的用戶群體已經(jīng)養(yǎng)成，用戶也已經(jīng)大致了解了操作方式，所以我們不再需要暗喻的方式了。

我也曾經(jīng)建議設(shè)計師們?nèi)ソ⒕哂袀€人風(fēng)格的寫實主義，然而變得過于泛濫，過于俗套。曾經(jīng)是具有象征意義的美學(xué)，而現(xiàn)在變成了失敗的裝飾。

因此，對于設(shè)計師相應(yīng)作出的反應(yīng)我不會奇怪，他們的應(yīng)對措施是，既然寫實主義已經(jīng)無藥可救，那我就干脆來個180度大轉(zhuǎn)彎，那就拋棄擬真設(shè)計的細(xì)節(jié)，朝相反的路去探索，看看有沒有什么新的發(fā)現(xiàn)。

1.擬真設(shè)計與寫實主義被取代，細(xì)節(jié)被抽象、被精煉所取代；

2.擬真設(shè)計的細(xì)節(jié)被簡約風(fēng)格、幾何風(fēng)格、自由風(fēng)格所取代；

3.擬真設(shè)計的深度感被扁平風(fēng)取代。

正如其名，扁平化以扁平作為一種新的美學(xué)風(fēng)格，但不僅僅是扁平化風(fēng)格，在擺脫象征寫實風(fēng)格后，設(shè)計風(fēng)格還有很多其他的改變。

瑞士設(shè)計并不是盲目的扁平，而且也不應(yīng)該成為一種新的美學(xué)

當(dāng)這種趨勢還沒有開始的時候，微軟通過它的Win8?Metro化將這種風(fēng)格帶到了第一線。微軟試圖擺脫擬真設(shè)計，嘗試一種與Apple不相關(guān)的新的設(shè)計路線。至于擬真設(shè)計的沒落，與越來越多的人接受扁平設(shè)計，這就是之后的事了。

然而突然之間，每個人都在盲目抄襲這種風(fēng)格，他們認(rèn)為這種風(fēng)格理所應(yīng)得，討論的更多的是關(guān)于“扁平”也兩個字的意義所在，但是討論“為什么出現(xiàn)這種改變”這種話題的人卻少之又少。只是接受風(fēng)格，理解風(fēng)格，卻沒有考慮為什么出現(xiàn)這種風(fēng)格。是用戶需求嗎？抑或是那幫學(xué)院派的前沿設(shè)計人員預(yù)謀已久的新趨勢？

? ?從名字上思考：扁平化設(shè)計有的時候讓我“扁平”

當(dāng)扁平化設(shè)計出現(xiàn)的時候，我有很多的感觸。有的時候我挺喜歡這種風(fēng)格的，但更多的時候我并不關(guān)心我所看到的扁平設(shè)計。我無法理解為什么這種扁平美學(xué)就是不能引起我的興趣，盡管它的很多精神符合我的設(shè)計哲學(xué)。漸漸的我開始明白了。

第一，它的命名很糟糕，根據(jù)表面的細(xì)節(jié)而來。名字給人的感覺就是它并不成熟，僅僅是一時的流行。名字上暗示了這種美學(xué)是僅僅把物體壓扁，我并不認(rèn)同這種字面上解釋的風(fēng)格，因此我也不認(rèn)同這種風(fēng)格。你可能已經(jīng)注意到，這篇文章中我有時叫做扁平化設(shè)計，有時叫平化設(shè)計美學(xué)。我認(rèn)為后者更貼近于這種設(shè)計風(fēng)向，而前者有點像是那種懶惰的設(shè)計師創(chuàng)造出來的一時流行。為了更好的弄明白我這種偶爾表現(xiàn)出的鄙視，我花了一點時間研究了那些采用扁平風(fēng)的案例，我發(fā)現(xiàn)很多網(wǎng)站都喜歡跟隨最新趨勢。我發(fā)現(xiàn)了下面的幾點：

1.他們都是完全的扁平化；

2.曲線化的設(shè)計少之又少，更多的四四方方的設(shè)計；

3.他們?nèi)鄙倬o密聯(lián)系的色彩體系；

4.極簡風(fēng)上的考慮體現(xiàn)在字體上；

5.元素的組織人工痕跡太明顯；

6.當(dāng)然，這種風(fēng)格布局的本身就是過于帶有人為痕跡。

換句話說，我對那些不注重功能的扁平化設(shè)計沒什么興趣。當(dāng)你脫離了擬真的裝飾與寫實主義，你剩下的只有功能性。不幸的是，很多扁平設(shè)計的注意力僅僅集中在壓扁物體，并沒有遵守功能性設(shè)計法則。并不是所有的扁平設(shè)計都是這樣。很多網(wǎng)站在這一點上做的很好，因此給我留下了很好的印象，但是那些僅僅加入扁平元素的設(shè)計很多，給我留下了不好的感受。平化設(shè)計美學(xué)就是，或者應(yīng)該是，根據(jù)合理的設(shè)計需求作出決定。而不是壓扁，平化不是扁平。對于后者的抄襲和相關(guān)存在只是一種表面性的設(shè)計風(fēng)格，并沒有注意到潛在的問題。這就是我的想法，我看到很多扁平設(shè)計過于局限于字面上的意思，認(rèn)為扁平就是扁平，不惜一切代價去避免圖像的縱深感。但問題在于，有的時候深度、陰影、質(zhì)感是解決問題的正確方式。比如，你要創(chuàng)造一些具有“點擊性”的界面元素深度、陰影以及細(xì)節(jié)并不是什么壞處。壞處是過于依賴他們?nèi)ピO(shè)計，僅僅把他們當(dāng)做裝飾。我們不需要排除他們。我們需要簡化他們，并審慎的使用他們。

? ? ? ? ? ? ? 從網(wǎng)絡(luò)角度的思考：網(wǎng)絡(luò)又不是紙媒

我們的時候能感受到網(wǎng)絡(luò)和紙媒的不同，有的時候又不能。我們能夠意識到，網(wǎng)絡(luò)是無限的，而紙媒是固定尺寸的。我們卻意識不到，因為網(wǎng)絡(luò)的無限，所以它相較于只能提供平面信息的紙媒，它可以提供更多。

網(wǎng)絡(luò)是有深度的。如果把它僅僅用來當(dāng)做像紙一樣的平面去設(shè)計，那真的有點讓人覺得不妥。正如力圖讓數(shù)碼作品變得像生活中的物體一樣，只能是無限接近，但是達(dá)不到。

我們在屏幕上看到的網(wǎng)絡(luò)世界是多維的，所以說深度并不是壞事。盡管它被過度使用了，但是這并不是擬真設(shè)計的問題所在。試圖去找回一點深度吧，而不是盲目的避免它。

值得一提的是瑞士設(shè)計，它是影響扁平設(shè)計的主要因素，事實上，瑞士設(shè)計也不總是“扁平”的，它是平化的。有很多例子可以證明，瑞士設(shè)計中包含了陰影、透明度、接合。瑞士設(shè)計并沒有盲目的扁平。

更深層次的思考

綜上所述，你可能會以為我還是對扁平設(shè)計有偏見。是因為俗套的名字，還是因為有過多讓我覺得不明智的跟風(fēng)案例？或許兩者都有吧。當(dāng)你不局限于名字的時候或設(shè)計師不再根據(jù)字面的意思談?wù)撨@種設(shè)計風(fēng)格的時候。我想那就是這種風(fēng)格的成熟之時，或者說這是一種平化美學(xué)的誕生。