請(qǐng)別終結(jié)擬物VS扁平這個(gè)話題!
扁平與擬物兩派之爭(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)方向”深有感觸,所以特開(kāi)UI系列綠色新“坑兒”,也想聊聊這個(gè)事兒。要說(shuō)明的是,我不是來(lái)罵仗的,原文內(nèi)容我部分也很贊同,但是有些觀點(diǎn)咱們得慢慢聊聊,也希望大家一起交流探討,人類的思想和嘴巴就是要利用起來(lái)推動(dòng)人類進(jìn)步的。好了,該開(kāi)始了。另外,藍(lán)色理論坑兒我會(huì)慢慢補(bǔ),橙色實(shí)戰(zhàn)案例坑兒正在籌備……太忙了,請(qǐng)諒解。
差異化關(guān)于歷史和演變問(wèn)題,我不能給予定論,也無(wú)法揣測(cè)古人們的思想。就像三國(guó)演義里描述的劉備大善,張飛莽夫,然而,如果事實(shí)上真有這樣的人物,他們真的是這種性格嗎?這不是故事的描述嗎?也有野史說(shuō)張飛書(shū)畫(huà)文筆非常了得,因?yàn)楣适滦枰旁O(shè)定這樣的形象而且愈演愈烈。在我眼中,劉備才是三國(guó)里最小人的、最奸詐的人物,只靠下跪和眼淚就騙的眾多豪杰為其賣命,簡(jiǎn)直就是邪教教主。
所以問(wèn)題來(lái)了,誰(shuí)能定論祖先們想書(shū)寫(xiě)的第一個(gè)“圖形”不想往擬物走呢?見(jiàn)到鳥(niǎo),如果他們能畫(huà)出真實(shí)的鳥(niǎo),相信他們一定會(huì)的,所以逐漸衍生出了相機(jī)。在這里,的確是有關(guān)科技或者技術(shù)問(wèn)題,但是我并不認(rèn)為這是引領(lǐng),反而是限制。
我們先假設(shè)一下,如果沒(méi)有相機(jī),人們想識(shí)別鳥(niǎo)類,這些是某設(shè)計(jì)師設(shè)計(jì)的“擬物”鳥(niǎo)類圖標(biāo),相信看到名字再加上形象,大家已經(jīng)能夠識(shí)別了。如果沒(méi)有擬物設(shè)計(jì)的發(fā)展,直接扁平化呢?我們感受一下。
這個(gè)例子并不嚴(yán)格準(zhǔn)確,因?yàn)槲覀円呀?jīng)發(fā)明的相機(jī)。為什么發(fā)明了相機(jī)?是拍腦袋沒(méi)事想到的嗎?一定不是。而是因?yàn)楸蝗粘I钏枰。接下?lái)我要說(shuō)的這個(gè)例子是:
雖然大家很少看到,但是一定知道這是twitter的logo,它足夠扁平了對(duì)嗎?它能看出來(lái)是一只小鳥(niǎo),能想象到大家在twitter上嘰嘰喳喳的說(shuō)話,非常成功,而且采用了扁平化設(shè)計(jì)也是非常正確,它讓每個(gè)用戶自己聯(lián)想自己是什么樣的鳥(niǎo),雄鷹還是孔雀還是麻雀;可以讓用戶設(shè)定自己是什么顏色,是幸福的藍(lán)色還是七彩的還是其他。扁平帶給人無(wú)限的想象空間,說(shuō)的俗一點(diǎn)就是個(gè)性化定制。如果將其擬物化,它的定位就是準(zhǔn)確的“藍(lán)色蜂鳥(niǎo)”,而這個(gè)形象會(huì)因?yàn)榇蟊姷牟煌瑢徝来嬖诓煌南埠,它不?huì)優(yōu)于扁平化的設(shè)計(jì)。而這,和科技本身似乎沒(méi)什么關(guān)系。接著,我要說(shuō)相機(jī)。
蘋(píng)果的相機(jī)icon,從擬物進(jìn)化到“扁平”(我一直覺(jué)得蘋(píng)果的設(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)用呢?都用扁平嗎?差異化在哪兒?
如果應(yīng)用商店里都是這些icon,它起到的就是告訴你:這是一個(gè)相機(jī)應(yīng)用。其他并沒(méi)有更多的信息傳達(dá)了,用戶能區(qū)分的,只有應(yīng)用截圖或者其他廣告渠道。如果你將你的應(yīng)用圖標(biāo)設(shè)計(jì)的非常棒,用戶是否也會(huì)聯(lián)想到,它的應(yīng)用也非常棒呢?會(huì)不會(huì)被其icon所吸引呢?
當(dāng)然,如果設(shè)計(jì)師能力不夠,圖標(biāo)不夠精美,用戶也會(huì)因?yàn)閳D標(biāo)就覺(jué)得這個(gè)應(yīng)用未必精致,這個(gè)時(shí)候扁平的優(yōu)勢(shì)就來(lái)了,因?yàn)楸馄皆O(shè)計(jì)哪怕設(shè)計(jì)師功底并不高,但是做了不會(huì)像擬物難度那么大。
再比如,我們?cè)谀硞(gè)應(yīng)用中看到這樣一個(gè)圖標(biāo):
它要傳達(dá)給用戶的意思:和汽車或者駕駛有關(guān)的功能,這個(gè)圖標(biāo)表達(dá)準(zhǔn)確,沒(méi)問(wèn)題。如果,我們要做一款所有系列汽車的引用,這個(gè)圖標(biāo)代表車型,那么誰(shuí)來(lái)告訴我,這是什么車?如果不是擬物化圖標(biāo),它所傳達(dá)的視覺(jué)一定是非常低的。所以,即使要占用資源和內(nèi)存,也要把功能和體驗(yàn)完善,這是前提。
這個(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ō):“很多人沒(méi)有準(zhǔn)確的審美”。舉個(gè)栗子:
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- Photoshop初級(jí)教程-命令的技巧
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論