請別終結(jié)擬物VS扁平這個話題！(3)

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

谷歌最新的Material Design，絕對大大引領了設計風潮，無論是細節(jié)、圖形設計、規(guī)則、配色等等，都非常棒。為這套設計加分的不僅僅是扁平設計，更多的是因為那贊到爆的交互動效。這的確是需要技術(shù)的支持，但是我并不認為說是科技的“引領”，誰能去采訪一下谷歌公司，是否是有了這套Material風格的設計，再去想辦法加以實現(xiàn)精彩的動效？我不覺得是有了這套技術(shù)，然后去套一個符合這套技術(shù)的設計。所以，這是在做適合的設計，而不能片面的認為這是追隨扁平時代的潮流。

接著不得不說錘子UI的事兒，從以前的文章來看，原作者絕對不是錘粉，甚至深深的對擬物化設計具有抵觸思想。而有意思的是，我在以前的設計中提倡擬物不死，因為我相信設計是循環(huán)的，現(xiàn)在擬物的衰落因為大家“看膩了”，大家更愿意被牛逼的交互動效所吸引。但是當這些也膩了的時候，三十年河東，三十年河西啊！錘子在最開始的UI，是重擬物，當時我覺得非常帥，但是并不認為那是一套適合的設計。而最新的錘子UI，我認為非常贊，這是一種輕擬物，也大家都在改進和突破的設計。這種輕擬物可以實現(xiàn)很多動效，也不會因為太多細節(jié)和占用所謂的資源、內(nèi)存，當然肯定會高一點點。

這些圖標風格并不是超真實擬物，但是也絕對不是狠狠的扁平。利用淡淡的漸變色和一些光影來達到兩者之間，識別性高又不失美感。要說最大的問題，應該就是第三方圖標了，畢竟不是出自一個設計師之手，所以對這種風格來說很難去把握。只說目前系統(tǒng)默認的圖標，我認為，真的很好看�？吹竭@里心里默默鄙視我是羅粉的請淡定，我用的還是iPhone，以前我也說我非常非常討厭ios7風格的設計，但是我卻喜歡整套功能和交互，ios7最讓我接受不了的不認真的設計�；蛟S說不認真不準確，至少達不到我理想的認真。

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

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

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

最近的一些主題比賽非常有意思，大家都在畫昆蟲，這三個是我很喜歡的設計，拋出來問問大家，這是擬物？還是扁平？（注意看圖標的排序是不是很有趣）

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

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

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

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

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

的確，我本人偏愛擬物，但是我相信我是相對冷靜和客觀的人，在時下我在做項目和案例的時候，也會更多的考慮用到扁平設計。因為，我要對產(chǎn)品負責，不能因為個人喜好而去強行做什么樣的風格，我要做的只有：做適合的設計。

之所以寫下這篇，是因為原文有一點我最不能贊同：話題終結(jié)者。這個話題我真的不希望終結(jié)，只有我們彼此創(chuàng)新、彼此辯論、彼此用自己的方式或者執(zhí)行的設計來對比，才能有更多的可能性去改變這個世界，難道我們中國的設計就一定要跟國外的風嗎�。楷F(xiàn)在無論做什么你的客戶或者老板都會說：你看蘋果，你看谷歌，你看推特，有一天你的設計改變了潮流，蘋果的設計師對他們BOSS說：“Hey，boss，you look look this Chinese design……”（看這英文說得，多么適合大眾口味！括弧笑）。

對，我就是個愛做夢的人，你可以盡情的嘲笑我。

但是，你們永遠不能阻止我去追夢。

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