請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!(4)

來(lái)源:未知 作者:牛MO王涵 學(xué)習(xí):2784人次

扁平與擬物兩派之爭(zhēng),從來(lái)都是話題之王,今年扁平化勢(shì)力越來(lái)越強(qiáng)盛,于是有設(shè)計(jì)師喊出這個(gè)話題該終結(jié)了,F(xiàn)在擬物是華山劍宗一脈,雖然氣象衰微,仍有老羅這個(gè)風(fēng)清揚(yáng)在堅(jiān)持,今天令狐沖@牛MO王涵 小哥為其正名,孰對(duì)孰錯(cuò)不要緊,爭(zhēng)出個(gè)美好就行。

前幾天看到有個(gè)朋友發(fā)表了一篇《擬物化VS扁平化話題終結(jié)者》的文章,其中一句“科技引領(lǐng)方向”深有感觸,所以特開UI系列綠色新“坑兒”,也想聊聊這個(gè)事兒。要說(shuō)明的是,我不是來(lái)罵仗的,原文內(nèi)容我部分也很贊同,但是有些觀點(diǎn)咱們得慢慢聊聊,也希望大家一起交流探討,人類的思想和嘴巴就是要利用起來(lái)推動(dòng)人類進(jìn)步的。好了,該開始了。另外,藍(lán)色理論坑兒我會(huì)慢慢補(bǔ),橙色實(shí)戰(zhàn)案例坑兒正在籌備……太忙了,請(qǐng)諒解。

差異化

關(guān)于歷史和演變問(wèn)題,我不能給予定論,也無(wú)法揣測(cè)古人們的思想。就像三國(guó)演義里描述的劉備大善,張飛莽夫,然而,如果事實(shí)上真有這樣的人物,他們真的是這種性格嗎?這不是故事的描述嗎?也有野史說(shuō)張飛書畫文筆非常了得,因?yàn)楣适滦枰旁O(shè)定這樣的形象而且愈演愈烈。在我眼中,劉備才是三國(guó)里最小人的、最奸詐的人物,只靠下跪和眼淚就騙的眾多豪杰為其賣命,簡(jiǎn)直就是邪教教主。

所以問(wèn)題來(lái)了,誰(shuí)能定論祖先們想書寫的第一個(gè)“圖形”不想往擬物走呢?見到鳥,如果他們能畫出真實(shí)的鳥,相信他們一定會(huì)的,所以逐漸衍生出了相機(jī)。在這里,的確是有關(guān)科技或者技術(shù)問(wèn)題,但是我并不認(rèn)為這是引領(lǐng),反而是限制。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

我們先假設(shè)一下,如果沒有相機(jī),人們想識(shí)別鳥類,這些是某設(shè)計(jì)師設(shè)計(jì)的“擬物”鳥類圖標(biāo),相信看到名字再加上形象,大家已經(jīng)能夠識(shí)別了。如果沒有擬物設(shè)計(jì)的發(fā)展,直接扁平化呢?我們感受一下。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

這個(gè)例子并不嚴(yán)格準(zhǔn)確,因?yàn)槲覀円呀?jīng)發(fā)明的相機(jī)。為什么發(fā)明了相機(jī)?是拍腦袋沒事想到的嗎?一定不是。而是因?yàn)楸蝗粘I钏枰。接下?lái)我要說(shuō)的這個(gè)例子是:

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

雖然大家很少看到,但是一定知道這是twitter的logo,它足夠扁平了對(duì)嗎?它能看出來(lái)是一只小鳥,能想象到大家在twitter上嘰嘰喳喳的說(shuō)話,非常成功,而且采用了扁平化設(shè)計(jì)也是非常正確,它讓每個(gè)用戶自己聯(lián)想自己是什么樣的鳥,雄鷹還是孔雀還是麻雀;可以讓用戶設(shè)定自己是什么顏色,是幸福的藍(lán)色還是七彩的還是其他。扁平帶給人無(wú)限的想象空間,說(shuō)的俗一點(diǎn)就是個(gè)性化定制。如果將其擬物化,它的定位就是準(zhǔn)確的“藍(lán)色蜂鳥”,而這個(gè)形象會(huì)因?yàn)榇蟊姷牟煌瑢徝来嬖诓煌南埠茫粫?huì)優(yōu)于扁平化的設(shè)計(jì)。而這,和科技本身似乎沒什么關(guān)系。接著,我要說(shuō)相機(jī)。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

蘋果的相機(jī)icon,從擬物進(jìn)化到“扁平”(我一直覺得蘋果的設(shè)計(jì)不能叫純扁平,我不能肯定,windows8的純色塊在我看來(lái)才叫真正意義的扁平),拋除美感的因素,它的識(shí)別性足夠了,讓用戶第一眼知道,這是相機(jī),可以了,可以說(shuō)最新的ios 7設(shè)計(jì)讓更多的人知道,這是一個(gè)相機(jī),因?yàn)樗鼘⑾鄼C(jī)的外形完美呈現(xiàn)了,只是它不夠嚴(yán)謹(jǐn),不夠美。這個(gè)建立在系統(tǒng)功能上,讓大眾用戶快速了解熟知圖標(biāo)定義,扁平能更好的達(dá)到其效果。那么,如果我們要做一款相機(jī)應(yīng)用呢?都用扁平嗎?差異化在哪兒?

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

如果應(yīng)用商店里都是這些icon,它起到的就是告訴你:這是一個(gè)相機(jī)應(yīng)用。其他并沒有更多的信息傳達(dá)了,用戶能區(qū)分的,只有應(yīng)用截圖或者其他廣告渠道。如果你將你的應(yīng)用圖標(biāo)設(shè)計(jì)的非常棒,用戶是否也會(huì)聯(lián)想到,它的應(yīng)用也非常棒呢?會(huì)不會(huì)被其icon所吸引呢?

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

當(dāng)然,如果設(shè)計(jì)師能力不夠,圖標(biāo)不夠精美,用戶也會(huì)因?yàn)閳D標(biāo)就覺得這個(gè)應(yīng)用未必精致,這個(gè)時(shí)候扁平的優(yōu)勢(shì)就來(lái)了,因?yàn)楸馄皆O(shè)計(jì)哪怕設(shè)計(jì)師功底并不高,但是做了不會(huì)像擬物難度那么大。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

再比如,我們?cè)谀硞(gè)應(yīng)用中看到這樣一個(gè)圖標(biāo):

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

它要傳達(dá)給用戶的意思:和汽車或者駕駛有關(guān)的功能,這個(gè)圖標(biāo)表達(dá)準(zhǔn)確,沒問(wèn)題。如果,我們要做一款所有系列汽車的引用,這個(gè)圖標(biāo)代表車型,那么誰(shuí)來(lái)告訴我,這是什么車?如果不是擬物化圖標(biāo),它所傳達(dá)的視覺一定是非常低的。所以,即使要占用資源和內(nèi)存,也要把功能和體驗(yàn)完善,這是前提。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

這個(gè)例子可能還不足以打動(dòng)大家,但是這個(gè)認(rèn)證一個(gè)問(wèn)題:設(shè)計(jì)不分扁平還是擬物,要的是符合產(chǎn)品本身需求,做合適的設(shè)計(jì)而不是強(qiáng)行跟隨哪種風(fēng)格或強(qiáng)行符合哪種技術(shù)。

效率

扁平化目前深得大眾喜好,是因?yàn)楸馄交苌龆喾N風(fēng)格,這些風(fēng)格滿足用戶需求并且符合現(xiàn)代科技所產(chǎn)生的效果。尤其國(guó)內(nèi),扁平更加大眾化,因?yàn)樗茈y去認(rèn)定它對(duì)或錯(cuò),而且用戶不懂、不了解何為真正的美。所以當(dāng)時(shí)喬幫主說(shuō):“很多人沒有準(zhǔn)確的審美”。舉個(gè)栗子:

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

