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