(來(lai)源(yuan)enqoo)好了(le)，該到我們年(nian)終總結(jie)和展望新(xin)一年(nian)的時刻了(le)。2012年(nian)我們看到一些新(xin)的設(she)計(ji)趨勢在(zai)Web設(she)計(ji)領(ling)域(yu)，特別是響(xiang)應式頁面設(she)計(ji)。

年(nian)(nian)終的(de)最后一(yi)天，我們來預測一(yi)下2013年(nian)(nian)的(de)設(she)計趨勢。跟隨我們的(de)腳步，來一(yi)起(qi)探討新的(de)一(yi)年(nian)(nian)設(she)計的(de)趨勢吧！

1、響應式網頁設計方式會更多

響應(ying)式網(wang)頁設(she)計已經不(bu)是什么新鮮名(ming)詞了(le)，但我們為什么還有說它呢(ni)？簡單地說：響應(ying)式設(she)計的(de)(de)(de)(de)方(fang)(fang)法會更多且制定相應(ying)的(de)(de)(de)(de)標(biao)準。2012年通過斷點(dian)的(de)(de)(de)(de)響應(ying)式設(she)計類適合不(bu)同的(de)(de)(de)(de)屏幕，當新的(de)(de)(de)(de)設(she)備比如iPad mini沖擊足夠大的(de)(de)(de)(de)市場的(de)(de)(de)(de)時候，這(zhe)種方(fang)(fang)式將得到改(gai)變，斷點(dian)可能被替換(huan)成其他(ta)實(shi)現方(fang)(fang)式。

我(wo)們(men)認為更多的網站(zhan)設(she)(she)計(ji)將專注于最(zui)初的頁(ye)面設(she)(she)計(ji)以(yi)響(xiang)(xiang)應式(shi)，而非(fei)單獨制定不同(tong)(tong)設(she)(she)備的模式(shi)。這種(zhong)(zhong)響(xiang)(xiang)應式(shi)設(she)(she)計(ji)忘記尺(chi)寸(cun)以(yi)便支持多種(zhong)(zhong)設(she)(she)備，我(wo)們(men)將看到更豐富(fu)的頁(ye)面設(she)(she)計(ji)適應不同(tong)(tong)節點的設(she)(she)備。

2、用字體布局成為設計的主線

初(chu)建網站時(shi)，Web設(she)(she)計師和開發者常常專注于圖(tu)片(pian)處理及JavaScript腳(jiao)本(ben)。在過去兩年以及未來相當長的一(yi)段時(shi)間內(nei)，Web設(she)(she)計類型將得(de)到(dao)一(yi)次突破，最為明顯(xian)的是字體設(she)(she)計成(cheng)為網頁設(she)(she)計重中之重。比如使用@font-face 把服務器上(shang)字體引入，比圖(tu)片(pian)和腳(jiao)步(bu)JavaScript更輕量化(hua)。

而且(qie)，字體布(bu)局相比圖片(pian)和JavaScript復雜的(de)布(bu)局更適合響應式設計(ji)。大(da)膽放(fang)開你的(de)思維(wei)，讓更多的(de)字體設計(ji)盡顯在(zai)你的(de)網站上。

3、跟Flash說拜拜，需求更好的實現技術

不要驚訝(ya)Flash到2012年才拿掉，對網站的SEO來說它(ta)是多么垃圾(ji)，很多移(yi)動(dong)設備(bei)已(yi)經不支持它(ta)了（看看蘋果的設備(bei)），而且更新很痛苦（經常崩潰瀏覽器，你有(you)過嗎？）最(zui)佳的方式是使用(yong)HTML5/CSS3和JavaScript等。

2013年Flash將壽終正寢。這是事實，Adobe都(dou)不(bu)支持Flash在Android 4.1以上系(xi)統了。so, 為了你的飯(fan)碗，開始拋棄Flash吧。

4、 擬物化設計將步入歷史

這(zhe)里有個關(guan)于蘋(pin)果擬(ni)物化設(she)(she)計(ji)的討(tao)論(lun)，甚至蘋(pin)果也在商議改變設(she)(she)計(ji)決策。過(guo)去的項目線索并不能幫助我(wo)(wo)們(men)在新(xin)技術上(shang)改進思維方式。舉個例子，我(wo)(wo)們(men)要閱讀(du)電子書(shu)不需要虛擬(ni)一(yi)(yi)個書(shu)架放(fang)(fang)一(yi)(yi)本書(shu)，把它放(fang)(fang)在我(wo)(wo)們(men)的設(she)(she)備上(shang)，我(wo)(wo)們(men)知道(dao)它是(shi)電子書(shu)，我(wo)(wo)們(men)知道(dao)如何打開閱讀(du)它。