一個(gè)“喜歡”的圖標(biāo),你可以做出很多種,都表達(dá)的是心,可是你能分辨它們內(nèi)在的區(qū)別嗎?設(shè)計(jì)師是可以的,他們感受到創(chuàng)意、規(guī)范、圓角的處理、細(xì)節(jié)等等,可大眾不是的,他們只需要一個(gè)“心”的標(biāo)示就足夠了。誰(shuí)管你規(guī)范或者顏色用的對(duì)錯(cuò),而你的設(shè)計(jì),完全可能影響了其他人。10個(gè)人,有8個(gè)審美不夠的人說(shuō)這個(gè)設(shè)計(jì)的好看,而2個(gè)有審美的人說(shuō),這個(gè)做的不夠好,難道8大于2就是對(duì)的?別較真,我這里說(shuō)的是8個(gè)審美不好的特定因素。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

這就是需要設(shè)計(jì)師去引導(dǎo)用戶,潛意識(shí)的告訴用戶什么是美的、創(chuàng)意的、規(guī)范的,而對(duì)于這個(gè)整個(gè)設(shè)計(jì)背后的過(guò)程,是其他人看不到的,我們深藏功與名。

簡(jiǎn)單的一個(gè)“心”的圖標(biāo),你可以用3秒鐘搞定它,PS有這個(gè)矢量圖形;你可以用2分鐘搞定它,再自帶的基礎(chǔ)上調(diào)整跟改進(jìn);你也可能會(huì)花30分鐘搞定它,因?yàn)槟阋靡?guī)范的規(guī)律的形狀和運(yùn)算角度來(lái)控制它的嚴(yán)謹(jǐn);你也可能花10個(gè)小時(shí)去設(shè)計(jì)它,它的配色,它的多種創(chuàng)意圖形,它的轉(zhuǎn)角以及一些可以優(yōu)化的點(diǎn)。你可以對(duì)自己隨意,也可以對(duì)自己負(fù)責(zé)。

很多優(yōu)秀的設(shè)計(jì)來(lái)源于歐美或者平面來(lái)源于日本那樣,如果去過(guò)那些地方我們就發(fā)現(xiàn),因?yàn)樗麄兊恼w設(shè)計(jì)質(zhì)量就很高,哪怕街邊的路牌,和中國(guó)滿大街可笑的牌匾相比,設(shè)計(jì)氛圍就比我們好太多。那么你們說(shuō),在高質(zhì)量環(huán)境下成長(zhǎng)的設(shè)計(jì)師,能爛到什么程度?這是耳融目染相互影響的。國(guó)內(nèi)近幾年所有設(shè)計(jì)水平飛躍性的提升,相對(duì)的整體設(shè)計(jì)質(zhì)量也在提高,難道不是環(huán)境所影響?沒有那些不斷創(chuàng)新、規(guī)范、前進(jìn)、糾結(jié)的設(shè)計(jì)者們?yōu)槲覀冮_路,我們只能評(píng)自己的能力理解美或者不美。就好似一些主題設(shè)計(jì)大賽,每次第一名的風(fēng)格,一定會(huì)被其他比賽沿用,因?yàn)榇蠹蚁嘈,被認(rèn)可的就是美的。做設(shè)計(jì),不要一直跟風(fēng),而是要突破,這條路很難,但是值得我們?nèi)ヌ魬?zhàn),因?yàn)橹挥虚_出一條路來(lái),其他人才會(huì)跟著走。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

在哪里都有對(duì)設(shè)計(jì)指點(diǎn)江山的人,所以,在擬物化設(shè)計(jì)的時(shí)候,一個(gè)icon你花費(fèi)了6個(gè)小時(shí)去設(shè)計(jì),結(jié)果老板或者產(chǎn)品經(jīng)理或者設(shè)計(jì)總監(jiān)或者掃地阿姨不喜歡,都能讓你去修改,無(wú)奈你又花了6小時(shí),不行再改,不行再改,不行再改,不行……不行辭職了。這個(gè)時(shí)間成本是多么可怕!可是如果你做扁平設(shè)計(jì),可能一小時(shí)就搞定了,再改再改,改十次才10個(gè)小時(shí),效率是大大降低的。這是目前扁平流行的一大因素,快速執(zhí)行和修正。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

