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

來源：http://www.uisdc.com/100-things-you-should-know-about-design

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

揭開iOS7扁平化的外衣，深入探索蘋果的新式設(shè)計語言，一起來猜想一下新的設(shè)計風(fēng)格是如何在iWatch iTv iCar上實(shí)現(xiàn)。

當(dāng)談到Jony Ive，我們就不得不談到他在iOS7上的大改造，普遍看法是，這種改變僅僅是外觀上的改變，換湯不換藥。

iOS7的神秘面紗于2013年6月揭開，設(shè)計靈感來自德國已故傳奇設(shè)計師Otl Aicher。
Jony Ive在iOS上決定采用扁平化風(fēng)格，這就意味著以下幾點(diǎn)風(fēng)格的轉(zhuǎn)變：

1、用色愈發(fā)大膽、鮮艷；
2、界面會擁有更多的留白空間，讓元素更好的呼吸；
3、字體運(yùn)用會更加優(yōu)雅靈活；
4、即將使用大量的幾何形狀。

這就是Jony Ive摒棄擬物設(shè)計的原因。iOS7的推出，也可以看成是Jony Ive對擬物設(shè)計的宣戰(zhàn)。

iOS7的扁平化設(shè)計非?！比f金油”，不但適應(yīng)了今天的iPhone以及iPad設(shè)備，也能夠應(yīng)用于未來的iWatch,iTV,iCar等設(shè)備。

車載iOS將iOS7的圖標(biāo)擴(kuò)展成矩形iOS起步于智能手機(jī)和平板，但是蘋果看的更遠(yuǎn)，打算把這個系統(tǒng)做大。iOS僅僅出現(xiàn)在手機(jī)、平板、便攜播放器上是遠(yuǎn)遠(yuǎn)不能滿足蘋果的野心的。蘋果6月的WWDC大會上，蘋果揭示了iOS即將在汽車上出現(xiàn)：車載iOS。這個新功能大大方便車主，開車時打電話、聽歌、導(dǎo)航、發(fā)信息都會變得很輕松，所有的這些集成在一塊小面板上。

iOS重設(shè)計的原因很可能跟車載iOS項目有關(guān)。如果考慮到在多個設(shè)備上運(yùn)行的體驗(yàn)，扁平化外觀的操作系統(tǒng)運(yùn)行起來效果比擬物外觀更佳，為何？因?yàn)閕OS7在多設(shè)備上的體驗(yàn)非常一致。從設(shè)計的角度，車載iOS有幾個亮點(diǎn)。

首先，它的視覺設(shè)計將和iPhone iPad保持一致——也即是扁平化風(fēng)格。

但是是界面稍有不同，矩形取代了iOS中傳統(tǒng)的圓角方形，原因很簡單：為了保證操作的正確性。當(dāng)你開車的時候，你肯定無法專心操作iOS，因此這種更大的矩形按鈕操作失誤率會低很多，掃一眼便能操作。

盡管形狀不同，大小也不同，但是按鈕內(nèi)部的圖標(biāo)可以保持相同——這就是扁平化設(shè)計的優(yōu)勢。

利用扁平化設(shè)計，可以隨意改變圖標(biāo)的形狀，而整體變化卻不大我舉個例子吧?，F(xiàn)在有兩款正方形圖標(biāo)需要移植到車載iOS上。一款是紅色底框，白色的手機(jī)輪廓線條：典型的扁平化設(shè)計。另外一款是高度擬物、像照片一樣的的圖標(biāo)設(shè)計。

現(xiàn)在要把兩款設(shè)計放入矩形內(nèi)，同時還要保持原汁原味的設(shè)計。
扁平化圖標(biāo)的修改非常簡單，只需要在邊緣填充紅色即可，看起來依然出眾。

擬物設(shè)計呢。尷尬了，背景畫的不夠?qū)?，如果矩形按鈕高度比較小的話，問題更棘手了，可修改性不是很高，這時若想采用這款圖標(biāo)，就需要重新設(shè)計。扁平化圖標(biāo)水平方向和垂直方向可以任意修改，拓展后只需要填充空白區(qū)域即可。

而擬物圖標(biāo)若想修改成其它形狀，需要做的改動很多。

蘋果的iOS7圖標(biāo)想改成什么形狀，就改成什么形狀，只需要填充即可。

所以，這就和一款產(chǎn)品產(chǎn)生了關(guān)聯(lián)——極有可能是彎曲屏的iWatch

扁平化風(fēng)格非常適合iWatch的彎曲屏這會極大的簡化蘋果的工作，提高他們視覺設(shè)計語言的適用性。如果蘋果將來發(fā)行iTV，那么需要更大的圖標(biāo)，應(yīng)用扁平化設(shè)計，蘋果就不用重新設(shè)計圖標(biāo)了。

不要認(rèn)為這是偷懶，你要考慮到各個平臺統(tǒng)一產(chǎn)品的一致性，這樣會降低教學(xué)成本，更好的引導(dǎo)用戶。否則，電視上更大的圖標(biāo)需要更復(fù)雜的圖案，更精細(xì)的陰影，更逼真的光效，更細(xì)膩的漸變，肯定會與手機(jī)上、平板上的圖標(biāo)有所不同，用戶用起來會很困惑：”這跟手機(jī)上的是不是同一個應(yīng)用?。俊蔽磥?，屏幕會有多種形狀、多種尺寸、規(guī)則的、不規(guī)則的。三星已經(jīng)在Galaxy Round上采取了彎曲OLED屏幕，而iWatch據(jù)說也是彎曲屏。在彎曲屏上，擬物設(shè)計的視覺表現(xiàn)肯定不如扁平化設(shè)計。

諷刺的是：更平的設(shè)計，適合不平的屏幕。三維感強(qiáng)的設(shè)計，卻并不適合彎曲屏。所以說，扁平化設(shè)計是”萬金油”（具備良好的各平臺兼容性），并不為過，這是蘋果為未來下的一步棋。

原文地址：fastcodesign
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB