回顧2014年，我們可以發(fā)現(xiàn)一些與網(wǎng)絡(luò)設(shè)計(jì)有關(guān)的新趨勢(shì)已經(jīng)悄然興起：如免代碼設(shè)計(jì)平臺(tái)，視差效果（parallax effects），單網(wǎng)頁(yè)站點(diǎn)等等。 

這其中，很多潮流都只是曇花一現(xiàn)，但也有一些演變成為行業(yè)內(nèi)的固定模式。如今可以用于瀏覽網(wǎng)頁(yè)的設(shè)備層出不窮，設(shè)計(jì)師們也必須順應(yīng)趨勢(shì)，找到應(yīng)對(duì)變化之策。

根據(jù)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)平臺(tái)Webydo的觀點(diǎn)，我總結(jié)出了最有可能在2015年流行的網(wǎng)頁(yè)設(shè)計(jì)7大趨勢(shì)與大家分享。

1.更為自由的排版方式

 

一直以來人們都在嘗試用更好的方式來呈現(xiàn)文字。

因?yàn)榫W(wǎng)頁(yè)的排版與印刷品的排版布局在各方面都不盡相同，在2015年，我們有希望最終擺脫目前大部分網(wǎng)站習(xí)慣采用的小字密排的網(wǎng)頁(yè)排版方式。

這種設(shè)想自2006年以來就一直被拿來討論，但設(shè)計(jì)界對(duì)此的反映卻始終很冷淡。拋棄曾被設(shè)計(jì)圈奉為圭臬的傳統(tǒng)排版原則自然不是一件易事。

就網(wǎng)頁(yè)設(shè)計(jì)而言，對(duì)閱讀體驗(yàn)的影響主要來自三個(gè)方面：

1.字體大小

2.列寬

3.行間距

較大的字體能帶來較好的閱讀體驗(yàn)，這是被反復(fù)證實(shí)的一個(gè)研究結(jié)論。目前，設(shè)計(jì)師們已經(jīng)開始將響應(yīng)式式排版連同響應(yīng)式圖像，響應(yīng)式結(jié)構(gòu)一起應(yīng)用于自己的設(shè)計(jì)。超越平臺(tái)的界限，將文字以最佳的呈現(xiàn)方式帶給用戶對(duì)網(wǎng)頁(yè)設(shè)計(jì)師來說是非常關(guān)鍵的工作。 

2.網(wǎng)頁(yè)編碼漸成絕唱 

 

網(wǎng)頁(yè)設(shè)計(jì)一直都有明確的分工：設(shè)計(jì)師設(shè)計(jì)出外觀和風(fēng)格，然后編程員將它們實(shí)現(xiàn)。隨著網(wǎng)頁(yè)設(shè)計(jì)工具變得日益智能和高效，這種分工合作的方式也在發(fā)生改變。

時(shí)至今日，利用擁有很多強(qiáng)大特性的圖形處理軟件，設(shè)計(jì)師們可以在完全不用編寫代碼的情況下建起網(wǎng)站，且能輸出干凈而符合W3C標(biāo)準(zhǔn)的代碼。

這標(biāo)志著網(wǎng)頁(yè)設(shè)計(jì)模式上的重大改變，網(wǎng)頁(yè)設(shè)計(jì)師因此可以更快速地為客戶建立起專業(yè)的站點(diǎn)。

當(dāng)設(shè)計(jì)師把更多的心思傾注在設(shè)計(jì)品質(zhì)上時(shí)，他們所選擇的平臺(tái)也會(huì)在算法上加以調(diào)整和改進(jìn)，以確保能滿足設(shè)計(jì)師的工作需求。網(wǎng)頁(yè)編程員總還會(huì)有屬于自己的一席之地，但很顯然他們會(huì)逐漸從前端開發(fā)的任務(wù)中退出。

3.響應(yīng)式設(shè)計(jì)日益成熟 

 

適就在幾年前，提起“響應(yīng)式網(wǎng)站”，還意味著它的適配平臺(tái)僅限于桌面，平板和智能手機(jī)等客戶端。隨著智能手表，智能電視和其他智能家用設(shè)備的迅猛增長(zhǎng)，響應(yīng)式設(shè)計(jì)的定義也得到了極大的擴(kuò)展。

響應(yīng)式設(shè)計(jì)在不同平臺(tái)上遭遇的問題各不相同，但平板和智能手機(jī)的互動(dòng)系統(tǒng)非常接近，響應(yīng)式設(shè)計(jì)在這兩種平臺(tái)上要應(yīng)對(duì)的最大問題都是如何確保以大小合理，易于導(dǎo)航的方式呈現(xiàn)內(nèi)容。

但在其它平臺(tái)例如智能手表上，為了適應(yīng)設(shè)備的工作方式，包括導(dǎo)航系統(tǒng)在內(nèi)的整個(gè)設(shè)計(jì)都需要做徹底的改變。為智能手機(jī)設(shè)計(jì)的網(wǎng)頁(yè)，在智能手表上可能無法正確顯示。應(yīng)桌面客戶端的網(wǎng)頁(yè)設(shè)計(jì)，也可能無法在智能電視上正常瀏覽。

解決類似的問題可能需要時(shí)間，但可以預(yù)測(cè)，最晚到2015年底，單是智能設(shè)備的巨大市場(chǎng)，也會(huì)倒逼網(wǎng)頁(yè)設(shè)計(jì)師們?cè)诩夹g(shù)革新面前找到一條出路。

