1.扁平設(shè)計

扁平化設(shè)計正好是蘋果一度推崇的擬物主義skeumorphism的反面極致。有一家公司盡管不是第一家實現(xiàn)這種風格的公司，但把它推向全新高度的卻是這家公司無疑。這家公司就是微軟。

似乎 Windows 8 整個操作系統(tǒng)都是圍繞著徹底扁平的 UI 來開發(fā)的，隨處可見 Metro 和 Live Tiles。這種風格有利有弊，應根據(jù)需要權(quán)衡。

最近采用了這種扁平化設(shè)計的是一顆冉冉升起的新星，它的名字就叫做Rise—一款鬧鐘 app。它的整個 UI 都沒有一丁點的三維元素，簡潔貫穿著整個應用，跟灰度結(jié)合起來之后，我們看到的是以一個外觀漂亮的鬧鐘。

當然，扁平化設(shè)計并不適合于所有的應用，但是越來越多的設(shè)計師和開發(fā)者仍將會把極簡主義作為 app UI 設(shè)計的方向。

2.更少按鈕，更多手勢

一旦應用缺少了各種按鈕和可視化維度的東西，用戶不自覺地就會求助于手勢。Clear就是一款出色地運用了手勢的應用，彰顯出四維思考的魔力。Google 最近發(fā)布的 Google Maps 想要同時做到扁平化設(shè)計和運用手勢這兩點。手勢將會是 2013 年的設(shè)計趨勢。

3.輔助動畫：功能可見

既沒有按鈕可按，又沒有圖標可選，你可能就不知道怎么去完成任務(wù)。這時候，一點點的動畫指示也許可以引導用戶操作。

最好的例子也許是 iOS 鎖屏的照相機按鈕。對 iOS 不熟悉的人看到那個按鈕的第一反應也許是點擊而不是拖動。蘋果對于用戶的點擊沒有無動于衷，而是演示一段上下彈跳的動畫。用戶于是就能很直觀地知道如何打開照相機了。

靠一點小動畫來提供功能的可見性，就可以省卻按鈕來引導用戶熟悉 UI，這是視覺提示最小化之后的一種解決方案。

4.左側(cè)導航，菜單抽屜

三條橫線，又名“漢堡包”，許多 app 都把它作為菜單圖標的選擇。這是表明存在一組復雜不過畫三根橫線的選項的簡單方式。有一個應用甚至把它用出了樂趣，只要你按住The Magazine左上角的那個三橫線圖標超過三秒，它真的就變成了漢堡包的樣子。真是一個可口的復活節(jié)彩蛋。

盡管“漢堡包”已經(jīng)非常流行，但這種視覺表征形式今后還將變得更加普遍。

5.原生壓倒Web

網(wǎng)站沒有詳細解釋提出該觀點的原因。但是，從目前的情況看，原生應用還是主流。相對于 Web 技術(shù)，原生應用具有功能多、貨幣化能力強的特點。但是隨著 HTML 5 標準的初步定稿，Web 應用的功能也將逐步完善，加上其部署靈活和跨平臺兼容等優(yōu)勢，再過一兩年這種趨勢也許就會逆轉(zhuǎn)。

6.響應式網(wǎng)頁設(shè)計

這個趨勢顯然跟上一條背道而馳，但是今年無疑會在網(wǎng)頁設(shè)計中走俏。隨著新的出版物的面世，為了擴大受眾的覆蓋面，單一的平臺顯然是不夠的。

迄今為止最好的例子是Quartz。它幾乎可以輕松地在任何設(shè)備上運行，在 iPhone、iMac 或者 Surface 平板電腦上均能展現(xiàn)相同的信息，且一樣的美觀。

響應式設(shè)計正在成為展示基于 web 內(nèi)容的熱門方式。針對每一款設(shè)備進行特別設(shè)計幾乎是不可能的，而這種替代方案是一種非常值得信賴的選項，可以使內(nèi)容在不同平臺之間保持一致。

7.網(wǎng)站更寬

