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

早期的手機(jī)，比iPhone更早以前，都在做擬物化設(shè)計(jì)，即使是分辨率顯示不夠，但是要做一款漂亮的擬物圖標(biāo)也是可以實(shí)現(xiàn)的。如果當(dāng)時(shí)有人提出或者開(kāi)創(chuàng)出扁平風(fēng)格，或許扁平已經(jīng)橫行十幾年了。只不過(guò)，那個(gè)時(shí)候，沒(méi)有牛逼的設(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)效？我不覺(jué)得是有了這套技術(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)|，三十年河西��！錘子在最開(kāi)始的UI，是重?cái)M物，當(dāng)時(shí)我覺(jué)得非常帥，但是并不認(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)。

這些圖標(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ì)�；蛟S說(shuō)不認(rèn)真不準(zhǔn)確，至少達(dá)不到我理想的認(rèn)真。

左邊的圖是在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ī)，比如備忘錄，比如指南針，比如郵件，比如瀏覽器。我沒(méi)有說(shuō)蘋(píng)果現(xiàn)在的設(shè)計(jì)是“丑”的，是“壞”的，是我感覺(jué)不夠“認(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é)果，所以喜歡原作的人有很多可能是喜歡其“配色”，并沒(méi)有去較真這些細(xì)節(jié)圖形的表達(dá)，扁平優(yōu)勢(shì)在于極簡(jiǎn)的高識(shí)別，那么就應(yīng)該在保證識(shí)別度的情況下深挖它的極簡(jiǎn)和圖形的提煉。

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

最近的一些主題比賽非常有意思，大家都在畫(huà)昆蟲(chóng)，這三個(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像素等等……‘’

負(fù)責(zé)的設(shè)計(jì)師，應(yīng)該對(duì)每個(gè)尺寸的icon都進(jìn)行調(diào)整，雖然這個(gè)工作非常耗費(fèi)時(shí)間，可是這是一種責(zé)任。扁平的優(yōu)勢(shì)在于，利用代碼能寫(xiě)出一些圖形，進(jìn)行自身放大縮小都能保持比較好的視覺(jué)識(shí)別和清晰度，都能，保持，比較好的，清晰度。但是如果做出一個(gè)產(chǎn)品，你同樣要去在每個(gè)分辨率下進(jìn)行試看和調(diào)整修改。分辨率問(wèn)題，僅僅是耗時(shí)，這事情愿意不愿意做，交給產(chǎn)品負(fù)責(zé)人，交給設(shè)計(jì)師，我們真的沒(méi)必要去糾結(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é)束前，想起一個(gè)設(shè)計(jì)，或許它不算是UI。在原研哉的《設(shè)計(jì)中的設(shè)計(jì)》一書(shū)中，有一個(gè)案例，衛(wèi)生紙的設(shè)計(jì)。

引文：圖片顯示了坂茂對(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è)案例，供大家?jiàn)蕵?lè)和思考。

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

之所以寫(xiě)下這篇，是因?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ō)：你看蘋(píng)果，你看谷歌，你看推特，有一天你的設(shè)計(jì)改變了潮流，蘋(píng)果的設(shè)計(jì)師對(duì)他們BOSS說(shuō)：“Hey，boss，you look look this Chinese design……”（看這英文說(shuō)得，多么適合大眾口味！括弧笑）。

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

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

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