2013-5-20 藍藍設(shè)計的小編
轉(zhuǎn)載藍藍設(shè)計( yvirxh.cn )是一家專注而深入的設(shè)計機構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://www.damndigital.com/archives/90340
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
關(guān)于蘋果將“扁”化用戶界面風(fēng)格的傳聞已經(jīng)越演越烈，所以我決定也和大家分享一些動態(tài)，當(dāng)然不是所謂的“內(nèi)部小道消息”，而是從目前排名較前的一些iOS應(yīng)用來分析。
上圖所顯示的icon，都是、最廣為人知或者在iOS平臺屢獲好評的應(yīng)用程序——沒有紋理以及特殊的光澤。是的，我們可以從包括Spotify, Path, Everonote在內(nèi)的icon設(shè)計中看到扁平化的趨勢，不過，大多數(shù)的icon還是采取了其他的處理方式，如Facebook, Google Drive, Dropbox, Flipboard, 盡管它們的設(shè)計中依然帶有“頂部發(fā)光”的效果，但都可以發(fā)現(xiàn)微妙的梯度和曲線設(shè)計，以增強透視感和立體感。
在我看來，這些都表明著iOS的設(shè)計風(fēng)格正朝著某一特定方向轉(zhuǎn)變。我所說的并不是指“扁平化設(shè)計”本身，當(dāng)然也不是特指Metro UI那樣具有極強的引導(dǎo)性，而是一套更成熟的視覺指示標(biāo)系統(tǒng)，能夠更好地引導(dǎo)人們在點擊它們的同時思考這些圖標(biāo)背后的想法。為什么這么說？因為，現(xiàn)在不再是2007年，人們對于各種媒介工具和使用過程非常了解，不需要華麗的手把手的指導(dǎo)說明，只需要簡單的一個符號和顏色就可以讓大家明白這是個什么樣的app，簡化人機互動。目前，Google 和Facebook已經(jīng)將這種設(shè)計浪潮引入iOS應(yīng)用平臺，并且進一步進行了更美觀、優(yōu)雅的設(shè)計改進。
另外，目前越來越普遍的是運用一種類似“卡片式”的設(shè)計版式(cards pattern)，通常都是以中性或者灰色為背景。這與后臺切換顯示內(nèi)容的iOS標(biāo)準(zhǔn)有所不同。個人認為Pinterest已經(jīng)開始往這個方向發(fā)展了，但是大部分的應(yīng)用還是利用它作為呈現(xiàn)簡潔信息內(nèi)容的一種方式。（如上圖， 還有Mailbox, Gmail等）
另一個不太常見的方式是垂直式的層疊卡片，你可以在Evernote和Google Chrome的設(shè)計中看到。不同的屏幕分層排列在Y軸上，這雖然有趣但體驗并不是很好。所以，我并不認為會有更多的應(yīng)用程序會使用這樣的設(shè)計作為導(dǎo)航工具。
另一個趨勢則是從應(yīng)用中移除按鈕框，只留下可以點擊的icon。也許這被看成是模仿安卓系統(tǒng)，不過恰當(dāng)點來說，需要一個按鈕框使點擊icon融入背景的想法有些過時了。這種做法漸漸在開發(fā)者中流行起來了，我不認為蘋果會對現(xiàn)有的獨特樣式中做出大量的按鈕移除，至少，不會很明顯地強調(diào)這一點。
最近我發(fā)現(xiàn)許多應(yīng)用已經(jīng)開始被重新設(shè)計，比如Facebook和iOS原生音樂播放器，它們都刪除了后退按鈕（箭頭形狀的按鍵上面寫著“后退”），取而代之的是一個簡單的箭頭icon。從中可以看出，在用戶的操作中，我們可以使用更多的icon作為視覺提示，而非使用文字引導(dǎo)。目前的UI圖像中也能看出這種趨勢，通過他們就能夠指導(dǎo)用戶去完成下一步點擊。
說了那么多，我決定選擇“Messages”這個icon作為例子，對其進行重新設(shè)計。我認為有三個方面將會在iOS設(shè)計中做出明顯的改進：光澤，條紋和艷麗的顏色。結(jié)合之前我提到的幾點外，還做了一個簡單的改變，將標(biāo)簽文本向下拉了點，并大膽的改成26像素的Helvetica Neue字體，使之清晰度更高，更流暢，可讀性更強。同時，在色調(diào)方面，我認為目前普遍比較流行的柔和色調(diào)并不是蘋果的作風(fēng)，所以色彩處理依然會比較鮮亮，但至少會做一些調(diào)暗的處理。
藍藍設(shè)計的小編 http://yvirxh.cn