可視化設(shè)計(jì)之迷失扁平化風(fēng)潮

2022-06-16    分類: 網(wǎng)站建設(shè)

迷失

  編者注:本文源自Medium,本文發(fā)稿時原文在短短幾天時間內(nèi)已經(jīng)獲得了566個推薦,中文版本由天地會珠海分舵進(jìn)行編譯。文章對現(xiàn)在風(fēng)靡全球的扁平化設(shè)計(jì)給予了深刻的思考。牡丹花確實(shí)是很美,但如果世界上都剩下了牡丹花了,你又會作何感想呢?這里讓我們從著名樂隊(duì)別安的《光輝歲月》的一句歌詞開始:“繽紛色彩閃出的美麗,只因它沒有,分開每種色彩…”

扁平化的盛行

  偉大的UI設(shè)計(jì)扁平化盛行的2013-2014年間,設(shè)計(jì)師們將無數(shù)的像素都揮灑在扁平UI上面。

  這段時間是可視化設(shè)計(jì)界的偉大轉(zhuǎn)變時期:始于當(dāng)時微軟的充滿現(xiàn)代主義感的咄咄逼人的Metro風(fēng)格,風(fēng)靡于iOS7的發(fā)布并令扁平化競爭進(jìn)入白熱化狀態(tài),而說到將扁平化大化最全面進(jìn)行實(shí)現(xiàn)的,可能就要數(shù)谷歌的Material Design設(shè)計(jì)語言的推出了。

  扁平化設(shè)計(jì)不但將擬物化設(shè)計(jì)置之死地,且在其墳?zāi)股媳M情地跳舞,并抹掉其墓碑所留下的所有斜邊,陰影和冷酷的碑文的痕跡(編者按:這三者正是擬物化設(shè)計(jì)的特性)。

  扁平化設(shè)計(jì)

  這就是設(shè)計(jì)技術(shù)很自然的前進(jìn)步伐 -

  發(fā)展,改變,然后流行起來,這些都是無可避免的。也許太陽今后也會為這些美妙的設(shè)計(jì)而變色。妄自臆度未來設(shè)計(jì)潮流究竟會變成什么具體的樣子其實(shí)是個不切實(shí)

  際的游戲,但去看看我們現(xiàn)在所處的情況并推測未來潮流發(fā)展的方向倒是個很有意義的事情。

當(dāng)今可視化設(shè)計(jì)狀況調(diào)查

  以下列出了我們當(dāng)今在軟件中常用到的可視化設(shè)計(jì)的狀況:

  深受iOS和Material Design的嚴(yán)重影響,可視化設(shè)計(jì)師們常常會跟著它們的屁股轉(zhuǎn)。

  使用扁平的有著最小限度的陰影的方形,里面常常放著一幅大圖或者視頻作為背景并使用大標(biāo)題的文字。

  內(nèi)容之間包含著大量的負(fù)空間(negative space),而網(wǎng)格化的布局又讓其具有很低的信息密度,關(guān)注于粗體且明朗的字體。

  去邊界化,塊與塊之間的邊緣從淺白色逐漸往生氣盎然的深紅色進(jìn)行過度;而圖片上更傾向于柔和及低飽和度的色彩。

  經(jīng)常使用模糊效果以及冷光四射的霓虹燈效果。這些使用在市場廣告上是非常有效的,但用在交互產(chǎn)品設(shè)計(jì)上就不是很必要了。

  在可視化設(shè)計(jì)傾向于更直接明了的情況下,“清新”和“優(yōu)雅“這些現(xiàn)代設(shè)計(jì)的理念更多是通過平滑的動畫和漸變效果的形式給體現(xiàn)出來的。

  總的來說,大部分當(dāng)今的可視化設(shè)計(jì)語言都是關(guān)注在簡潔,易用方面的。當(dāng)然,還有很多其他的設(shè)計(jì)趨勢,但以上這些總的來說就是設(shè)計(jì)最終效果所瞄準(zhǔn)的方向了。他反映了可視化設(shè)計(jì)的審美關(guān)在數(shù)十年的歷程中已經(jīng)達(dá)到了一個比較成熟的高度了。

  可視化現(xiàn)狀

  有人認(rèn)為這種簡約主義的設(shè)計(jì)風(fēng)格趨勢預(yù)示著我們的用戶成熟度已經(jīng)達(dá)到了一個層次:用戶天生就知道如何通過UI進(jìn)行交互,它們不需要再傷腦筋去尋找擬物化設(shè)計(jì)時代的那些需要用斜面來暗示用戶的按鈕了。用戶再也不需要這些輔助的擬物化的方式來引導(dǎo)我們該如何對UI進(jìn)行操作,所以設(shè)計(jì)師們可以更加自由發(fā)揮來表現(xiàn)自己的風(fēng)格,而不需要擔(dān)心用戶的學(xué)習(xí)曲線。最終,移動設(shè)備的屏幕就可以做得越來越小來容納這些更簡單更平易近人的設(shè)計(jì)了。(編者注:在這里編者嗅到的更多的是作者反詰的語氣)

可視化設(shè)計(jì)包裝商品化

  但是當(dāng)你瞇眼斜視這一大堆這些應(yīng)用的時候,你真不會覺得它們太噁心,好吧,雷同嗎?你難道真不覺得它們咋一看起來非常漂亮,但時間長了覺得索然無味嗎?

  當(dāng)所有的產(chǎn)品都認(rèn)為采用這么一個最新潮的設(shè)計(jì)方式是必不可少的情況的時候,那么這些產(chǎn)

  品都會變成一些大同小異的統(tǒng)一包裝起來的商品。這些昨天看上去還很清新宜人的應(yīng)用很快就會給人感覺俗不可耐。而這種設(shè)計(jì)方式的模仿成本極其便宜這個事實(shí)又更進(jìn)一步的讓這種審美走向單一化:你只需插一張模糊的圖片進(jìn)去作為背景,中間再加些Helvetica Neue字體在上面,那么你基本上就已經(jīng)完成這種設(shè)計(jì)的一大半了!

  那么這里我們究竟存在著哪一些其他方面的缺失呢?對我們這一代人來說,互聯(lián)網(wǎng)及其周邊的技術(shù)是驅(qū)使我們的文化向前邁進(jìn)的主力軍,單獨(dú)來看待的話,所有這些設(shè)計(jì)其實(shí)都是如牡丹花般的非常漂亮的。但是誰又愿意生活在一個只有牡丹花的世界里面呢?

  如果說當(dāng)前的設(shè)計(jì)風(fēng)格是因?yàn)橛|摸屏設(shè)備這種技術(shù)的出現(xiàn)而沉淀出來的話,那么也就是說如果又有新的技術(shù)出現(xiàn)的話,那么就會觸發(fā)新的設(shè)計(jì)風(fēng)格的誕生。

