別再說iOS7是扁平化設計了,好嗎?
別再說iOS7是扁平化設計了,好嗎?-移動閱讀二維碼

蘋果發布iOS7之后,我們聽到最多的流行用語就是“扁平化設計”了。顯然有不少人認定,iOS7特定的視覺美學使其看上去比iOS6要更平,因此,人們也應該以這種方式來設計應用。

問題在于,iOS7從本質上講并不扁平。實際上,它是非常細膩且具有層次的;那些使用”扁平化“一詞來描述iOS7的人,他們無非是在重復那些從一開始就這樣誤解iOS7的科技名人的話。道理何在?我們一起來看看。

不必要的標簽

這一切開始于擬物化的概念被喬布斯時代的蘋果發揚光大。我(英文原文作者)回憶不起這個詞是從什么時候開始變得如此流行的,只是記得這個概念從OS X Lion以及iPad開始變得越來越像回事。對于iPad來說,這個概念意味著把應用的外觀和感覺設計的像現實當中的物體一樣。因此,備忘錄應用看上去就像真實的記事本,日歷應用看著就像真實的日歷,等等。媒體將此稱為“擬物化”,然后這個說法就被人們一年一年的重復著;即使我自己也這樣說過很多次。

這種設計習俗逐漸開始招來一些反對的聲音。例如OX X Lion當中,日歷應用頂部的紙張撕扯效果(在Moutain Lion當中也是如此)顯得相當怪異;而iOS的Game Center那綠綠的整體感覺就像蘋果并不真正了解人們是怎樣進行游戲的一樣。這些都很差勁。

因此,人們開始尋找一些替代品。Windows帶來了Metro UI,那些科技媒體們看上去相當喜歡它,雖然他們當中沒有多少人能夠宣稱自己真正擁有這樣一臺設備。幾乎所有人都喜歡安卓的UI,不過這也僅僅取決于設備上運行的究竟是哪個版本的系統,以及各廠商預裝了哪些臃腫的應用。

解決方案及問題所在

解決方案便是iOS7,這個自從iOS問世以來最最徹底的重新構思版本??催^第一眼之后,人們徹底驚訝于它所表現出來的“扁平化”程度。突然間,流行語產生了變化——現在的iOS7變成了“扁平化UI”,多極端的分化——幾乎所有人都開始這樣講了;看上去就沒人能夠真正把情況搞清楚,無論是誰。

01-ios7-not-flat-design-ui-accessibility.jpg

如果iOS7是扁平的,那么你是不會看到毛玻璃底下的層面的。

我個人并不是設計師,也不是UI專家。但事實就是,iOS7并不扁平,絲毫不是。要弄清楚這一點其實很簡單,只需拿起裝有iOS7的iPhone進行使用,你立刻就會明白。

微妙的細節

觀察任何一款iOS7應用,從內置的聯系人到Facebook,你會發現它們的精粹在于不同層面的內容以及這些層面之間的互動。舉個例子,如果你打開了視察效果,那么就會在前后傾斜iPhone或iPad的時候看到界面中不同層面之間的移動效果。當你在Facebook的feed界面中滾屏時,可以看到一篇內容當中的文字會進入另一篇的底部。而Siri、控制中心和通知中心則位于毛玻璃效果的層面上,其底部的內容可以透過毛玻璃模糊的呈現出來。即使在鎖屏界面上,如果你足夠注意,也會發現視察效果帶來的層面效應。

但關于“扁平化”的爭議可能會產生于圖標的設計上。系統內置的“設置”就是個很好的例子。你可以在iOS6及之前版本的“設置”當中看到帶有質感和高光效果的圖標,而在iOS7當中,圖標的外觀完全沒有了深度??磥?,這就是大家所指的扁平化設計了,恩?

02-ios7-not-flat-design-ui-overview_features.jpg

再次強調,“扁平化”可能是蘋果在這些地方所采用的設計方式,但這并沒有成為其他應用的設計準則。MLB At Bat仍然在背景中使用了漸變效果,而iOS7內置的音樂應用也是如此。Safari本身呈現出扁平的效果,但它的應用圖標仍然具有深度。這些非扁平的效果雖然都很細微,但卻是實實在在的。

所以,人們之所以用“扁平化”一詞來描述iOS7,更多的只是基于一些原生圖標的設計樣式而產生的寬泛概論。鑒于整個新系統當中有太多微妙的變化,“扁平化”一詞完全無法精確的概括iOS7的UI。再次強調,iOS7是具有豐富層次的,它并不扁平。

值得注意

這里還有另一個因素。雖然iOS7在如今是這樣的,但事情總是在變化的。第三方應用的設計師們會逐漸將它們的產品設計的越來越像蘋果官方的風格,另外他們還會在iOS7風格的普遍適用性方面進行更多的嘗試。在iOS7之前,人們花了很長時間來學習系統當中的設計特性與原則;如今,iOS7已經正式發布,人們同樣需要時間來繼續探索。

總結下來,這一切就是關于極端的版本更迭。在iOS7之前,擬物化設計風格曾經瘋狂生長,幾乎所有的圖標、界面和布局都傾向于呈現出真實物體的外觀樣式。如今我們有了iOS7,它強烈的傾向于另一個極端,這使它更容易給人們帶來一種扁平的感受。與iOS6及之前的版本比較起來,它確實很扁平;至于將其稱為“扁平化設計”?還是算了吧,事情不是那樣的。

via?iphone.appstorm.net

本文鏈接:http://www.casaleticia.com/don-t-say-ios7-is-flat-design.html
本文標簽: , , , , , , ,