Will flat design ever die?

文/Jerry Cao告唆、Kamil Zieba棺弊、Matt Ellis ?翻譯/ONES Piece何聰聰

譯者按：喬布斯曾經(jīng)在很久以前評論過微軟是“完全不懂品味”，但如果他知道現(xiàn)在蘋果已經(jīng)拋棄了他所鐘愛的擬物設(shè)計(jì)擒悬，加入了扁平化設(shè)計(jì)的陣營模她，而這個(gè)陣營的創(chuàng)始者是微軟的時(shí)候，他會怎么說懂牧？扁平化的大潮之后侈净，下一個(gè)流行的風(fēng)格又是什么？扁平化還有什么有待挖掘的潛力么僧凤？也許這篇文章能提供一些思路畜侦。

本文摘自Jerry Cao、Kamil Zieba和Matt Ellis合著的電子書《2015年和2016年網(wǎng)站設(shè)計(jì)趨勢》躯保。三人均來自UX設(shè)計(jì)平臺UXPin旋膳。

從2013年開始，扁平化設(shè)計(jì)就呈現(xiàn)出燎原之勢途事。但這真的是因?yàn)樗鼘?shí)用验懊，還是只是另一股曇花一現(xiàn)的網(wǎng)站設(shè)計(jì)潮流？

誠然尸变，扁平化設(shè)計(jì)在簡化網(wǎng)站構(gòu)架和突出內(nèi)容本身方面功不可沒义图。但如果走向極端，網(wǎng)站就容易顯得像千萬美金的山頂豪宅一樣高冷振惰，格調(diào)有余歌溉，而親和力不足。

在這篇文章中，我們將深入探索扁平化設(shè)計(jì)的風(fēng)格痛垛，講講哪些元素是有效的草慧，哪些不過爾爾。

優(yōu)點(diǎn)與缺點(diǎn)

Zune播放器

扁平化設(shè)計(jì)最早可追溯至早期的Windows Metro（它曾被運(yùn)用于Zune播放器）匙头。這種風(fēng)格光滑漫谷、快速、現(xiàn)代蹂析。但后來設(shè)計(jì)師意識到錦上添花并不一定會喧賓奪主舔示、掩蓋實(shí)質(zhì)內(nèi)容。到了今天电抚，扁平化設(shè)計(jì)——俗稱扁平化設(shè)計(jì)2.0——相比過去更加優(yōu)越惕稻，適用范圍更廣，功能也更強(qiáng)大蝙叛。但這種風(fēng)格還是有待改進(jìn)俺祠，也遠(yuǎn)不是解決所有設(shè)計(jì)難題的萬能鑰匙。

優(yōu)點(diǎn)：

響應(yīng)式架構(gòu)：扁平化設(shè)計(jì)的流行借帘，很大程度上歸功于它簡潔的頁面排版蜘渣，尤其是跟之前的擬真設(shè)計(jì)相比的話。簡潔的排版能夠提高下載速度肺然，使斷點(diǎn)的設(shè)置更加自然蔫缸，對于無論是手機(jī)還是其他形式的響應(yīng)式架構(gòu)來說都堪稱完美。

順暢的瀏覽體驗(yàn)：簡潔的排版還有一個(gè)優(yōu)點(diǎn)际起，用戶可以更方便地瀏覽拾碌、查閱，當(dāng)然那是在有一個(gè)分明的視覺層級前提下加叁。

豐富的配色：相比其他風(fēng)格倦沧，扁平化設(shè)計(jì)的用色更加鮮亮，視覺效果更加醒目它匕。不過現(xiàn)代扁平化設(shè)計(jì)中展融，最好還是采用簡單的配色（哪怕是單色系也不錯(cuò)），不然豫柬，網(wǎng)站看上去會像是一坨俗艷的色塊的堆砌告希。

簡潔的圖像設(shè)計(jì)：簡潔的圖像圖標(biāo)設(shè)計(jì)便于用戶理解，有助于建立導(dǎo)航系統(tǒng)和提升用戶體驗(yàn)烧给。如果想要更復(fù)雜一些的視覺效果燕偶，可以試試在大幅的色塊上設(shè)置虛擬按鈕，或者采用高清首圖础嫡。

分明的結(jié)構(gòu)：加粗的線條和形狀呈遞出一種像建筑一般的邏輯美感指么。相比已被用濫了的漢堡式菜單（就是常見的那種三條杠按鈕）酝惧，不妨在頁面頂部用清爽的字體設(shè)置一個(gè)簡單的導(dǎo)航菜單。

易于閱讀的字體設(shè)計(jì)：扁平化設(shè)計(jì)的字體風(fēng)格摒除了那些華而不實(shí)的元素伯诬，確保了可讀性晚唇。在花哨設(shè)計(jì)消失的同時(shí)，留下的內(nèi)容也隨之被凸顯了出來盗似。