通過提供更寬幅的網(wǎng)站，可視的媒體就可以更加顯著地呈現(xiàn)在文字的旁邊。一圖勝千言嘛。

8.字體更大

12-14 像素的字體一直以來都是 web 正文的標準尺寸?？梢曌罱S多網(wǎng)站傾向于采用 16-18 像素大小的字體。

這是因為在響應式 web 設(shè)計中，排版對于內(nèi)容的可讀性起著重要作用。在 iPhone 上面，18 像素大小的字體要比 12 像素的容易看得多。不過需要權(quán)衡的是，如果篇幅較長的文章用這么大的字體在屏幕更大、分辨率更低的設(shè)備上展示時效果就不好了。

9.搜索框更大

搜索正在成為設(shè)計各方面的重要因素。從社交網(wǎng)絡(luò) UX 到出版物 UX，搜索是區(qū)分需要和不需要的東西的必備功能。

The Noun Project和新的Myspace均采用一個非常大的搜索框。過去的一年 Google 搜索的份額首次達到穩(wěn)定水平，其原因應該是由于網(wǎng)站部署專用搜索替代了一般的搜索辦法。

此外，Path 還針對自己的服務(wù)定制了獨特的社會化內(nèi)容搜索功能。預期今后還會出現(xiàn)更多的此類功能。

10.動畫GIF成為設(shè)計元素

動畫 GIF 在內(nèi)容的運用正在逐漸增多，也許下一步就是把它運用到設(shè)計上面去。動畫 GIF 為特定元素提供了一種無需編碼即可實現(xiàn)變化和動畫的方式。盡管動畫 GIF 在移動設(shè)備上的呈現(xiàn)仍存在問題，但是今年肯定會有更多人作此嘗試。

11.人性化設(shè)計

這個與其說是趨勢不如說是理念。我們往往會陷入到種種細節(jié)當中而無法從整體上好好審視為什么要這么設(shè)計。

大家都重視好的設(shè)計，但是具備價值的元素很大程度上要體現(xiàn)在人本主義上。隨著我們對手頭設(shè)備的真正能力的了解程度的加深，設(shè)計師不僅應該將 UX 時刻牢記于心，也要將這種哲學理念貫穿到創(chuàng)作上。

Marco Arment 的The Magazine就做得很不錯。盡管這本電子雜志是為技術(shù)人量身定做的，但是他把雜志做到缺乏技術(shù)知識的人也能欣賞。他把它設(shè)計成一本擁有價值、潛力、聯(lián)系乃至于哲學理念的出版物。人們渴求能夠發(fā)生關(guān)系的對象—無論是實體的或是虛擬的。

跟技術(shù)細節(jié)同樣重要的是，對設(shè)計的體驗也會對人產(chǎn)生影響。如果你能夠顯著改變?nèi)藗兣c日常設(shè)備的交互方式，那么你就可以影響其總體的生產(chǎn)力及 / 或思想狀態(tài)，從而直接與他們對世界的輸入發(fā)生關(guān)系。

如果不能從某種程度上簡化或改善生活的話，設(shè)計再美觀大方也沒有意義。這一點往往被大家所忽視。

12.新鮮顏色

如果要列舉設(shè)計界缺乏生氣的地方，那顏色的創(chuàng)意絕對要算一個。我的主屏上 60% 的應用都是一種顏色—藍色。是，藍色背后有一套顏色理論，但是應用商店都有 5 年的歷史了，可是統(tǒng)治那里的仍然只有一種顏色。

顏色乏味的不僅僅是圖標。從 Tumblr 到 Pandora，網(wǎng)站對藍色的運用已經(jīng)到了荒謬的地步。為了避免千篇一律，為了脫穎而出，你需要嘗試一下其他顏色。

13.矢量自適應

有了像Sketch這樣的矢量化設(shè)計工具，就可以方便地實現(xiàn)一次設(shè)計即可以滿足不同的屏幕分辨率要求。預期 2013 年會有更多的設(shè)計師采用矢量化工具。