iOS 7扁平化介面設計 您怎麼看?
本文為百度軟體研究院UI設計師李小陽的的投稿,李的觀點是“蘋果的缺點一般都不會出現在大方向上,即便有缺點也只是在某些個別的零件上。接下來請看李是怎樣談談他對於iOS 7介面設計的看法……
在談 iOS 7 的介面之前,我先說說我對“扁平化”的認識。 iOS 7 釋出之前大家都在猜測蘋果會不會把介面改成“扁平化”風格?什麼是“扁平化”的介面設計風格?去掉材質機理去掉投影漸變,整個介面看起來扁扁的平平的就是“扁平化”的設計風格嗎?如果是這樣理解“扁平化”三個字的話,那大家怎麼理解“知識扁平化”這個詞?
我認為“扁平化”的介面設計風格,真正意義上指的是介面設計上資訊層級的扁平化,而不單純只是視覺效果的扁和平。WP 系統的“扁平化”設計把很多資訊變得模組化,並且壓縮資訊展示層級,很多原本藏的比較深的資訊可以在首介面上直觀呈現。
如果只是扁扁平平的視覺設計風格的話,我們壓根不需要把介面設計孤立出來看。廣告界的平面設計,書籍裝幀的封面設計等等,在很久很久以前就已經實現所謂的“扁平化”了。況且我們最開始用的電子產品,在顯示器還是馬賽克的時候,那不就是最平的“扁平化”嗎?實際這種極簡式的點線面構成式的現代主義設計風格起源於建築設計,並早已經在廣告設計,服裝設計,工業設計等領域普及了。
所以“扁平化”在介面設計界壓根就是一個可有可無或早已有之的概念,完全沒必要大肆渲染,只是IT 界的設計一直比其他領域的設計理念落後很多。
接下來我們談 iOS 7 的介面設計。不深入細節去討論,只講視覺風格和直觀感受。介面設計說白了就是顯示在螢幕上的平面設計,沒有必要把 IT 界的設計孤立出來看。
從圖形結構上來說。iOS 7 介面在圖形設計上變得更加靈巧靈動了,因為在圖形大小和字型粗細的配合上,蘋果拉大了節奏的跳躍,大到純的 app 色塊,小到使用了 Helvetica Neue UltraLight Italic 這種纖細的字型,形與形之間反差拉大之後,會呈現更加豐富的視覺體驗。所以你會發現,新的 iOS 介面不再那麼呆板了,變得有些個性和活潑。
從顏色搭配上來說。蘋果在自己的硬體產品和宣傳廣告上一直都是用色大膽的,這一次蘋果把對顏色的大膽用到了介面上。為了容易形容這種配色方案,我們從時尚和服裝設計行業借鑑一個詞就是“糖果色”。我不能說這樣的配色是絕對的好看或者是潮流,但是有一點可以肯定,這樣炫麗的配色在螢幕上帶來了一種全新的視覺感受,並且充滿了未來感和工業感,讓人容易聯想到在科幻電影中的未來產品。
從設計語言上來說,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 平臺的新設計湧現,只能拭目以待。
-
iPhone14Pro支援多少w快充?iPhone14Pro支援無線充電嗎?
近日紫色的iPhone14Pro曝光吸引了不少網友的關注,與此同時iPhone14Pro快充問題也讓不少網友們牽掛。那麼這次iPhone14Pro支援多少w快充呢?是否可以無線充電呢?下面一起來看看吧!iPhone14Pro支援多少w快充?最近有博主爆料稱iPhone14Pro或支援30W充電,iPhone為人詬病的...
-
iPhone備忘錄怎麼掃描圖片 iPhone備忘錄怎麼生成PDF
iPhone備忘錄不僅僅可以備忘筆記,還可以掃描檔案轉換成PDF或者Word文件,學會使用這個功能可以大大的提高大家的學習和工作效率!那麼iPhone備忘錄怎麼掃描圖片呢?來看看吧!iPhone備忘錄怎麼掃描圖片1、將手機解鎖到主屏幕後,找到並開啟備忘錄。2、進入到備忘錄的詳細...
-
GTA6發售日期 GTA6預計多少g?配置要求如何?
近日GTA6的預告片遭到洩露,R星選擇提前公開了《GTA6》的首個預告,就整體的畫面來說的話還是不錯的,還是值得期待的,那大家知道GTA6多少錢呢?配置如何呢?下面就和小編一起來看看吧。GTA6發售日期GTA6將於2025年發售,PS5和XboxSeriesX|S平臺,具體的發售時間大家還是等官...
-
CSGO語音已禁用怎麼取消?CSGO語音已禁用怎麼開啟?
玩遊戲的時候大家有開語音的習慣嗎?不僅可以實時的瞭解當下最新的狀態,還可以隨時交流,不過也有的人不喜歡語音,直接禁用了,大家知道語音禁用了之後怎麼去取消,下面就和小編一起來看看吧。CSGO語音已禁用怎麼取消?1、首先我們在我們的電腦上開啟Steam,進入主介面。2、...
相關文章
- IOS7.1耗電快怎麼解決?ISO7.1電池保養省電方法
- ios15app單獨設定怎麼設定?在哪裡?ios15app單獨設定有什麼作用?
- QQ瀏覽器5.0安卓限量內測體驗 主打扁平化設計
- ios15瀏覽器搜尋框怎麼放上面?ios15瀏覽器擴充套件外掛在哪?怎麼設定?
- lol新介面怎麼看fps 新介面怎麼看ping值
- iPad QQ 5.0誠邀您體驗 全新介面設計新增通話模組
- ios7怎麼顯示天氣?ios7天氣顯示在通知欄設定方法
- ios9支援哪些裝置 ios9介面預測
- ios15輸入法字下面的白色邊框怎麼取消?ios15輸入法佈局變化
- ios15鍵盤白色怎麼設定?ios15鍵盤前面的預選怎麼取消?