缺點(diǎn)：

設(shè)計(jì)困難：一種常見的誤解是哩陕，極簡的扁平化風(fēng)格運(yùn)用起來很容易。但事實(shí)恰恰相反赫舒。因?yàn)榻缑婵臻g有限悍及，每一種元素都必須精心挑選〗影總而言之心赶，扁平化設(shè)計(jì)很難做好，要搞砸卻是分分鐘的事情扔涧。

點(diǎn)擊模糊：設(shè)計(jì)的簡潔性有時(shí)會適得其反园担，讓用戶搞不清楚哪兒可以點(diǎn)擊届谈，哪兒不可以枯夜。

表現(xiàn)形式單一：扁平化設(shè)計(jì)限制了可采用的元素——比方說其中就沒有紋理——同時(shí)也就限制了內(nèi)容的表現(xiàn)形式。

時(shí)而“無趣”：有些用戶艰山，比如兒童湖雹，也許會覺得極簡風(fēng)格很是乏味。

缺乏個(gè)性：由于太受歡迎曙搬，越來越多的網(wǎng)站都用起了扁平化設(shè)計(jì)摔吏，也就導(dǎo)致了大多數(shù)網(wǎng)站看上去都大同小異。

其實(shí)運(yùn)用扁平化設(shè)計(jì)最好的方法纵装，和其他任何設(shè)計(jì)理念一樣征讲，就是關(guān)注你設(shè)計(jì)的目，而不是展現(xiàn)形式橡娄。從本質(zhì)上來講诗箍，扁平化設(shè)計(jì)就是提供不多不少恰到好處的輔助元素來實(shí)現(xiàn)對內(nèi)容的導(dǎo)航。切記挽唉，視覺風(fēng)格只是內(nèi)容為王這個(gè)目標(biāo)的一種衍生品滤祖。

那些不會過氣的元素

盡管扁平化設(shè)計(jì)的風(fēng)靡確實(shí)帶有一定時(shí)效性，但我們認(rèn)為其中一些核心的元素確是建立在實(shí)用性和視覺設(shè)計(jì)原則基礎(chǔ)上的瓶籽。

在其發(fā)展過程中匠童，扁平化設(shè)計(jì)最佳的風(fēng)格其實(shí)介于最早期的Metro和已經(jīng)被摒棄的擬真設(shè)計(jì)之間。那些會成為經(jīng)典的扁平化（或者更準(zhǔn)確地說塑顺，準(zhǔn)扁平化）元素中汤求，差不多只有三分之二才是真正的扁平化設(shè)計(jì)，另外三分之一其實(shí)屬于擬真設(shè)計(jì)。

圖標(biāo)

扁平化設(shè)計(jì)賦予了圖標(biāo)應(yīng)有的重視扬绪。既然頁面更加簡潔了寡喝，設(shè)計(jì)必須真正把重心放在完善這些通常微不足道的元素的細(xì)節(jié)上面。

Iconography

如今的用戶早已習(xí)慣了精致的圖標(biāo)勒奇，很難再接受簡單粗暴的設(shè)計(jì)预鬓。而我們對于圖標(biāo)的使用，也更多地作為一種藝術(shù)表現(xiàn)形式赊颠，而不僅僅是用戶點(diǎn)擊的對象格二。今后各種表達(dá)網(wǎng)站風(fēng)格和個(gè)性的方式也將會受到用戶和設(shè)計(jì)師的歡迎。

字體設(shè)計(jì)

正如我們在本書中所說竣蹦，人們將越來越關(guān)注字體設(shè)計(jì)的美觀程度顶猜、自定義范圍和使用目的暴区。

Typography

隨著首頁導(dǎo)航菜單鹊奖、巨型的字體和純文字網(wǎng)站等設(shè)計(jì)潮流的出現(xiàn)，你很容易從設(shè)計(jì)師所選擇的字體看出扁平化設(shè)計(jì)對他們的影響抵恋。

極簡主義

極簡主義作為一種藝術(shù)風(fēng)格已有好幾十年的歷史纲菌，這本身就說明它具備成為經(jīng)典的潛質(zhì)挠日。簡單、悅目的設(shè)計(jì)對于登陸頁面來說是極好的翰舌，很大程度上是因?yàn)檫@種風(fēng)格醒目又不失實(shí)用嚣潜。

Minimalism

功利地來看，由于界面上的元素不多椅贱，極簡設(shè)計(jì)對于響應(yīng)式斷點(diǎn)也是個(gè)很好的選擇懂算。

單一字體系列

扁平化設(shè)計(jì)主張使用簡單的字體，其中一種表現(xiàn)就是“一件設(shè)計(jì)庇麦，一種字體”计技。

Single Type Families