蘋果正(zheng)需求其他設計(ji)美學，等待(dai)其他人(ren)步入后(hou)塵。我們已經看到一些公司(si)擁(yong)有(you)它(ta)們自(zi)己的方(fang)法論，比(bi)如微軟的Metro風格設計(ji)。所以(yi)未來，更多設計(ji)將扁平(ping)化。

5、大圖片，沖擊的視覺

上一(yi)條(tiao)我(wo)們(men)說(shuo)過字體設(she)計將替(ti)代(dai)圖(tu)(tu)片，但(dan)這(zhe)不矛盾，越來越多的網(wang)站使(shi)用大圖(tu)(tu)片放在網(wang)站的首頁以(yi)增加(jia)視覺沖擊(ji)力。當然，使(shi)用大圖(tu)(tu)像要考慮帶寬流(liu)量和服務器問題(ti)，合理優化是首要。

我們愛網(wang)頁設(she)計的(de)Blog上有很多大(da)圖像(xiang)設(she)計實(shi)例，不妨多看看。2013年大(da)背(bei)景(jing)大(da)圖像(xiang)設(she)計會延續。

6、留白更多

2012年(nian)設計趨勢(shi)中談到頁(ye)面留白，2013年(nian)這種趨勢(shi)將繼(ji)續存在(zai)，響應式頁(ye)面設計和簡約的(de)設計美學都是(shi)關鍵的(de)因素。留白會更顯的(de)專業和大氣(qi)。（哈哈，又是(shi)大氣(qi)～）

7、一切社交化

把(ba)更多(duo)的(de)社交媒體整合(he)到(dao)你的(de)新網(wang)站中吧(ba)，在每篇文章中凸顯社交按(an)鈕(niu)，2013年更多(duo)深(shen)層次的(de)社交整合(he)將得到(dao)爆(bao)發(fa)。

這包含了(le)簡單的(de)社(she)交(jiao)登(deng)錄外，還有更(geng)深層次的(de)比(bi)如“微博支付”分享(xiang)等(deng)，以及其他(ta)社(she)交(jiao)分享(xiang)方(fang)式（Instagram、Pinterest等(deng)），更(geng)多廣告業也將在(zai)社(she)交(jiao)媒體上出(chu)現。

8、淡雅平靜的配色方案

色彩(cai)潮流(liu)比任(ren)何東西來去(qu)更快(kuai)，使用淡雅(ya)和(he)平靜的(de)色彩(cai)將會出現更多網(wang)站上。過去(qu)幾個月我們也(ye)看到一(yi)些網(wang)站的(de)設計，比如新版的(de)PayPal主頁。你可以看看“Pantone 2013色彩(cai)選擇”。

很難預測那些色彩(cai)在某特(te)定(ding)時間內流行。不過值得肯定(ding)的是，淡雅和淺色風(feng)格設計將(jiang)主(zhu)導網站和移動應用界面設計。安全色如白色、黑色和灰色將(jiang)作為主(zhu)要(yao)色調。

9、移動應用替代移動瀏覽器

即使網(wang)站兼容(rong)所有設備，對(dui)于某些網(wang)站，一個移(yi)動(dong)應用來(lai)的更(geng)好(hao)些。像(xiang)Twitter, Facebook, Pinterest等，移(yi)動(dong)應用版比移(yi)動(dong)瀏(liu)覽(lan)器版體驗會更(geng)好(hao)些。

2013年這種(zhong)趨勢將更加明顯，越來(lai)越多的(de)人(ren)通過移動應(ying)用瀏(liu)覽內容而不是(shi)瀏(liu)覽器。

10、內容有價值恒古不變

2013年(nian)網頁(ye)設計更注(zhu)重(zhong)有(you)(you)價值(zhi)內(nei)容的(de)呈現。沒有(you)(you)內(nei)容，就(jiu)沒有(you)(you)網站。保持(chi)網站新鮮的(de)最佳方式就(jiu)是更新有(you)(you)價值(zhi)的(de)內(nei)容。

撰寫(xie)，設計，發布和共享一切(qie)以(yi)內容為主，響應式設計也不例外。

總之：響應式(shi)設計、有(you)價值的內容(rong)、社交媒(mei)體將成為2013年(nian)的主導。