4.扁平化設(shè)計(jì)無處不在 

 

隨著業(yè)界巨頭們競(jìng)相向扁平化設(shè)計(jì)風(fēng)格靠攏---例如微軟的UI語(yǔ)言，谷歌新版的材質(zhì)設(shè)計(jì)（Material Design）指南，和蘋果新的美學(xué)指導(dǎo)原則---扁平化設(shè)計(jì)似乎正是風(fēng)光無限的時(shí)候。

有些人質(zhì)疑說扁平化設(shè)計(jì)主要是UI范圍內(nèi)的事，但更多人傾向于認(rèn)為在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域這也是一個(gè)重要的趨勢(shì)。

它不僅與用戶瀏覽網(wǎng)頁(yè)內(nèi)容的方式有關(guān)，更與網(wǎng)頁(yè)背后的支持技術(shù)密不可分。扁平化設(shè)計(jì)的指導(dǎo)原則是極簡(jiǎn)主義，它在應(yīng)用中的體現(xiàn)便是簡(jiǎn)約，有條理，可以快速加載且以內(nèi)容為核心的網(wǎng)頁(yè)。

除開審美上的考量，扁平化設(shè)計(jì)也有很實(shí)際的作用：它讓用戶不受打擾地專注于內(nèi)容本身。

5.圖片：愈大愈佳 

 

不僅網(wǎng)頁(yè)中的文字正在越變?cè)酱�，圖片也是一樣！

在從前，由于網(wǎng)絡(luò)帶寬有限，網(wǎng)頁(yè)中圖片的大小也隨之受到限制，但隨著時(shí)代的發(fā)展，這個(gè)問題幾乎已經(jīng)不存在。其結(jié)果是，高清大圖在互聯(lián)網(wǎng)上形成了鋪天蓋地之勢(shì)。

可以預(yù)測(cè)，在2015年圖片將占據(jù)網(wǎng)頁(yè)的中心位置。在響應(yīng)式圖片大小調(diào)整，背景主色調(diào)配和優(yōu)化圖片加載等方面還會(huì)出現(xiàn)更多的新技術(shù)。

另外，使用圖片作為背景也將是2015年的主流趨勢(shì)之一。使用模糊濾鏡和彩色濾鏡，可以在不影響網(wǎng)頁(yè)可用性的情況下將文字內(nèi)容“托浮”于頁(yè)面之上。

既然設(shè)計(jì)師們已經(jīng)懂得如何把大圖安置于自己的設(shè)計(jì)之中，可以想見將來這一趨勢(shì)還會(huì)進(jìn)一步發(fā)展。

6.視差效果唱主角 

 

與傳統(tǒng)的點(diǎn)擊式導(dǎo)航條相比，視差滾動(dòng)可謂是優(yōu)勢(shì)多多。它說到最引人注目的趨勢(shì)，自然要數(shù)視差滾動(dòng)（Parallax Scrolling）了。

現(xiàn)在我們到處都能看到它的影子，甚至在Apple和Google的產(chǎn)品頁(yè)面上也不例外。視差滾動(dòng)的效果也是實(shí)實(shí)在在的：使用視差滾動(dòng)的網(wǎng)站，用戶參與度直接提升了70%！

不僅減少了需要加載的頁(yè)面數(shù)量，更重要的是讓頁(yè)面的切換更為平滑順利，從而降低了頁(yè)面刷新給用戶造成的干擾。這種方式也保證了信息的流暢性和持續(xù)性。

在2015年，我們將見到越來越多的設(shè)計(jì)師將視差滾動(dòng)用于自己的網(wǎng)頁(yè)設(shè)計(jì)中。

7.網(wǎng)頁(yè)圖表迎來新曙光 

 

作為視覺動(dòng)物，當(dāng)信息以圖表方式呈現(xiàn)時(shí)更容易被我們理解，這也是圖表被如此廣泛使用的基礎(chǔ)。圖表不僅能以更為簡(jiǎn)明的方式傳達(dá)大量信息，在人類記憶中也有更高的留存度。

如今一個(gè)新的趨勢(shì)已經(jīng)開始顯現(xiàn)，就是網(wǎng)頁(yè)圖表！同普通圖表類似，網(wǎng)頁(yè)圖表也能傳達(dá)大量信息，但它還允許用戶與圖表中的各種元素進(jìn)行互動(dòng)。與傳統(tǒng)圖表相比，網(wǎng)頁(yè)圖表的視覺吸引力更強(qiáng)，也更容易被用戶記住。

在2015年，會(huì)有更多的客戶要求設(shè)計(jì)師在網(wǎng)頁(yè)中加入可以互動(dòng)的圖表。

網(wǎng)頁(yè)設(shè)計(jì)的未來

也許在這里列舉的這些趨網(wǎng)頁(yè)設(shè)計(jì)中的各種潮流起起落落，它們的源動(dòng)力不過是設(shè)計(jì)師的創(chuàng)造力。把潮流轉(zhuǎn)變?yōu)闃?biāo)準(zhǔn)，把標(biāo)準(zhǔn)轉(zhuǎn)變?yōu)槌绷鳎�正�?a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計(jì)師的責(zé)任所在。勢(shì)，很快就會(huì)成為普遍的實(shí)踐，在未來更可能在更大的范圍內(nèi)應(yīng)用。

而對(duì)這些趨勢(shì)視而不見的網(wǎng)站，很可能在新的一年里被時(shí)代甩在后面。