回顧2014年，我們可以發(fā)現(xiàn)一些與網(wǎng)絡(luò)設(shè)計(jì)有關(guān)的新趨勢已經(jīng)悄然興起：如免代碼設(shè)計(jì)平臺(tái)，視差效果（parallax effects），單網(wǎng)頁站點(diǎn)等等。
這其中，很多潮流都只是曇花一現(xiàn)，但也有一些演變成為行業(yè)內(nèi)的固定模式。如今可以用于瀏覽網(wǎng)頁的設(shè)備層出不窮，設(shè)計(jì)師們也必須順應(yīng)趨勢，找到應(yīng)對變化之策。
根據(jù)專業(yè)網(wǎng)頁設(shè)計(jì)平臺(tái)Webydo的觀點(diǎn)，我總結(jié)出了最有可能在2015年流行的網(wǎng)頁設(shè)計(jì)7大趨勢與大家分享。
1.更為自由的排版方式
一直以來人們都在嘗試用更好的方式來呈現(xiàn)文字。
因?yàn)榫W(wǎng)頁的排版與印刷品的排版布局在各方面都不盡相同，在2015年，我們有希望最終擺脫目前大部分網(wǎng)站習(xí)慣采用的小字密排的網(wǎng)頁排版方式。
這種設(shè)想自2006年以來就一直被拿來討論，但設(shè)計(jì)界對此的反映卻始終很冷淡。拋棄曾被設(shè)計(jì)圈奉為圭臬的傳統(tǒng)排版原則自然不是一件易事。
就網(wǎng)頁設(shè)計(jì)而言，對閱讀體驗(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)方式帶給用戶對網(wǎng)頁設(shè)計(jì)師來說是非常關(guān)鍵的工作。
2.網(wǎng)頁編碼漸成絕唱
網(wǎng)頁設(shè)計(jì)一直都有明確的分工：設(shè)計(jì)師設(shè)計(jì)出外觀和風(fēng)格，然后編程員將它們實(shí)現(xiàn)。隨著網(wǎng)頁設(shè)計(jì)工具變得日益智能和高效，這種分工合作的方式也在發(fā)生改變。
時(shí)至今日，利用擁有很多強(qiáng)大特性的圖形處理軟件，設(shè)計(jì)師們可以在完全不用編寫代碼的情況下建起網(wǎng)站，且能輸出干凈而符合W3C標(biāo)準(zhǔn)的代碼。
這標(biāo)志著網(wǎng)頁設(shè)計(jì)模式上的重大改變，網(wǎng)頁設(shè)計(jì)師因此可以更快速地為客戶建立起專業(yè)的站點(diǎn)。
當(dāng)設(shè)計(jì)師把更多的心思傾注在設(shè)計(jì)品質(zhì)上時(shí)，他們所選擇的平臺(tái)也會(huì)在算法上加以調(diào)整和改進(jìn)，以確保能滿足設(shè)計(jì)師的工作需求。網(wǎng)頁編程員總還會(huì)有屬于自己的一席之地，但很顯然他們會(huì)逐漸從前端開發(fā)的任務(wù)中退出。
3.響應(yīng)式設(shè)計(jì)日益成熟
適就在幾年前，提起“響應(yīng)式網(wǎng)站”，還意味著它的適配平臺(tái)僅限于桌面，平板和智能手機(jī)等客戶端。隨著智能手表，智能電視和其他智能家用設(shè)備的迅猛增長，響應(yīng)式設(shè)計(jì)的定義也得到了極大的擴(kuò)展。
響應(yīng)式設(shè)計(jì)在不同平臺(tái)上遭遇的問題各不相同，但平板和智能手機(jī)的互動(dòng)系統(tǒng)非常接近，響應(yīng)式設(shè)計(jì)在這兩種平臺(tái)上要應(yīng)對的最大問題都是如何確保以大小合理，易于導(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īng)桌面客戶端的網(wǎng)頁設(shè)計(jì)，也可能無法在智能電視上正常瀏覽。
解決類似的問題可能需要時(shí)間，但可以預(yù)測，最晚到2015年底，單是智能設(shè)備的巨大市場，也會(huì)倒逼網(wǎng)頁設(shè)計(jì)師們在技術(shù)革新面前找到一條出路。
4.扁平化設(shè)計(jì)無處不在
隨著業(yè)界巨頭們競相向扁平化設(shè)計(jì)風(fēng)格靠攏---例如微軟的UI語言，谷歌新版的材質(zhì)設(shè)計(jì)（Material Design）指南，和蘋果新的美學(xué)指導(dǎo)原則---扁平化設(shè)計(jì)似乎正是風(fēng)光無限的時(shí)候。
有些人質(zhì)疑說扁平化設(shè)計(jì)主要是UI范圍內(nèi)的事，但更多人傾向于認(rèn)為在網(wǎng)頁設(shè)計(jì)領(lǐng)域這也是一個(gè)重要的趨勢。
它不僅與用戶瀏覽網(wǎng)頁內(nèi)容的方式有關(guān)，更與網(wǎng)頁背后的支持技術(shù)密不可分。扁平化設(shè)計(jì)的指導(dǎo)原則是極簡主義，它在應(yīng)用中的體現(xiàn)便是簡約，有條理，可以快速加載且以內(nèi)容為核心的網(wǎng)頁。
除開審美上的考量，扁平化設(shè)計(jì)也有很實(shí)際的作用：它讓用戶不受打擾地專注于內(nèi)容本身。
5.圖片：愈大愈佳
不僅網(wǎng)頁中的文字正在越變越大，圖片也是一樣！
在從前，由于網(wǎng)絡(luò)帶寬有限，網(wǎng)頁中圖片的大小也隨之受到限制，但隨著時(shí)代的發(fā)展，這個(gè)問題幾乎已經(jīng)不存在。其結(jié)果是，高清大圖在互聯(lián)網(wǎng)上形成了鋪天蓋地之勢。
可以預(yù)測，在2015年圖片將占據(jù)網(wǎng)頁的中心位置。在響應(yīng)式圖片大小調(diào)整，背景主色調(diào)配和優(yōu)化圖片加載等方面還會(huì)出現(xiàn)更多的新技術(shù)。
另外，使用圖片作為背景也將是2015年的主流趨勢之一。使用模糊濾鏡和彩色濾鏡，可以在不影響網(wǎng)頁可用性的情況下將文字內(nèi)容“托浮”于頁面之上。
既然設(shè)計(jì)師們已經(jīng)懂得如何把大圖安置于自己的設(shè)計(jì)之中，可以想見將來這一趨勢還會(huì)進(jìn)一步發(fā)展。
6.視差效果唱主角
與傳統(tǒng)的點(diǎn)擊式導(dǎo)航條相比，視差滾動(dòng)可謂是優(yōu)勢多多。它說到最引人注目的趨勢，自然要數(shù)視差滾動(dòng)（Parallax Scrolling）了。
現(xiàn)在我們到處都能看到它的影子，甚至在Apple和Google的產(chǎn)品頁面上也不例外。視差滾動(dòng)的效果也是實(shí)實(shí)在在的：使用視差滾動(dòng)的網(wǎng)站，用戶參與度直接提升了70%！
不僅減少了需要加載的頁面數(shù)量，更重要的是讓頁面的切換更為平滑順利，從而降低了頁面刷新給用戶造成的干擾。這種方式也保證了信息的流暢性和持續(xù)性。
在2015年，我們將見到越來越多的設(shè)計(jì)師將視差滾動(dòng)用于自己的網(wǎng)頁設(shè)計(jì)中。
7.網(wǎng)頁圖表迎來新曙光
作為視覺動(dòng)物，當(dāng)信息以圖表方式呈現(xiàn)時(shí)更容易被我們理解，這也是圖表被如此廣泛使用的基礎(chǔ)。圖表不僅能以更為簡明的方式傳達(dá)大量信息，在人類記憶中也有更高的留存度。
如今一個(gè)新的趨勢已經(jīng)開始顯現(xiàn)，就是網(wǎng)頁圖表！同普通圖表類似，網(wǎng)頁圖表也能傳達(dá)大量信息，但它還允許用戶與圖表中的各種元素進(jìn)行互動(dòng)。與傳統(tǒng)圖表相比，網(wǎng)頁圖表的視覺吸引力更強(qiáng)，也更容易被用戶記住。
在2015年，會(huì)有更多的客戶要求設(shè)計(jì)師在網(wǎng)頁中加入可以互動(dòng)的圖表。
也許在這里列舉的這些趨網(wǎng)頁設(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://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計(jì)師的責(zé)任所在。勢，很快就會(huì)成為普遍的實(shí)踐，在未來更可能在更大的范圍內(nèi)應(yīng)用。
而對這些趨勢視而不見的網(wǎng)站，很可能在新的一年里被時(shí)代甩在后面。
全部評論