原作者拿這個(gè)ICON做了一個(gè)例子,我沒懂想表現(xiàn)什么,我自己的理解是:這樣復(fù)雜的icon在縮小尺寸很難看到精彩細(xì)節(jié),只有大尺寸才美;谶@個(gè)點(diǎn),我想舉個(gè)反栗子:

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

最小的識(shí)別性有了,那么大的呢?精彩在哪里?震撼到你了嗎?

畫的畫沒用嗎?

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

原作者對(duì)不起,又要說(shuō)你的大龍蝦了。我非常贊同,這就是畫畫了,不能算圖標(biāo)。畫的好就有錯(cuò)嗎?肯定不是,我想我和原作者都不認(rèn)為畫的好有錯(cuò),關(guān)鍵是它是不是、能不能成為UI,這個(gè)事兒就得聊了。作為技法的展現(xiàn),怎么把它變成“圖標(biāo)”,變成精美的圖標(biāo),就是作者運(yùn)用的問(wèn)題了(由于我沒有原作源文件,所以進(jìn)行簡(jiǎn)單的PS處理,請(qǐng)諒解)。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

這可不可以算作一個(gè)龍蝦美食應(yīng)用的icon呢?

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

如果結(jié)合小丑魚或者蜜蜂或者置換其中的元素,它算不算UI呢?

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

如果運(yùn)用在網(wǎng)站上,算不算是UI設(shè)計(jì)呢?會(huì)不會(huì)比拍照來(lái)的有趣?

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

再如樓主參加比賽,把每個(gè)細(xì)節(jié)和局部提出來(lái),是不是也能算是一套寫實(shí)的主題設(shè)計(jì)呢?這些點(diǎn)都是可以用的。所以,在我之前的文章和問(wèn)題上,我強(qiáng)調(diào)過(guò)也收到過(guò)這樣的問(wèn)題,畫的好對(duì)UI有沒有用?有用,非常有用。即使扁平橫行的年代,仍然有用!這是一切的基礎(chǔ),磨練自己的畫工肯定是有利無(wú)害的!

指引

誰(shuí)引導(dǎo)誰(shuí),可能原文中沒有說(shuō)的太清楚,卻有很多人都評(píng)論并且肯定的說(shuō):“科技引領(lǐng)設(shè)計(jì)”,這點(diǎn)我不能認(rèn)同。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

看過(guò)鋼鐵俠電影的,相信對(duì)里面的科幻界面都有很深的印象,這些是UI中的界面設(shè)計(jì),對(duì)么?現(xiàn)在科技能達(dá)到嗎?達(dá)不到,對(duì)嗎?那我們就不去思考,不去創(chuàng)新,不去探索了嗎?答案一定是否定的!正因?yàn)闊o(wú)論是設(shè)計(jì)者或者創(chuàng)意家設(shè)想出這個(gè)畫面,然后通過(guò)設(shè)計(jì)師來(lái)設(shè)計(jì)整個(gè)效果和細(xì)節(jié),這樣呈現(xiàn)給全世界,全世界的科學(xué)家或者是程序員才會(huì)通過(guò)這個(gè)創(chuàng)意進(jìn)行探索和研究,讓科技努力達(dá)到這樣的效果。很多這些幕后的事情,是我們根本看不到的,所以才會(huì)出現(xiàn)那么多概念產(chǎn)品(比如概念汽車,概念手機(jī)系統(tǒng))。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

早期的手機(jī),比iPhone更早以前,都在做擬物化設(shè)計(jì),即使是分辨率顯示不夠,但是要做一款漂亮的擬物圖標(biāo)也是可以實(shí)現(xiàn)的。如果當(dāng)時(shí)有人提出或者開創(chuàng)出扁平風(fēng)格,或許扁平已經(jīng)橫行十幾年了。只不過(guò),那個(gè)時(shí)候,沒有牛逼的設(shè)計(jì)師提出扁平這個(gè)概念。

