導(dǎo)讀：在過去的一年里，移動(dòng)成主流也讓眾多的移動(dòng)應(yīng)用如雨后春筍般層出不窮，在眾多開發(fā)者從中獲利的同時(shí)競爭也愈演愈烈，如何才能保證自己立于不敗之地?用戶是上帝，一切還得從應(yīng)用說起。
對(duì)于剛剛過去的2012年，你最想說什么?2012年的移動(dòng)開發(fā)領(lǐng)域足以用“風(fēng)起云涌，瞬息萬變”來形容，移動(dòng)應(yīng)用市場蓬勃發(fā)展也讓眾多的移動(dòng)應(yīng)用開發(fā)者獲利匪淺，也由此涌現(xiàn)出了許多優(yōu)秀的應(yīng)用設(shè)計(jì)，隨著用戶的品質(zhì)需求的上升，App界面設(shè)計(jì)也被提升到了全新的高度。移動(dòng)應(yīng)用實(shí)現(xiàn)了從互聯(lián)網(wǎng)到移動(dòng)設(shè)備的成功蛻變，從用戶角度出發(fā)，對(duì)視覺、風(fēng)格、操作方式、架構(gòu)、內(nèi)容呈現(xiàn)等各個(gè)方面進(jìn)行設(shè)計(jì)挖掘，從而打造出最為精致的應(yīng)用。為此，國外著名的應(yīng)用設(shè)計(jì)師Gannon Burgett結(jié)合自身實(shí)戰(zhàn)經(jīng)驗(yàn)總結(jié)了2013年App設(shè)計(jì)發(fā)展的13大趨勢(shì)。

1. 扁平化設(shè)計(jì)
扁平化設(shè)計(jì)本質(zhì)上只是設(shè)計(jì)美學(xué)中的一種，與仿古、高光及金屬質(zhì)感等視覺效果相同。在過去的2012年，無論是單就界面設(shè)計(jì)而言還是整體的App設(shè)計(jì)，扁平化設(shè)計(jì)都在逐漸盛行，這似乎也成了2013年最為顯著的趨勢(shì)。

扁平化設(shè)計(jì)由來已久，使用扁平化設(shè)計(jì)的開發(fā)者也不在少數(shù)，但對(duì)于大多數(shù)開發(fā)者而言，扁平化一定不會(huì)是設(shè)計(jì)首選，在2012年微軟Windows 8的推動(dòng)下，扁平化設(shè)計(jì)進(jìn)入了一個(gè)全新的境界。

Windows 8是微軟圍繞扁平化UI設(shè)計(jì)的一個(gè)全新的系統(tǒng)，其中大部分是圍繞著Windows UI(即之前的Metro UI)和實(shí)時(shí)圖塊(Live Tiles)。通過XBOX控制面板進(jìn)行啟動(dòng)，然后圍繞其扁平化設(shè)計(jì)進(jìn)行系統(tǒng)加載，盡管Windows 8并不能說是完美無缺的，但無可否認(rèn)的是主打扁平化設(shè)計(jì)界面的Windows UI徹底征服了世界。

扁平化設(shè)計(jì)并非適用于所有的應(yīng)用程序，無論風(fēng)格如何，界面形式都取決于其實(shí)際功能，但無可否認(rèn)的是，如果想要讓應(yīng)用的UI實(shí)現(xiàn)突破，對(duì)于設(shè)計(jì)師及開發(fā)者而言，扁平化設(shè)計(jì)可謂是一個(gè)最好的方法。

2. 更少的按鈕，更多的手勢(shì)

對(duì)于應(yīng)用設(shè)計(jì)來說，如果想要整體界面美觀大方，扁平化設(shè)計(jì)當(dāng)然是個(gè)好法子，但除此之外，不可或缺之一就是必須為按鈕做減法，既能減少必要的傳統(tǒng)導(dǎo)航元素的數(shù)量，也能有助于避免界面紊亂。

通過提供一些小動(dòng)畫作為輔助，可以圍繞UI引導(dǎo)人們不會(huì)因?yàn)榘粹o擾亂它，這是權(quán)衡之下最小也最為突出的視覺提示之一。

除了輔助，在動(dòng)畫和轉(zhuǎn)場效果方面還有另外一種很有效的方法，即微流動(dòng)。應(yīng)用程序的用戶體驗(yàn)很多時(shí)候成也動(dòng)畫敗也動(dòng)畫，如果用戶對(duì)于應(yīng)用設(shè)計(jì)布局等均感到自然舒適，即使存在小瑕疵也會(huì)使得用戶體驗(yàn)更加良好也更有價(jià)值。

4. 左側(cè)導(dǎo)航菜單

回首2012年的App設(shè)計(jì)，大多數(shù)的應(yīng)用程序在進(jìn)行菜單設(shè)計(jì)時(shí)都會(huì)選擇使用左側(cè)導(dǎo)航菜單，但我認(rèn)為在2013年它勢(shì)必會(huì)更為普遍。無可否認(rèn)，左側(cè)導(dǎo)航菜單的的確確是顯示選項(xiàng)列表操作的一個(gè)非常簡單而效果卻非常驚人的方式。

