轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.cqzjtgb.com  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://www.yixieshi.com/ucd/13848.html

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點(diǎn)這里

雖然 iOS 7的界面設(shè)計(jì)引來不少吐槽口水，但李的觀點(diǎn)是“蘋果的缺點(diǎn)一般都不會出現(xiàn)在大方向上，即便有缺點(diǎn)也只是在某些個別的零件上?！边@篇文章我將站在一個設(shè)計(jì)師的角度談 iOS 7 的界面設(shè)計(jì)。

　　在談 iOS 7 的界面之前，我先說說我對“扁平化”的認(rèn)識。 iOS 7 發(fā)布之前大家都在猜測蘋果會不會把界面改成“扁平化”風(fēng)格?什么是“扁平化”的界面設(shè)計(jì)風(fēng)格?去掉材質(zhì)機(jī)理去掉投影漸變，整個界面看起來扁扁的平平的就是“扁平化”的設(shè)計(jì)風(fēng)格嗎?如果是這樣理解“扁平化”三個字的話，那大家怎么理解“知識扁平化”這個詞?

　　我認(rèn)為“扁平化”的界面設(shè)計(jì)風(fēng)格，真正意義上指的是界面設(shè)計(jì)上信息層級的扁平化，而不單純只是視覺效果的扁和平。WP 系統(tǒng)的“扁平化”設(shè)計(jì)把很多信息變得模塊化，并且壓縮信息展示層級，很多原本藏的比較深的信息可以在首界面上直觀呈現(xiàn)。

　　如果只是扁扁平平的視覺設(shè)計(jì)風(fēng)格的話，我們壓根不需要把界面設(shè)計(jì)孤立出來看。廣告界的平面設(shè)計(jì)，書籍裝幀的封面設(shè)計(jì)等等，在很久很久以前就已經(jīng)實(shí)現(xiàn)所謂的“扁平化”了。況且我們最開始用的電子產(chǎn)品，在顯示器還是馬賽克的時候，那不就是最平的“扁平化”嗎?實(shí)際這種極簡式的點(diǎn)線面構(gòu)成式的現(xiàn)代主義設(shè)計(jì)風(fēng)格起源于建筑設(shè)計(jì)，并早已經(jīng)在廣告設(shè)計(jì)，服裝設(shè)計(jì)，工業(yè)設(shè)計(jì)等領(lǐng)域普及了。

　　所以“扁平化”在界面設(shè)計(jì)界壓根就是一個可有可無或早已有之的概念，完全沒必要大肆渲染，只是IT 界的設(shè)計(jì)一直比其他領(lǐng)域的設(shè)計(jì)理念落后很多。

　　接下來我們談 iOS 7 的界面設(shè)計(jì)。不深入細(xì)節(jié)去討論，只講視覺風(fēng)格和直觀感受。界面設(shè)計(jì)說白了就是顯示在屏幕上的平面設(shè)計(jì)，沒有必要把 IT 界的設(shè)計(jì)孤立出來看。

　　從圖形結(jié)構(gòu)上來說。iOS 7 界面在圖形設(shè)計(jì)上變得更加靈巧靈動了，因?yàn)樵趫D形大小和字體粗細(xì)的配合上，蘋果拉大了節(jié)奏的跳躍，大到純的 app 色塊，小到使用了 Helvetica Neue UltraLight Italic 這種纖細(xì)的字體，形與形之間反差拉大之后，會呈現(xiàn)更加豐富的視覺體驗(yàn)。所以你會發(fā)現(xiàn)，新的 iOS 界面不再那么呆板了，變得有些個性和活潑。

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

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

　　從圖形動效上來說。iOS 7 唯一一個比較驚艷的地方就是利用陀螺儀技術(shù)可以讓 app 在壁紙前產(chǎn)生裸眼 3D 的效果。其他的就是一些界面轉(zhuǎn)場動畫，跟別的操作系統(tǒng)沒什么特別的不同。

　　總體來說 ，iOS 7 的界面是一個非常聰明和優(yōu)秀的設(shè)計(jì)。在iOS 領(lǐng)先扛起擬物化設(shè)計(jì)大旗之后，發(fā)現(xiàn)圖形化現(xiàn)代設(shè)計(jì)風(fēng)格才是未來的王道。

　　但是 iOS 7 一下轉(zhuǎn)型到 WP 系統(tǒng)那樣的圖形語言，就很難與 WP 的設(shè)計(jì)做出區(qū)別和個性。而蘋果又為了不與安卓的風(fēng)格太過接近，在設(shè)計(jì)中大膽的使用了熒光色。這樣的配色很難模仿，因?yàn)樘O果的軟硬件是捆綁的，通過軟硬件配合使得顏色顯示以很好地管理蘋果產(chǎn)品上的顏色呈現(xiàn)，既達(dá)到艷麗時尚又不至于太過刺眼。而安卓和 WP 的硬件就良莠不齊，太過大膽的顏色想在不同硬件上都有完美呈現(xiàn)就非常難做到了。

　　那 iOS 7 的界面設(shè)計(jì)上有沒有缺點(diǎn)呢?這一定是有的，我們也已經(jīng)看到了各種吐槽。但我之所以佩服蘋果的設(shè)計(jì)，是因?yàn)樘O果的缺點(diǎn)一般都不會出現(xiàn)在大方向上，即便有缺點(diǎn)也只是在某些個別的零件上，比如某些細(xì)節(jié)的 icon 設(shè)計(jì)的難看等等，無傷大雅。

　　有很多朋友都反映 icon 設(shè)計(jì)的太丑了，這個真沒法辯論，能體會到其中的美的人自然能體會到，體會不到的可能也沒辦法通過一種解釋讓其領(lǐng)會。如果你發(fā)現(xiàn)你不喜歡蘋果的設(shè)計(jì)，有些時候不妨換一個角度來想，你也許壓根就沒有被蘋果歸類到他們的核心目標(biāo)用戶群中，蘋果也從來不去迎合所有的用戶。

　　最后有一個期待。蘋果把 iOS 7 的界面做成了這樣的水準(zhǔn)之后，很多第三方 app 看上去就非常的土，與系統(tǒng)平臺格格不入。這是對所有 iOS 開發(fā)者的一個考驗(yàn)，接下來會有大量針對 iOS 7 平臺的新設(shè)計(jì)涌現(xiàn)，只能拭目以待。