域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)
本文源自Medium,原文在短短幾天時(shí)間內(nèi)已經(jīng)獲得了364個(gè)推薦,中文版本由"天地會(huì)珠海分舵"進(jìn)行編譯。文章對(duì)現(xiàn)在風(fēng)靡全球的扁平化設(shè)計(jì)給予了深刻的思考。牡丹花確實(shí)是很美,但如果世界上都剩下了牡丹花了,你又會(huì)作何感想呢?這里讓我們從著名樂(lè)隊(duì)別安的《光輝歲月》的一句歌詞開(kāi)始:“繽紛色彩閃出的美麗,只因它沒(méi)有,分開(kāi)每種色彩…”
扁平化的盛行
偉大的UI設(shè)計(jì)扁平化盛行的2013-2014年間,設(shè)計(jì)師們將無(wú)數(shù)的像素都揮灑在扁平UI上面。
這段時(shí)間是可視化設(shè)計(jì)界的偉大轉(zhuǎn)變時(shí)期:始于當(dāng)時(shí)微軟的充滿(mǎn)現(xiàn)代主義感的咄咄逼人的Metro風(fēng)格,風(fēng)靡于iOS 7的發(fā)布并令扁平化競(jìng)爭(zhēng)進(jìn)入白熱化狀態(tài),而說(shuō)到將扁平化最大化最全面進(jìn)行實(shí)現(xiàn)的,可能就要數(shù)谷歌的Material Design設(shè)計(jì)語(yǔ)言的推出了。
扁平化設(shè)計(jì)不但將擬物化設(shè)計(jì)置之死地,且在其墳?zāi)股媳M情地跳舞,并抹掉其墓碑所留下的所有斜邊、陰影和冷酷的碑文的痕跡(編者按:這三者正是擬物化設(shè)計(jì)的特性)。
這就是設(shè)計(jì)技術(shù)很自然的前進(jìn)步伐:發(fā)展、改變,然后流行起來(lái),這些都是無(wú)可避免的。也許太陽(yáng)今后也會(huì)為這些美妙的設(shè)計(jì)而變色。妄自臆度未來(lái)設(shè)計(jì)潮流究竟會(huì)變成什么具體的樣子,其實(shí)是個(gè)不切實(shí)際的游戲,但去看看我們現(xiàn)在所處的情況,并推測(cè)未來(lái)潮流發(fā)展的方向,倒是個(gè)很有意義的事情。
當(dāng)今可視化設(shè)計(jì)狀況調(diào)查
以下列出了我們當(dāng)今在軟件中常用到的可視化設(shè)計(jì)的狀況:
深受iOS和Material Design的嚴(yán)重影響,可視化設(shè)計(jì)師們常常會(huì)跟著它們的屁股轉(zhuǎn)。
使用扁平的有著最小限度的陰影的方形,里面常常放著一幅大圖或者視頻作為背景,并使用大標(biāo)題的文字。
內(nèi)容之間包含著大量的負(fù)空間(negative space),而網(wǎng)格化的布局又讓其具有很低的信息密度,關(guān)注于粗體且明朗的字體。
去邊界化,塊與塊之間的邊緣從淺白色逐漸往生氣盎然的深紅色進(jìn)行過(guò)度;而圖片上更傾向于柔和及低飽和度的色彩。
經(jīng)常使用模糊效果以及冷光四射的霓虹燈效果。這些使用在市場(chǎng)廣告上是非常有效的,但用在交互產(chǎn)品設(shè)計(jì)上就不是很必要了。
在可視化設(shè)計(jì)傾向于更直接明了的情況下,“清新”和“優(yōu)雅“這些現(xiàn)代設(shè)計(jì)的理念更多是通過(guò)平滑的動(dòng)畫(huà)和漸變效果的形式給體現(xiàn)出來(lái)的。
總的來(lái)說(shuō),大部分當(dāng)今的可視化設(shè)計(jì)語(yǔ)言都是關(guān)注在簡(jiǎn)潔易用方面的。當(dāng)然,還有很多其他的設(shè)計(jì)趨勢(shì),但以上這些總的來(lái)說(shuō)就是設(shè)計(jì)最終效果所瞄準(zhǔn)的方向了。它反映了可視化設(shè)計(jì)的審美觀(guān),在數(shù)十年的歷程中已經(jīng)達(dá)到了一個(gè)比較成熟的高度了。
有人認(rèn)為這種簡(jiǎn)約主義的設(shè)計(jì)風(fēng)格趨勢(shì)預(yù)示著我們的用戶(hù)成熟度已經(jīng)達(dá)到了一個(gè)層次:用戶(hù)天生就知道如何通過(guò)UI進(jìn)行交互,它們不需要再傷腦筋去尋找擬物化設(shè)計(jì)時(shí)代的那些需要用斜面來(lái)暗示用戶(hù)的按鈕了。用戶(hù)再也不需要這些輔助的擬物化的方式來(lái)引導(dǎo)我們?cè)撊绾螌?duì)UI進(jìn)行操作,所以設(shè)計(jì)師們可以更加自由發(fā)揮來(lái)表現(xiàn)自己的風(fēng)格,而不需要擔(dān)心用戶(hù)的學(xué)習(xí)曲線(xiàn)。最終,移動(dòng)設(shè)備的屏幕就可以做得越來(lái)越小,來(lái)容納這些更簡(jiǎn)單更平易近人的設(shè)計(jì)了。(編者注:在這里編者嗅到的更多的是作者反詰的語(yǔ)氣)
可視化設(shè)計(jì)包裝商品化
但是當(dāng)你瞇眼斜視這一大堆應(yīng)用的時(shí)候,你真不會(huì)覺(jué)得它們太惡心,好吧,雷同嗎?你難道真不覺(jué)得它們咋一看起來(lái)非常漂亮,但時(shí)間一長(zhǎng)就變得索然無(wú)味了嗎?
當(dāng)所有的產(chǎn)品都認(rèn)為采用這么一個(gè)最新潮的設(shè)計(jì)方式是必不可少的時(shí)候,那么這些產(chǎn)品都會(huì)變成一些大同小異的統(tǒng)一包裝起來(lái)的商品。這些昨天看上去還很清新宜人的應(yīng)用,很快就會(huì)讓人感覺(jué)俗不可耐。而這種設(shè)計(jì)方式的模仿成本極其便宜這個(gè)事實(shí),又更進(jìn)一步的讓這種審美走向單一化:你只需插一張模糊的圖片進(jìn)去作為背 景,中間再加些Helvetica Neue字體在上面,那么你基本上就已經(jīng)完成這種設(shè)計(jì)的一大半了!
那么這里我們究竟存在著哪些方面的缺失呢?對(duì)我們這一代人來(lái)說(shuō),互聯(lián)網(wǎng)及其周邊的技術(shù)是驅(qū)使我們的文化向前邁進(jìn)的主力軍,單獨(dú)來(lái)看待的話(huà),所有這些設(shè)計(jì)其實(shí)都是如牡丹花般的非常漂亮的。但是誰(shuí)又愿意生活在一個(gè)只有牡丹花的世界里面呢?
如果說(shuō)當(dāng)前的設(shè)計(jì)風(fēng)格是因?yàn)橛|摸屏設(shè)備這種技術(shù)的出現(xiàn)而沉淀出來(lái)的話(huà),那么也就是說(shuō)如果又有新的技術(shù)出現(xiàn)的話(huà),那么就會(huì)觸發(fā)新的設(shè)計(jì)風(fēng)格的誕生。
科技發(fā)展引領(lǐng)設(shè)計(jì)審美的轉(zhuǎn)變
如果這種設(shè)計(jì)風(fēng)格真的是由新科技所催生的話(huà),那么我們這個(gè)時(shí)候往回看看過(guò)去的歷史,也許可以找到答案,去看一下其他的領(lǐng)域,看看該領(lǐng)域的設(shè)計(jì)師們對(duì)科技的改變又是如何應(yīng)對(duì)的。
早在20世紀(jì)初,法國(guó)著名建筑師Le Corbusier,找到了一個(gè)相當(dāng)新穎的建筑技術(shù)來(lái)增強(qiáng)混凝土的抗壓能力:鋼筋混凝土技術(shù)。這個(gè)發(fā)現(xiàn)讓他可以打造出此前在結(jié)構(gòu)上就根本不可能辦到的建筑 物,房屋地基只需要幾條鋼筋混凝土的柱子就完全能支撐起來(lái),這種建筑方式讓房子變得極其的省料和簡(jiǎn)化,這也就讓Le Corbusier找到了一個(gè)令當(dāng)時(shí)的人目瞪口呆的建筑風(fēng)格,所有之前人們認(rèn)為必不可少的部件在該方法面前都變得是多余的,甚至是令人討厭的。
雖然這種創(chuàng)新的設(shè)計(jì)風(fēng)格的影響力是空前的,但是,大家現(xiàn)在凝望四周,我們其實(shí)并沒(méi)有看到所有建筑物下面都是有幾條鋼筋水泥柱子給支撐著的啊。為什么會(huì)這樣呢?其中一個(gè)原因應(yīng)該就是,雖然這些創(chuàng)新常??瓷先ザ际呛芎玫?,甚至有時(shí)單獨(dú)來(lái)看的話(huà)是精彩絕倫的,但是如果所有的建筑物都是這個(gè)樣子的話(huà),這個(gè)城市就會(huì)變得非常的單調(diào),非常的沒(méi)有生氣了。
Le Corbusier曾經(jīng)有個(gè)沒(méi)有實(shí)現(xiàn)的叫做“光榮之城” 的夢(mèng)想——在巴黎建立起一片同一風(fēng)格的60層高的高樓大夏,當(dāng)時(shí)如果真給他實(shí)現(xiàn)了的話(huà),那么我相信這將是一個(gè)社會(huì)和審美學(xué)上面的一個(gè)大災(zāi)難。這不僅僅是實(shí)現(xiàn)現(xiàn)代化所不能容忍的,更不用說(shuō)如果這樣做了的話(huà),巴黎的設(shè)計(jì)風(fēng)格就不可能在后來(lái)能影響那么多其他偉大的城市的建立了。
另外一個(gè)打造城市的選擇就是一個(gè)更加自下而上的,有機(jī)的,且將各種建筑風(fēng)格融為一爐的方式。城市規(guī)劃的激進(jìn)分子和評(píng)論家Jane Jacobs在她精彩絕倫的書(shū)《美國(guó)偉大城市之生與死》中提到,“有一種城市規(guī)劃方案比完全的丑陋和無(wú)序更加面目可憎,這個(gè)可憎的的方案就是,通過(guò)忽略或者壓制那些掙扎著要顯露出來(lái)的需要我們付諸實(shí)現(xiàn)的真正的秩序,來(lái)達(dá)到一個(gè)表面上有序的假象。
無(wú)窮無(wú)盡的遵循拷貝同一種設(shè)計(jì)風(fēng)格,就算這個(gè)風(fēng)格是如何的妙不可言,人們都會(huì)感覺(jué)索然無(wú)味,甚至?xí)杏X(jué)丑陋。這個(gè)觀(guān)點(diǎn)對(duì)軟件的可視化設(shè)計(jì)也同樣適合,如果現(xiàn)在所有的軟件看上去都是一個(gè)模樣的話(huà),我們就會(huì)失去去欣賞一些別出心裁的其他風(fēng)格的東西的機(jī)會(huì)了。
有如我們現(xiàn)在所生活的城市,我們其實(shí)都住在互聯(lián)網(wǎng)的數(shù)字空間里面。這些空間帶給我們的感覺(jué)是非常重要的,所以我們?nèi)绻枰屵@些空間變得各有各的精彩的話(huà),我們就需要在功能的考慮上和呈現(xiàn)形式的更少束縛上達(dá)到平衡。多樣且豐富的設(shè)計(jì)美學(xué)會(huì)讓每個(gè)產(chǎn)品都能獨(dú)樹(shù)一幟,通過(guò)這樣子做才能讓我們找到設(shè)計(jì)的真諦。
下一步我們要怎么做呢?
那么下面很有必要提出一些問(wèn)題,我們嘗試想象一下一個(gè)更成熟的軟件可視化設(shè)計(jì)的新紀(jì)元應(yīng)該是什么樣子的:
在我們的桌面電腦這個(gè)范疇上,那些支持在上面進(jìn)行拖放的面板看上去應(yīng)該是對(duì)2D點(diǎn)陣設(shè)備的一個(gè)很好的補(bǔ)充。當(dāng)今的很多方面的設(shè)計(jì)其實(shí)都受到了平板等手持設(shè)備的設(shè)計(jì)風(fēng)格的影響。所以在這種程度上說(shuō)的話(huà),扁平化設(shè)計(jì)其實(shí)更應(yīng)該被看成是針對(duì)觸摸屏設(shè)備的原生設(shè)計(jì)風(fēng)格,也許觸屏設(shè)備上面的應(yīng)用天生就應(yīng)該是長(zhǎng)這樣子的。觸屏設(shè)備這些新科技震撼著我們的心扉,從而影響了我們?cè)O(shè)計(jì)的方式。那么科技設(shè)備很容易就更新?lián)Q代的特性又將會(huì)如何影響著我們對(duì)將來(lái)可視化設(shè)計(jì)風(fēng)格的看法呢?扁平化設(shè)計(jì)又還能主宰多長(zhǎng)時(shí)間呢?
每一波潮流經(jīng)過(guò)時(shí)其實(shí)都會(huì)引發(fā)相應(yīng)的一些變動(dòng)。根據(jù)一種潮流的潮漲潮退的自然特性,遲早有一天“少就是多”這種說(shuō)法是不會(huì)再成立的(編者按:作者應(yīng)該是針對(duì)前面說(shuō)的扁平化設(shè)計(jì)成為當(dāng)前所有人趨之若鶩的設(shè)計(jì)風(fēng)格這種情況,認(rèn)為不應(yīng)該只有一個(gè)設(shè)計(jì)風(fēng)格,而應(yīng)多元化發(fā)展)。90年代的桌面電腦出版軟件的出現(xiàn)引發(fā)了大量岑差不齊的電子雜志的泛濫,2000年個(gè)人電腦如家電般的普遍,讓我們進(jìn)入了像素點(diǎn)的世界,現(xiàn)今我們來(lái)到了我們的觸摸屏設(shè)備和扁平化設(shè)計(jì)風(fēng)格的年代。那下一波又是什么呢?相信我, 肯定還有下一波的。
一個(gè)具有更高美感的充滿(mǎn)各色各樣的軟件的世界看起來(lái)應(yīng)該是怎么樣的呢?也許是一個(gè)你的信用卡提供商的軟件和你的襪子訂閱服務(wù)軟件,不再看上去像是同一個(gè)應(yīng)用的時(shí)候的那么一個(gè)世界?一旦一個(gè)風(fēng)格變得難以置信的風(fēng)靡的時(shí)候,就會(huì)又其他類(lèi)型的風(fēng)格站出來(lái)嘗試走另外一條道路。那么也許下一波潮流就是一個(gè)設(shè)計(jì)多樣化的潮流。
我們現(xiàn)在和互聯(lián)網(wǎng)設(shè)備進(jìn)行互動(dòng)的數(shù)字信息變得越來(lái)越碎片化,這些信息通常都會(huì)以“卡片”的這種零碎的形式呈現(xiàn)給大家。也許將來(lái)很多應(yīng)用的功能都已經(jīng)在操作系統(tǒng)層級(jí)進(jìn)行提供了。(編者注:想像下這樣一個(gè)情景,今后社交軟件的大部分功能和游戲的大部分功能都已經(jīng)包含在操作系統(tǒng)層里面了,開(kāi)發(fā)人員需要做的都是調(diào)用一個(gè)不同的API 就能在一個(gè)設(shè)計(jì)好的界面上運(yùn)行了,那么你覺(jué)得到時(shí)QQ這個(gè)應(yīng)用和暗黑破壞神這款游戲,在沒(méi)有運(yùn)行時(shí)看上去還會(huì)有多大區(qū)別嗎?) 如果這樣的話(huà),這將會(huì)導(dǎo)致可視化UI設(shè)計(jì)更加大同小異嗎?或者,會(huì)有一個(gè)反這種潮流的行為被倡導(dǎo)起來(lái)嗎?
技術(shù)就猶如野火一樣迅速的蔓延全球。假如存在另外一個(gè)有著數(shù)十億網(wǎng)民的世界,那么如果給他們帶去跟我們現(xiàn)在的盛行的扁平化設(shè)計(jì)風(fēng)格大相徑庭的風(fēng)格,品味,以及文化影響的話(huà),他們最終又會(huì)變成什么樣子呢?是不是也是跟我們現(xiàn)在一樣由扁平化設(shè)計(jì)風(fēng)格一統(tǒng)江湖呢?
那么究竟將來(lái)哪種,或者說(shuō)哪些設(shè)計(jì)風(fēng)格將會(huì)成為現(xiàn)實(shí)呢?這里我不敢妄下斷言。
也許將來(lái)新的設(shè)計(jì)風(fēng)格并不會(huì)以暴風(fēng)驟雨的方式降臨人間,而更多是以潤(rùn)物細(xì)無(wú)聲的方法隨風(fēng)潛入我們的設(shè)計(jì)思考中。畢竟,在桌面隱喻(編者注:桌面隱喻,圖形用戶(hù)界面的主要特點(diǎn)之一,是指以現(xiàn)實(shí)世界中已經(jīng)存在的、人們已經(jīng)熟知的事物為藍(lán)本,將電腦的數(shù)字化以UI的形式抽象出來(lái)讓人們感覺(jué)像在真正的辦公桌上工作一 樣。)已經(jīng)出現(xiàn)了很長(zhǎng)的一段時(shí)間之后,真正代表現(xiàn)實(shí)世界的擬物化的設(shè)計(jì)風(fēng)格才來(lái)到了我們的眼前。所以又有誰(shuí)敢妄加判定說(shuō)當(dāng)前這種數(shù)字對(duì)象的簡(jiǎn)約設(shè)計(jì)風(fēng)格不會(huì)在未來(lái)很長(zhǎng)的一段時(shí)間陪伴著我們呢?
雖然,我自己本身對(duì)這是抱著非常懷疑的態(tài)度的!
也許你對(duì)這會(huì)有著你的看法,這里編者非常歡迎你能到下面提供的聯(lián)系方式中給出你的觀(guān)點(diǎn)。
更多相關(guān)文章將請(qǐng)關(guān)注微信公眾號(hào):techgogogo及官網(wǎng)www.techgogogo.com。
申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!