除了采用簡單易讀的字體，這種理念更多地把重點(diǎn)放在文字周圍的設(shè)計(jì)和內(nèi)容本身（畢竟這才是字體設(shè)計(jì)的真正目的）山橄，而不是字體設(shè)計(jì)上面垮媒。不過，logo仍然可以采用另一種字體來呈現(xiàn)驾胆，以凸顯品牌個(gè)性涣澡。

色彩的運(yùn)用

色彩的運(yùn)用也許會隨著不同的設(shè)計(jì)潮流而變化，但它的角色卻并不是一個(gè)花瓶丧诺。

Color Usage

比起只是用來給網(wǎng)站填色入桂，現(xiàn)在設(shè)計(jì)師更傾向于將色彩當(dāng)作一項(xiàng)點(diǎn)睛的工具。正如我們之前說過驳阎，這跟極簡主義其他的一些手法——包括大塊留白和運(yùn)用大圖作為視覺焦點(diǎn)——也會起到相輔相成的效果抗愁。

那些可能會過氣的元素

相比之下馁蒂，其他的一些扁平化設(shè)計(jì)元素就是明日黃花了。

大多數(shù)這些元素本身很“有趣”蜘腌，但要產(chǎn)生良好的用戶體驗(yàn)實(shí)屬不易沫屡。如果使用得當(dāng)，那么單靠這些設(shè)計(jì)本身就能夠成就一個(gè)很酷炫的網(wǎng)站撮珠，設(shè)計(jì)美觀沮脖，操作順暢，但更有可能發(fā)生的情況是弄巧成拙芯急。

色彩雜亂：在扁平化設(shè)計(jì)中勺届，設(shè)計(jì)師可以更自由地運(yùn)用大量色彩。這本來是挺有趣的娶耍，但最終導(dǎo)致的結(jié)果是顏色有點(diǎn)太過雜亂免姿，所以很多人又重新回歸傳統(tǒng)，只運(yùn)用有限的幾種顏色榕酒。

長陰影的濫用：長陰影從的風(fēng)光也是好景不長胚膊。設(shè)計(jì)師仍然在使用陰影，但會選擇更加溫和想鹰、含蓄的風(fēng)格紊婉。

主次不分：扁平化設(shè)計(jì)的一個(gè)不足之處就是缺乏主次，難以突出其中的重點(diǎn)元素杖挣，所以只在簡單的設(shè)計(jì)中比較好使肩榕。不過現(xiàn)在設(shè)計(jì)師已經(jīng)意識到了這個(gè)問題，采用“三分之二扁平化惩妇，三分之一擬真”的方法，以彌補(bǔ)在視覺層級方面的缺憾筐乳。

字體過細(xì)：在扁平化設(shè)計(jì)早期歌殃，一些字體看起來著實(shí)費(fèi)勁。當(dāng)年蘋果選用Helvetica Neue的時(shí)候蝙云，就曾經(jīng)備受爭議氓皱。而現(xiàn)在極細(xì)或者極輕的字體已經(jīng)不那么受歡迎了，倒是中等粗細(xì)的字體因?yàn)橐鬃x更加受到追捧勃刨。

話說回來波材，好在扁平化并不是那種“要么一無可取要么十全十美”的設(shè)計(jì)風(fēng)格，可以根據(jù)實(shí)際情況取其精華去其糟粕身隐⊥⑶總體來說，不要只是照搬照抄表現(xiàn)形式贾铝，最好把重點(diǎn)放在設(shè)計(jì)風(fēng)格背后最基本的一些東西上面隙轻。

結(jié)論

近兩年扁平化設(shè)計(jì)貌似很火埠帕，這也不是沒有道理。即使未來不久它死在了沙灘上玖绿，我們依然覺得后浪是源于扁平化設(shè)計(jì)的敛瓷。

The Survival Kit

就像是叛逆時(shí)期的青少年，扁平化設(shè)計(jì)開始意識到并不是一切都值得自己奮起而攻之斑匪。2013年的時(shí)候呐籽，任何擬真設(shè)計(jì)都遭到強(qiáng)烈反對，但漸漸這種態(tài)度有所緩和蚀瘸，我們也隨之看到一些擬真設(shè)計(jì)的特征開始回歸業(yè)界绝淡。

細(xì)細(xì)想來，其實(shí)扁平化設(shè)計(jì)（簡潔的視覺效果）和擬真設(shè)計(jì)（模擬現(xiàn)實(shí)的視覺效果）這兩種不同的設(shè)計(jì)理念是可以和平共存的苍姜。關(guān)鍵在于牢酵，你如何處理好兩者之間的平衡。

本文原載于Fast Company衙猪，由ONES Piece何聰聰編譯馍乙。ONES Piece是一個(gè)由ONES Ventures發(fā)起的非營利翻譯計(jì)劃，聚焦科技垫释、創(chuàng)投和商業(yè)丝格。