在這方面，Quartz足以說明一切。Quartz并不是Native的，且離Native還很遠(yuǎn)，但它的設(shè)計(jì)在感覺上卻是相當(dāng)?shù)捻憫?yīng)，這也使得它在每個(gè)設(shè)備上工作都幾乎毫不費(fèi)力。我可以在我的iPhone、iMac及Surface平板電腦上以相同的方式打開它，而且還保證能以一種非常美觀的方式來呈現(xiàn)相同的信息。

在過去的一年里，響應(yīng)式設(shè)計(jì)正在被越來越多的開發(fā)者用來呈現(xiàn)基于Web的內(nèi)容。在這個(gè)世界上為每種設(shè)備進(jìn)行專門設(shè)計(jì)是不可能的，因此，響應(yīng)式網(wǎng)頁設(shè)計(jì)也被證明是允許內(nèi)容跨平臺(tái)但卻能保持一致性的最佳選擇。

7. 更大的網(wǎng)頁寬度

這個(gè)趨勢(shì)其實(shí)與我最近看到的相反，目前許多網(wǎng)站采取的都是比較窄的寬度，當(dāng)然，對(duì)此我們不能全盤否定，但試想一下，當(dāng)你設(shè)計(jì)一個(gè)寬度為700px的響應(yīng)式網(wǎng)頁時(shí)，如果你使用“視網(wǎng)膜”屏幕或27寸的iMac查看時(shí)，那網(wǎng)站頁面勢(shì)必會(huì)留有太多的空白。

特別是對(duì)于視覺媒體而言，通過提供更大的網(wǎng)頁寬度，也可以更加突出文本顯示。因此，何不使用更大的網(wǎng)頁寬度?既保證不浪費(fèi)網(wǎng)頁空間資源，也能提供更好的用戶體驗(yàn)?zāi)亍?br>
8. 更大的字體

目前網(wǎng)絡(luò)上通用的正文標(biāo)準(zhǔn)字體是12-14px，但現(xiàn)在越來越多的網(wǎng)站在正文字體方面都傾向于使用16-18px的更大的字體。

人性化設(shè)計(jì)在今年勢(shì)必會(huì)有更廣泛的發(fā)展，因?yàn)槲覀円呀?jīng)走到了對(duì)設(shè)備的真實(shí)性有所了解且每天都在使用它們的這一步。因此，人性化應(yīng)該是設(shè)計(jì)師設(shè)計(jì)網(wǎng)頁及應(yīng)用的目標(biāo)，我們需要的不僅是極佳的用戶體驗(yàn)，還有整體的創(chuàng)作理念及如何通過創(chuàng)作實(shí)現(xiàn)它。

作為一種非常重要的技術(shù)細(xì)節(jié)，它的設(shè)計(jì)經(jīng)驗(yàn)將會(huì)對(duì)人類社會(huì)產(chǎn)生非常重要的影響。畢竟我們不是生產(chǎn)產(chǎn)品，只是進(jìn)行設(shè)計(jì);為了改善世界，我們竭己之能地進(jìn)行設(shè)計(jì)。無論人們?nèi)绾问褂盟麄兊娜粘ＴO(shè)備，你都可以以一種具有非常重要的意義的方式進(jìn)行改變，那么你將會(huì)對(duì)他們的整體工作效率及心境產(chǎn)生影響。如果好的設(shè)計(jì)不用來簡化或改善生活，那從根本上來說是毫無意義的。

12. 更少老土顏色

在設(shè)計(jì)界，有一件事一直停滯不前，就是顏色的創(chuàng)新。我的桌面上的應(yīng)用程序60%都是使用一種顏色――藍(lán)色，我理解為何使用藍(lán)色作為主色調(diào)，但從另一方面來說，在過去的十年中，我們?cè)趹?yīng)用商店中有許多圖標(biāo)來表現(xiàn)應(yīng)用，但僅僅藍(lán)一種顏色就主宰了一大半。

這不僅僅是圖標(biāo)的問題。許多應(yīng)用及網(wǎng)站均是如此，大肆地使用藍(lán)色。色彩學(xué)是很有趣的，因此我們需要走出狹隘的藍(lán)色空間，對(duì)它進(jìn)行改變。當(dāng)然，不是每種顏色都可以使用，但試試總沒錯(cuò)，說不定你就會(huì)發(fā)現(xiàn)屬于自己應(yīng)用的style。

13. 矢量自適應(yīng)

有好工具在手，設(shè)計(jì)師的工作也變得更加便捷。也許對(duì)于眾多的設(shè)計(jì)師來說，Sketch是最好的工具。為不同的屏幕設(shè)計(jì)開發(fā)不同的應(yīng)用界面不簡單也不可能，如果想要實(shí)現(xiàn)“一次設(shè)計(jì)，隨處運(yùn)行”，就必須進(jìn)行更為精簡的工作流程，當(dāng)然矢量自適應(yīng)是必不可缺的。