科技發(fā)展引領(lǐng)設(shè)計(jì)審美的轉(zhuǎn)變

  如果這種設(shè)計(jì)風(fēng)格真的是由新科技所催生的話,那么我們這個時候往回看看過去的歷史也許可以找到答案,去看一下其他的領(lǐng)域,看看該領(lǐng)域的設(shè)計(jì)師們對科技的改變又是如何應(yīng)對的。

  早在20世紀(jì)初,法國著名建筑師Le Corbusier找到了一個相當(dāng)新穎的建筑技術(shù)來增強(qiáng)混凝土的抗壓能力:鋼筋混凝土技術(shù)。這個發(fā)現(xiàn)讓他可以打造出此前在結(jié)構(gòu)上就根本不可能辦到的建筑物,房屋地基只需要幾條鋼筋混凝土的柱子就完全能支撐起來,這種建筑方式讓房子變得極其的省料和簡化,這也就讓Le Corbusier找到了一個令當(dāng)時的人目瞪口呆的建筑風(fēng)格,所有之前人們認(rèn)為必不可少的部件在該方法面前都變得是多余的,甚至是令人討厭的。

  鋼筋水泥建筑

  雖然這種創(chuàng)新的設(shè)計(jì)風(fēng)格的影響力是史前的,但是,大家現(xiàn)在凝望四周,我們其實(shí)并沒有看到所有建筑物下面都是有幾條鋼筋水泥柱子給支撐著的啊。為什么會這樣呢?其中一個原因應(yīng)該就是,雖然這些創(chuàng)新常??瓷先ザ际呛芎玫模踔劣袝r單獨(dú)來看的話是精彩絕倫的,但是如果所有的建筑物都是這個樣子的話,這個城市就會變得非常的單調(diào)非常的沒有生氣了。Le Corbusier曾經(jīng)有個沒有實(shí)現(xiàn)的叫做“光榮之城” 的夢想- 在巴黎建立起所有同一風(fēng)格的60層高的高樓大夏,當(dāng)時如果真給他實(shí)現(xiàn)了的話,那么我相信這將是一個社會和審美學(xué)上面的一個大災(zāi)難。這不僅僅是實(shí)現(xiàn)現(xiàn)代化所不能容忍的,更不用說如果這樣做了的話,巴黎的設(shè)計(jì)風(fēng)格就不可能在后來能影響那么多其他偉大的城市的建立了。

  城市規(guī)劃

  另外一個打造一個城市的選擇就是一個更加自下而上的,有機(jī)的,且將各種建筑風(fēng)格融為一爐的方式。城市規(guī)劃的激進(jìn)分子和評論家Jane Jacobs在她精彩絕倫的書《美國偉大城市之生與死》中提到,“有一種城市規(guī)劃方案比完全的丑陋和無序更加面目可憎,這個可憎的的方案就是,通過忽略或者壓制那些掙扎著要顯露出來的需要我們付諸實(shí)現(xiàn)的真正的秩序,來達(dá)到一個表面上有序的假象。

  無窮無盡的遵循拷貝同一種設(shè)計(jì)風(fēng)格,就算這個風(fēng)格是如何的妙不可言,人們都會感覺索然無味,甚至?xí)杏X丑陋的。這個觀點(diǎn)對軟件的可視化設(shè)計(jì)也同樣適合,如果現(xiàn)在所有的軟件看上去都是一個模樣的話,我們就會失去了去欣賞一些別出心裁的其他風(fēng)格的東西的機(jī)會了。

  有如我們現(xiàn)在所生活的城市,我們其實(shí)都住在互聯(lián)網(wǎng)的數(shù)字空間里面。這些空間帶給我們的感覺是非常重要的,所以我們?nèi)绻枰屵@些空間變得各有各精彩的話,我們就需要在功能的考慮上和呈現(xiàn)形式的更少束縛上達(dá)到平衡。多樣且豐富的設(shè)計(jì)美學(xué)會讓每個產(chǎn)品都能獨(dú)樹一幟,通過這樣子做才能讓我們找到設(shè)計(jì)的真諦。

