轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.alimai.net  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(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ù)

來(lái)源：http://www.yixieshi.com/ucd/13848.html

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

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

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

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

　　如果只是扁扁平平的視覺設(shè)計(jì)風(fēng)格的話，我們壓根不需要把界面設(shè)計(jì)孤立出來(lái)看。廣告界的平面設(shè)計(jì)，書籍裝幀的封面設(shè)計(jì)等等，在很久很久以前就已經(jīng)實(shí)現(xiàn)所謂的“扁平化”了。況且我們最開始用的電子產(chǎn)品，在顯示器還是馬賽克的時(shí)候，那不就是最平的“扁平化”嗎?實(shí)際這種極簡(jiǎn)式的點(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ì)界壓根就是一個(gè)可有可無(wú)或早已有之的概念，完全沒必要大肆渲染，只是IT 界的設(shè)計(jì)一直比其他領(lǐng)域的設(shè)計(jì)理念落后很多。

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

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

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

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

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

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

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

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

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

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