2015年流行的網頁設計七大趨勢

資訊頻道 - 創(chuàng)意潮 來源:中國設計在線 作者:CDO 2014-12-23

回顧2014年,我們可以發(fā)現一些與網絡設計有關的新趨勢已經悄然興起:如免代碼設計平臺,視差效果(parallax effects),單網頁站點等等。 

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

根據專業(yè)網頁設計平臺Webydo的觀點,我總結出了最有可能在2015年流行的網頁設計7大趨勢與大家分享。

1.更為自由的排版方式

致勝未來!2015年網頁<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設計</a>的七大主題【設匯主義】 


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

因為網頁的排版與印刷品的排版布局在各方面都不盡相同,在2015年,我們有希望最終擺脫目前大部分網站習慣采用的小字密排的網頁排版方式。

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

就網頁設計而言,對閱讀體驗的影響主要來自三個方面:

1.字體大小

2.列寬

3.行間距

較大的字體能帶來較好的閱讀體驗,這是被反復證實的一個研究結論。目前,設計師們已經開始將響應式式排版連同響應式圖像,響應式結構一起應用于自己的設計。超越平臺的界限,將文字以最佳的呈現方式帶給用戶對網頁設計師來說是非常關鍵的工作。 

2.網頁編碼漸成絕唱 

致勝未來!2015年網頁<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設計</a>的七大主題【設匯主義】
 

網頁設計一直都有明確的分工:設計設計出外觀和風格,然后編程員將它們實現。隨著網頁設計工具變得日益智能和高效,這種分工合作的方式也在發(fā)生改變。

時至今日,利用擁有很多強大特性的圖形處理軟件,設計師們可以在完全不用編寫代碼的情況下建起網站,且能輸出干凈而符合W3C標準的代碼。

這標志著網頁設計模式上的重大改變,網頁設計師因此可以更快速地為客戶建立起專業(yè)的站點。

設計師把更多的心思傾注在設計品質上時,他們所選擇的平臺也會在算法上加以調整和改進,以確保能滿足設計師的工作需求。網頁編程員總還會有屬于自己的一席之地,但很顯然他們會逐漸從前端開發(fā)的任務中退出。

3.響應式設計日益成熟 

致勝未來!2015年網頁<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設計</a>的七大主題【設匯主義】
 

適就在幾年前,提起“響應式網站”,還意味著它的適配平臺僅限于桌面,平板和智能手機等客戶端。隨著智能手表,智能電視和其他智能家用設備的迅猛增長,響應式設計的定義也得到了極大的擴展。

響應式設計在不同平臺上遭遇的問題各不相同,但平板和智能手機的互動系統(tǒng)非常接近,響應式設計在這兩種平臺上要應對的最大問題都是如何確保以大小合理,易于導航的方式呈現內容。

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

解決類似的問題可能需要時間,但可以預測,最晚到2015年底,單是智能設備的巨大市場,也會倒逼網頁設計師們在技術革新面前找到一條出路。

4.扁平化設計無處不在 

致勝未來!2015年網頁<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設計</a>的七大主題【設匯主義】
 

隨著業(yè)界巨頭們競相向扁平化設計風格靠攏---例如微軟的UI語言,谷歌新版的材質設計(Material Design)指南,和蘋果新的美學指導原則---扁平化設計似乎正是風光無限的時候。

有些人質疑說扁平化設計主要是UI范圍內的事,但更多人傾向于認為在網頁設計領域這也是一個重要的趨勢。

它不僅與用戶瀏覽網頁內容的方式有關,更與網頁背后的支持技術密不可分。扁平化設計的指導原則是極簡主義,它在應用中的體現便是簡約,有條理,可以快速加載且以內容為核心的網頁。

除開審美上的考量,扁平化設計也有很實際的作用:它讓用戶不受打擾地專注于內容本身。

5.圖片:愈大愈佳 

致勝未來!2015年網頁<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設計</a>的七大主題【設匯主義】
 

不僅網頁中的文字正在越變越大,圖片也是一樣!

在從前,由于網絡帶寬有限,網頁中圖片的大小也隨之受到限制,但隨著時代的發(fā)展,這個問題幾乎已經不存在。其結果是,高清大圖在互聯網上形成了鋪天蓋地之勢。

可以預測,在2015年圖片將占據網頁的中心位置。在響應式圖片大小調整,背景主色調配和優(yōu)化圖片加載等方面還會出現更多的新技術。

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

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

6.視差效果唱主角 

致勝未來!2015年網頁<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設計</a>的七大主題【設匯主義】
 

與傳統(tǒng)的點擊式導航條相比,視差滾動可謂是優(yōu)勢多多。它說到最引人注目的趨勢,自然要數視差滾動(Parallax Scrolling)了。

現在我們到處都能看到它的影子,甚至在Apple和Google的產品頁面上也不例外。視差滾動的效果也是實實在在的:使用視差滾動的網站,用戶參與度直接提升了70%!

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

在2015年,我們將見到越來越多的設計師將視差滾動用于自己的網頁設計中。

7.網頁圖表迎來新曙光 

致勝未來!2015年網頁<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設計</a>的七大主題【設匯主義】
 

作為視覺動物,當信息以圖表方式呈現時更容易被我們理解,這也是圖表被如此廣泛使用的基礎。圖表不僅能以更為簡明的方式傳達大量信息,在人類記憶中也有更高的留存度。

如今一個新的趨勢已經開始顯現,就是網頁圖表!同普通圖表類似,網頁圖表也能傳達大量信息,但它還允許用戶與圖表中的各種元素進行互動。與傳統(tǒng)圖表相比,網頁圖表的視覺吸引力更強,也更容易被用戶記住。

在2015年,會有更多的客戶要求設計師在網頁中加入可以互動的圖表。

網頁設計的未來

也許在這里列舉的這些趨網頁設計中的各種潮流起起落落,它們的源動力不過是設計師的創(chuàng)造力。把潮流轉變?yōu)闃藴,把標準轉變?yōu)槌绷鳎?a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設計師的責任所在。勢,很快就會成為普遍的實踐,在未來更可能在更大的范圍內應用。

而對這些趨勢視而不見的網站,很可能在新的一年里被時代甩在后面。

聲明:站內網友所發(fā)表的所有內容及言論僅代表其本人,并不反映任何網站意見及觀點。

全部評論

暫無相關推薦