那么下一步要怎么做呢?

  那么下面很有必要提出一些問題,我們嘗試想象一下一個更成熟的軟件可視化設(shè)計(jì)的新紀(jì)元應(yīng)該是什么樣子的:

  在我們的桌面電腦這個范疇上面,那些支持在上面進(jìn)行拖放的面板看上去應(yīng)該是對2D點(diǎn)陣設(shè)備的一個很好的補(bǔ)充。當(dāng)今的很多方面的設(shè)計(jì)其實(shí)都受到了平板等手持設(shè)備的設(shè)計(jì)風(fēng)格的影響。所以在這種程度上說的話,扁平化設(shè)計(jì)其實(shí)更應(yīng)該被看成是針對觸摸屏設(shè)備的原生設(shè)計(jì)風(fēng)格,也許觸屏設(shè)備上面的應(yīng)用天生就應(yīng)該是長這樣子的。觸屏設(shè)備這些新科技震撼著我們的心扉,從而影響了我們設(shè)計(jì)的方式。那么科技設(shè)備很容易就更新?lián)Q代的特性又將會如何影響著我們對將來可視化設(shè)計(jì)風(fēng)格的看法呢?扁平化設(shè)計(jì)又還能主宰多長時間呢?

  每一波潮流經(jīng)過時其實(shí)都會引發(fā)相應(yīng)的一些變動。根據(jù)一種潮流的潮漲潮退的自然特性,遲早有一天“少就是多”這種說法是不會再成立的(編者按:作者應(yīng)該是針對前面說的扁平化設(shè)計(jì)成為當(dāng)前所有人趨之若鶩的設(shè)計(jì)風(fēng)格這種情況,認(rèn)為不應(yīng)該只有一個設(shè)計(jì)風(fēng)格,而應(yīng)多元化發(fā)展)。90年代的桌面電腦出版軟件的出現(xiàn)引發(fā)了大量岑差不齊的電子雜志的泛濫,2000年個人電腦如家電般的普遍讓我們進(jìn)入了像素點(diǎn)的世界,現(xiàn)今我們來到了我們的觸摸屏設(shè)備和扁平化設(shè)計(jì)風(fēng)格的年代。那下一波又是什么呢?相信我,肯定還有下一波的。

  一個具有更高美感的充滿各色各樣的軟件的世界看起來應(yīng)該是怎么樣的呢?也許是一個你的信用卡提供商的軟件和你的襪子訂閱服務(wù)軟件不再看上去像是同一個應(yīng)用的時候的那么一個世界?一旦一個風(fēng)格變得難以置信的風(fēng)靡的時候,就會又其他類型的風(fēng)格站出來嘗試走另外一條道路。那么也許下一波潮流就是一個設(shè)計(jì)多樣化的潮流。

  我們現(xiàn)在和互聯(lián)網(wǎng)設(shè)備進(jìn)行互動的數(shù)字信息變得越來越碎片化,這些信息通常都會以“卡片”的這種零碎的形式呈現(xiàn)給大家。也許將來很多應(yīng)用的功能都已經(jīng)在操作系統(tǒng)層級進(jìn)行提供了(編者注:想像下這樣一個情景,今后社交軟件的大部分功能和游戲的大部分功能都已經(jīng)包含在操作系統(tǒng)層里面了,開發(fā)人員需要做的都是調(diào)用一個不同的API就能在一個設(shè)計(jì)好的界面上運(yùn)行了,那么你覺得到時QQ這個應(yīng)用和暗黑破壞神這款游戲在沒有運(yùn)行時看上去還會有多大區(qū)別嗎?)。 如果這樣的話,這將會導(dǎo)致可視化UI設(shè)計(jì)更加大同小異嗎?或者,會有一個反這種潮流的行為被倡導(dǎo)起來嗎?

  技術(shù)就猶如野火一樣迅速的蔓延全球。假如存在另外一個有著數(shù)十億網(wǎng)民的世界,那么如果給他們帶去跟我們現(xiàn)在的盛行的扁平化設(shè)計(jì)風(fēng)格大相徑庭的風(fēng)格,品味,以及文化影響的話,他們最終又會變成什么樣子呢?是不是也是跟我們現(xiàn)在一樣友扁平化設(shè)計(jì)風(fēng)格一統(tǒng)江湖呢?

  那么究竟將來哪種,或者說哪些設(shè)計(jì)風(fēng)格將會成為現(xiàn)實(shí)呢?這里我不敢妄下斷言。

  也許將來新的設(shè)計(jì)風(fēng)格并不會以暴風(fēng)驟雨的方式降臨人間,而更多是以潤物細(xì)無聲的方法隨風(fēng)潛入我們的設(shè)計(jì)思考中。畢竟,在桌面隱喻(編者注:桌面隱喻,圖形用戶界面的主要特點(diǎn)之一,是指以現(xiàn)實(shí)世界中已經(jīng)存在的、人們已經(jīng)熟知的事物為藍(lán)本,將電腦的數(shù)字化以UI的形式抽象出來讓人們感覺像在真正的辦公桌上工作一樣。)已經(jīng)出現(xiàn)了很長的一段時間之后,真正代表現(xiàn)實(shí)世界的擬物化的設(shè)計(jì)風(fēng)格才來到了我們的眼前。所以又有誰敢妄加判定說當(dāng)前這種數(shù)字對象的簡約設(shè)計(jì)風(fēng)格不會在未來很長的一段時間陪伴著我們呢?

  雖然,我自己本身對這是抱著非常懷疑的態(tài)度的!

  也許你對這會有著你的看法,這里編者非常歡迎你能到下面提供的聯(lián)系方式中給出你的觀點(diǎn)。

  版權(quán):本作品采用[創(chuàng)作共用署名3.0中國大陸版許可證)], 若非授權(quán),轉(zhuǎn)發(fā)時切勿刪除以下聯(lián)系信息,否則追究相應(yīng)責(zé)任。

  提醒:更多相關(guān)文章將請關(guān)注微信公眾號:techgogogo和官網(wǎng)www.techgogogo.com。

網(wǎng)站題目:可視化設(shè)計(jì)之迷失扁平化風(fēng)潮
網(wǎng)站鏈接:http://muchs.cn/news/168038.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、搜索引擎優(yōu)化、軟件開發(fā)企業(yè)建站、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司