趨勢分析非強項，僅在自身知識范圍內(nèi)尋找可能形成的設(shè)計趨勢，如果有遺漏及不足，請補充說明，感謝！

PS. 其實個人從內(nèi)心里不喜歡follow趨勢，但有時又無它法，趨勢的形成往往通過了設(shè)計及市場的驗證，如果能從各種趨勢當(dāng)中發(fā)現(xiàn)一條潛在的河流是一件非常欣喜的事情，并可使用你的設(shè)計脫穎而出。P.P.S.別為了標(biāo)新立異而做出新穎的設(shè)計，最少它應(yīng)該是經(jīng)得起驗證的。

讓我們開始吧�。ㄈ缬X得文長閱讀起來比較麻煩，跳到最后看結(jié)論就好 ^_^）

Web端及桌面端：

平面化

隨著微軟Win 8的發(fā)布，相信在隨后的日子里，平面化設(shè)計風(fēng)格也能開始多起來。 ps.「咔嗒」的洗腦視頻廣告最近一直在腦中縈繞。

簡約風(fēng)格要開始流行了，同時簡約風(fēng)格能夠更好的符合響應(yīng)式設(shè)計的要求。

實例網(wǎng)站：

騰訊ecd – 電商用戶體驗設(shè)計部 E-Commerce User Experience

TaoBaoUED | 做地球上最好的UED

QQ音樂-音樂你的生活！

http://www.outlook.com/

http://www.microsoft.com/

2x精細(xì)化

水果在桌面平臺推出Retina屏，業(yè)界估計也只有水果敢于做出如此逆天的舉動（軟硬都自己操辦，無需像微軟那樣瞻前顧后），相當(dāng)有魄力，對于用戶體驗來說，這也是一個質(zhì)的提升（現(xiàn)階段大部分的用戶感知都基于視覺）。

當(dāng)然，應(yīng)用及分辨率適配無法立即到位，只能慢慢發(fā)展，日后隨著Retina的深入及用戶數(shù)量擴(kuò)大，對于有追求的桌面應(yīng)用及網(wǎng)站，均會設(shè)計對應(yīng)的高分辨產(chǎn)品。以后視覺設(shè)計師可能就需要做兩套Sprite了。

圖1

通欄化

為了能夠更有效的打通同一平臺的多個應(yīng)用，Google、Naver、豆瓣近期的改版及新發(fā)布的iTunes均采用了頂部通欄的設(shè)計。一下個會不會是百度呢？

圖2

動效化

實際證明適當(dāng)?shù)膭討B(tài)效果能夠有效的對用戶進(jìn)行引導(dǎo)，符合用戶的心理預(yù)期，并可增強應(yīng)用及網(wǎng)站的體驗效果。

實例網(wǎng)站：

iCloud

Julien Renvoye（@JJ Ying 友情提供）

QQ音樂 For Mac

Animate.css

大幅圖片制造視覺效果

隨著帶寬以及用戶屏幕尺寸的增加，越來越多的網(wǎng)站在它們的頁面采用大幅圖片來突出產(chǎn)品或制造視覺效果，當(dāng)然，使用得當(dāng)?shù)脑�，會有不錯的效果。

實例網(wǎng)站：

Welcome to http://about.me （about dot me）

http://www.jianjia360.com/

https://path.com/p/3Fg9hz

QQ2013官方網(wǎng)站

響應(yīng)式設(shè)計

一直不喜歡這個名稱，稱之為適應(yīng)性更好些。網(wǎng)頁的設(shè)計與開發(fā)根據(jù)用戶行為以及設(shè)備環(huán)境（系統(tǒng)平臺、屏幕尺寸、屏幕分辨率等）進(jìn)行適應(yīng)和調(diào)整，無論用戶正在使用桌面PC還是iPad，網(wǎng)頁都應(yīng)該能夠自動切換分辨率、圖片尺寸及相關(guān)腳本功能等，以適應(yīng)不同設(shè)備。

實例網(wǎng)站：

The Boston Globe

AXT ™ | Brand identity & Art direction

Stinkdigital

移動端：

更豐富的導(dǎo)航設(shè)計

隨著iPhone 5高度的變化，galaxy note超大的屏幕… 越來越多的應(yīng)用采用多樣的導(dǎo)航設(shè)計，手勢導(dǎo)航、Left Nav Flyout等，相信后續(xù)在導(dǎo)航上還會有更豐富的設(shè)計出現(xiàn)。ps.又欠@鄭紫陽關(guān)于left nav flyout的一個問題，好頭痛… 

字體排版

移動設(shè)備屏幕的多樣性及應(yīng)用數(shù)量的增加，為了能夠更凸現(xiàn)出應(yīng)用的不同，字體排版將會在應(yīng)用當(dāng)中的位置越來越重要。如，唐茶，WeicoNote等。ps.該條也適用于Web端的設(shè)計，但由于中文字體的種種原因，導(dǎo)致web端的中文字體排版一直是個問題。

實例網(wǎng)站：

字節(jié)社

Weico-最具人氣的微博客戶端

標(biāo)簽： 頁面設(shè)計趨勢 2013網(wǎng)頁設(shè)計趨勢 產(chǎn)品設(shè)計趨勢 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。