網名館

iOS 7扁平化界面設計 您怎麼看?

iOS 7扁平化界面設計 您怎麼看?

本文為百度軟件研究院UI設計師李小陽的的投稿,李的觀點是“蘋果的缺點一般都不會出現在大方向上,即便有缺點也只是在某些個別的零件上。接下來請看李是怎樣談談他對於iOS 7界面設計的看法……

在談 iOS 7 的界面之前,我先説説我對“扁平化”的認識。 iOS 7 發佈之前大家都在猜測蘋果會不會把界面改成“扁平化”風格?什麼是“扁平化”的界面設計風格?去掉材質機理去掉投影漸變,整個界面看起來扁扁的平平的就是“扁平化”的設計風格嗎?如果是這樣理解“扁平化”三個字的話,那大家怎麼理解“知識扁平化”這個詞?

我認為“扁平化”的界面設計風格,真正意義上指的是界面設計上信息層級的扁平化,而不單純只是視覺效果的扁和平。WP 系統的“扁平化”設計把很多信息變得模塊化,並且壓縮信息展示層級,很多原本藏的比較深的信息可以在首界面上直觀呈現。

如果只是扁扁平平的視覺設計風格的話,我們壓根不需要把界面設計孤立出來看。廣告界的平面設計,書籍裝幀的封面設計等等,在很久很久以前就已經實現所謂的“扁平化”了。況且我們最開始用的電子產品,在顯示器還是馬賽克的時候,那不就是最平的“扁平化”嗎?實際這種極簡式的點線面構成式的現代主義設計風格起源於建築設計,並早已經在廣告設計,服裝設計,工業設計等領域普及了。

所以“扁平化”在界面設計界壓根就是一個可有可無或早已有之的概念,完全沒必要大肆渲染,只是IT 界的設計一直比其他領域的設計理念落後很多。

接下來我們談 iOS 7 的界面設計。不深入細節去討論,只講視覺風格和直觀感受。界面設計説白了就是顯示在屏幕上的平面設計,沒有必要把 IT 界的設計孤立出來看。

從圖形結構上來説。iOS 7 界面在圖形設計上變得更加靈巧靈動了,因為在圖形大小和字體粗細的配合上,蘋果拉大了節奏的跳躍,大到純的 app 色塊,小到使用了 Helvetica Neue UltraLight Italic 這種纖細的字體,形與形之間反差拉大之後,會呈現更加豐富的視覺體驗。所以你會發現,新的 iOS 界面不再那麼呆板了,變得有些個性和活潑。

iOS 7扁平化界面設計 您怎麼看? 第2張

從顏色搭配上來説。蘋果在自己的硬件產品和宣傳廣告上一直都是用色大膽的,這一次蘋果把對顏色的大膽用到了界面上。為了容易形容這種配色方案,我們從時尚和服裝設計行業借鑑一個詞就是“糖果色”。我不能説這樣的配色是絕對的好看或者是潮流,但是有一點可以肯定,這樣炫麗的配色在屏幕上帶來了一種全新的視覺感受,並且充滿了未來感和工業感,讓人容易聯想到在科幻電影中的未來產品。

從設計語言上來説,iOS 7 的界面設計向着“完美極簡”的方向出發,但同時兼顧了當下的時代潮流,運用了簡單的圖形化語言而捨棄了之前很多擬物化的材質和肌理——不過,蘋果並沒有仿效 WP 系統極度理性地拋棄所有裝飾的設計風格,而是把擬物化設計中比較出彩的部分比較吸引眼球的部分保留了下來,比如風雨雷電的模擬,還有半透明玻璃的效果。有人就説,天氣模擬和玻璃效果安卓早就做了很多了。這一點不可否認,安卓是一個比較開放的平台,安卓的界面五花八門千千萬萬種,自然是把能使的招數全使了,但是安卓最可憐的地方就是永遠沒辦法把一個東西做到極致。説白了就是看起來不錯,但是不會讓人愛的死去活來。

從圖形動效上來説。iOS 7 唯一一個比較驚豔的地方就是利用陀螺儀技術可以讓 app 在壁紙前產生裸眼 3D 的效果。其他的就是一些界面轉場動畫,跟別的操作系統沒什麼特別的不同。

總體來説 ,iOS 7 的界面是一個非常聰明和優秀的設計。在iOS 領先扛起擬物化設計大旗之後,發現圖形化現代設計風格才是未來的王道。

但是 iOS 7 一下轉型到 WP 系統那樣極致的圖形語言,就很難與 WP 的設計做出區別和個性。而蘋果又為了不與安卓的風格太過接近,在設計中大膽的使用了熒光色。這樣的配色很難模仿,因為蘋果的軟硬件是捆綁的,通過軟硬件配合使得顏色顯示以很好地管理蘋果產品上的顏色呈現,既達到豔麗時尚又不至於太過刺眼。而安卓和 WP 的硬件就良莠不齊,太過大膽的顏色想在不同硬件上都有完美呈現就非常難做到了。

那 iOS 7 的界面設計上有沒有缺點呢?這一定是有的,我們也已經看到了各種吐槽。但我之所以佩服蘋果的設計,是因為蘋果的缺點一般都不會出現在大方向上,即便有缺點也只是在某些個別的零件上,比如某些細節的 icon 設計的難看等等,無傷大雅。

有很多朋友都反映 icon 設計的太醜了,這個真沒法辯論,能體會到其中的美的人自然能體會到,體會不到的可能也沒辦法通過一種解釋讓其領會。如果你發現你不喜歡蘋果的設計,有些時候不妨換一個角度來想,你也許壓根就沒有被蘋果歸類到他們的核心目標用户羣中,蘋果也從來不去迎合所有的用户。

最後有一個期待。蘋果把 iOS 7 的界面做成了這樣的水準之後,很多第三方 app 看上去就非常的土,與系統平台格格不入。這是對所有 iOS 開發者的一個考驗,接下來會有大量針對 iOS 7 平台的新設計湧現,只能拭目以待。