谷歌最新的Material Design,絕對(duì)大大引領(lǐng)了設(shè)計(jì)風(fēng)潮,無(wú)論是細(xì)節(jié)、圖形設(shè)計(jì)、規(guī)則、配色等等,都非常棒。為這套設(shè)計(jì)加分的不僅僅是扁平設(shè)計(jì),更多的是因?yàn)槟琴澋奖慕换?dòng)效。這的確是需要技術(shù)的支持,但是我并不認(rèn)為說(shuō)是科技的“引領(lǐng)”,誰(shuí)能去采訪一下谷歌公司,是否是有了這套Material風(fēng)格的設(shè)計(jì),再去想辦法加以實(shí)現(xiàn)精彩的動(dòng)效?我不覺得是有了這套技術(shù),然后去套一個(gè)符合這套技術(shù)的設(shè)計(jì)。所以,這是在做適合的設(shè)計(jì),而不能片面的認(rèn)為這是追隨扁平時(shí)代的潮流。

接著不得不說(shuō)錘子UI的事兒,從以前的文章來(lái)看,原作者絕對(duì)不是錘粉,甚至深深的對(duì)擬物化設(shè)計(jì)具有抵觸思想。而有意思的是,我在以前的設(shè)計(jì)中提倡擬物不死,因?yàn)槲蚁嘈旁O(shè)計(jì)是循環(huán)的,現(xiàn)在擬物的衰落因?yàn)榇蠹?ldquo;看膩了”,大家更愿意被牛逼的交互動(dòng)效所吸引。但是當(dāng)這些也膩了的時(shí)候,三十年河?xùn)|,三十年河西啊!錘子在最開始的UI,是重?cái)M物,當(dāng)時(shí)我覺得非常帥,但是并不認(rèn)為那是一套適合的設(shè)計(jì)。而最新的錘子UI,我認(rèn)為非常贊,這是一種輕擬物,也大家都在改進(jìn)和突破的設(shè)計(jì)。這種輕擬物可以實(shí)現(xiàn)很多動(dòng)效,也不會(huì)因?yàn)樘嗉?xì)節(jié)和占用所謂的資源、內(nèi)存,當(dāng)然肯定會(huì)高一點(diǎn)點(diǎn)。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

這些圖標(biāo)風(fēng)格并不是超真實(shí)擬物,但是也絕對(duì)不是狠狠的扁平。利用淡淡的漸變色和一些光影來(lái)達(dá)到兩者之間,識(shí)別性高又不失美感。要說(shuō)最大的問(wèn)題,應(yīng)該就是第三方圖標(biāo)了,畢竟不是出自一個(gè)設(shè)計(jì)師之手,所以對(duì)這種風(fēng)格來(lái)說(shuō)很難去把握。只說(shuō)目前系統(tǒng)默認(rèn)的圖標(biāo),我認(rèn)為,真的很好看?吹竭@里心里默默鄙視我是羅粉的請(qǐng)淡定,我用的還是iPhone,以前我也說(shuō)我非常非常討厭ios7風(fēng)格的設(shè)計(jì),但是我卻喜歡整套功能和交互,ios7最讓我接受不了的不認(rèn)真的設(shè)計(jì)。或許說(shuō)不認(rèn)真不準(zhǔn)確,至少達(dá)不到我理想的認(rèn)真。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

左邊的圖是在IOS7發(fā)布以后,dribbble上一位設(shè)計(jì)師進(jìn)行的重新設(shè)計(jì),如果ios是左圖這樣的設(shè)計(jì),那么我認(rèn)為它是“認(rèn)真”的。大家也可以去細(xì)細(xì)感受一下,色彩上的輕微調(diào)整,還有規(guī)范的設(shè)計(jì)細(xì)節(jié),比如相機(jī),比如備忘錄,比如指南針,比如郵件,比如瀏覽器。我沒有說(shuō)蘋果現(xiàn)在的設(shè)計(jì)是“丑”的,是“壞”的,是我感覺不夠“認(rèn)真”。

我理解的認(rèn)真,比如相機(jī)圖標(biāo),原設(shè)計(jì)有左上角一個(gè)按鈕和兩條白線,而我認(rèn)為,如果要做成極簡(jiǎn),這個(gè)圖形可以再簡(jiǎn)練!比如天氣圖標(biāo),它背景的漸變色是從上到下從深入淺,而其他的設(shè)計(jì)比如電話,都是由淺入深(如果說(shuō)模擬真實(shí)天空顏色,那么原作是正確的,可是不是說(shuō)不擬物嗎,那可以根據(jù)規(guī)范統(tǒng)一一下。槐热缯掌陀螒蛑行牡膱D標(biāo),它們使用的色系是一致的,但是處理的方法和質(zhì)感不同,為什么要加一些高光?有必要嗎?模擬氣泡?不是不擬物嗎?比如備忘錄,備忘錄和便簽差不多,那么多的線想表達(dá)的就是一個(gè)事兒,這個(gè)圖形可以更簡(jiǎn)練;比如safari,采用很多周圍的小點(diǎn),這些小點(diǎn)表達(dá)的是指南針羅盤吧,可是這么多密集的排布在如此小的圖標(biāo)上,反而很亂,這些都是可以更簡(jiǎn)潔一些,這是我認(rèn)為原作“不夠認(rèn)真”。原設(shè)計(jì)的配色是根據(jù)大眾最喜歡的調(diào)查結(jié)果,所以喜歡原作的人有很多可能是喜歡其“配色”,并沒有去較真這些細(xì)節(jié)圖形的表達(dá),扁平優(yōu)勢(shì)在于極簡(jiǎn)的高識(shí)別,那么就應(yīng)該在保證識(shí)別度的情況下深挖它的極簡(jiǎn)和圖形的提煉。

說(shuō)到這里可能有些偏題了,回過(guò)頭我要問(wèn),誰(shuí)定義的蘋果最新設(shè)計(jì)是扁平風(fēng)?就是因?yàn)橛幸恍┘兩珗D形?那魅族、MIUI等等,這類也是扁平嗎?這個(gè)事情不對(duì)吧。別說(shuō)這是一個(gè)扁平時(shí)代,到底目前最流行的一些UI設(shè)計(jì)是不是扁平還不能下結(jié)論呢。WIN8,谷歌,我認(rèn)為這是最具代表性的扁平,純色塊搭配極簡(jiǎn)提煉的圖形,達(dá)到視覺識(shí)別效果。如果說(shuō)帶一點(diǎn)漸變色,搭配一些純色圖形,也是扁平,即是說(shuō)IOS、MIUI都是扁平,那好,我們從這個(gè)定義上走,錘子它也是扁平啊,同樣的淡色漸變,加配一些淡淡投影。如果誰(shuí)能把這個(gè)邏輯給我說(shuō)清楚,我非常希望得到賜教和一起探討。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

最近的一些主題比賽非常有意思,大家都在畫昆蟲,這三個(gè)是我很喜歡的設(shè)計(jì),拋出來(lái)問(wèn)問(wèn)大家,這是擬物?還是扁平?(注意看圖標(biāo)的排序是不是很有趣)

哦,對(duì)了還有分辨率的問(wèn)題。一款icon的誕生,做UI的人都知道,要先從1024像素做,然后512像素,微調(diào);然后256像素,微調(diào);128像素,微調(diào);96像素、72像素、64像素、48像素、32像素、24像素、16像素等等……‘’

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

負(fù)責(zé)的設(shè)計(jì)師,應(yīng)該對(duì)每個(gè)尺寸的icon都進(jìn)行調(diào)整,雖然這個(gè)工作非常耗費(fèi)時(shí)間,可是這是一種責(zé)任。扁平的優(yōu)勢(shì)在于,利用代碼能寫出一些圖形,進(jìn)行自身放大縮小都能保持比較好的視覺識(shí)別和清晰度,都能,保持,比較好的,清晰度。但是如果做出一個(gè)產(chǎn)品,你同樣要去在每個(gè)分辨率下進(jìn)行試看和調(diào)整修改。分辨率問(wèn)題,僅僅是耗時(shí),這事情愿意不愿意做,交給產(chǎn)品負(fù)責(zé)人,交給設(shè)計(jì)師,我們真的沒必要去糾結(jié)它。做的好,是應(yīng)該的,做不好,是你自己的錯(cuò),不要去怪技術(shù)不要去怪分辨率(不過(guò)目前這些該死的分辨率真的很頭疼,尤其是圖標(biāo)類,可是如果你用矢量工具去做,用嚴(yán)格的矢量圖形去切割融合,在各個(gè)分辨率下進(jìn)行絕對(duì)準(zhǔn)確數(shù)值的調(diào)整,那么會(huì)大大降低工作量,所以放棄從網(wǎng)上下載PNG素材,做自己的設(shè)計(jì)才是王道)。

結(jié)語(yǔ)

結(jié)束前,想起一個(gè)設(shè)計(jì),或許它不算是UI。在原研哉的《設(shè)計(jì)中的設(shè)計(jì)》一書中,有一個(gè)案例,衛(wèi)生紙的設(shè)計(jì)。

請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!

引文:圖片顯示了坂茂對(duì)衛(wèi)生紙的再設(shè)計(jì)。方形紙管形成紙卷芯。由于芯是方的,結(jié)果上面的紙也卷成了方的。放在紙架上拉出來(lái)用時(shí),方紙卷會(huì)費(fèi)勁地發(fā)出“咔噠咔噠”聲。而傳統(tǒng)的圓紙卷轉(zhuǎn)起來(lái)則輕松順暢,一拉“嗖嗖”的。所以,傳統(tǒng)設(shè)計(jì)的圓紙卷被你拉出來(lái)的紙比你實(shí)際需要的多。而方紙卷則由于阻力,起到了降低資源消耗的作用,并傳遞了節(jié)省的信息。包裝上也是,圓紙卷間隙較大,方紙卷能緊靠在一起,節(jié)省了運(yùn)輸和儲(chǔ)存空間。

一個(gè)簡(jiǎn)單的日常家用衛(wèi)生紙,與科技無(wú)關(guān),但是和設(shè)計(jì)有關(guān),和生活有關(guān)。在最后放出這樣一個(gè)案例,供大家娛樂(lè)和思考。

的確,我本人偏愛擬物,但是我相信我是相對(duì)冷靜和客觀的人,在時(shí)下我在做項(xiàng)目和案例的時(shí)候,也會(huì)更多的考慮用到扁平設(shè)計(jì)。因?yàn),我要?duì)產(chǎn)品負(fù)責(zé),不能因?yàn)閭(gè)人喜好而去強(qiáng)行做什么樣的風(fēng)格,我要做的只有:做適合的設(shè)計(jì)。

之所以寫下這篇,是因?yàn)樵挠幸稽c(diǎn)我最不能贊同:話題終結(jié)者。這個(gè)話題我真的不希望終結(jié),只有我們彼此創(chuàng)新、彼此辯論、彼此用自己的方式或者執(zhí)行的設(shè)計(jì)來(lái)對(duì)比,才能有更多的可能性去改變這個(gè)世界,難道我們中國(guó)的設(shè)計(jì)就一定要跟國(guó)外的風(fēng)嗎!?現(xiàn)在無(wú)論做什么你的客戶或者老板都會(huì)說(shuō):你看蘋果,你看谷歌,你看推特,有一天你的設(shè)計(jì)改變了潮流,蘋果的設(shè)計(jì)師對(duì)他們BOSS說(shuō):“Hey,boss,you look look this Chinese design……”(看這英文說(shuō)得,多么適合大眾口味!括弧笑)。

對(duì),我就是個(gè)愛做夢(mèng)的人,你可以盡情的嘲笑我。

但是,你們永遠(yuǎn)不能阻止我去追夢(mèng)。

繼續(xù)爭(zhēng)吵吧,為了明天的美好。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!