2015年網頁設計的趨勢

1.響應式網頁設計(Responsive Web Design)
從2010年發展至今的響應式網頁設計(Responsive Web Design),隨著智能手機平板的大紅大紫,近兩年已變得越來越重要,及至2015年大概這已經是不可或缺的一部份。(想了解更多?請參考響應式網頁設計一文)
2015webdesign1

2.幽靈按鈕(Ghost Button)
2015webdesign2
只有邊框,中間顯示文字並透視出背景的新式按鈕設計,外國的設計師給他取了個很晧的名字 — 幽靈按鈕(Ghost Button)

3.更強調字體
2015webdesign3
以往很多字體都需要收費而且價格不菲,現在隨著 google fonts 等免費服務的發展,你可以使用大量特殊有趣的字體去強調你的主題而不需要額外的預算

4.大圖片或視頻背景
2015webdesign4
充分利用螢幕寬度,利用大圖片或視頻突出你的主題,簡單的字句說明重點,讓用戶更快了解你需要表達的內容精要

5.滾動式網頁(Scrolling Design)
2015webdesign5
滾動式網頁設計亦已發展了數年,現在進入 awwwards 一看,幾乎大部份的作品都是 Parallax 設計,隨著手機平板這些直立式裝置的普及,滾動式設計讓內容更為直觀,用戶無需思索要點擊哪個連結,更無需多餘的轉頁,讓瀏覽變得更為暢順,相比點擊轉頁的確比更為優勢。(想了解更多?請參考視差滾動網頁設計一文)

6.卡片式設計 + 瀑布流設計排版
2015webdesign6
Pinterest應該是其表表者,他將卡片式設計推行極盛,這種設計易於配合做響應式設計,結構簡單直接,配合瀑布流排版,內容豐富,易於瀏覽。Google在Android及google plus亦大量用上卡片式設計,可見其舉足輕重。

7.平面化設計
2015webdesign7
早幾年人們對漸層、陰影推崇極緻,然而隨著 IOS6 的推出開始,平面設計卻突然起了革命,這兩年來所有的設計都開始趨更為簡單的平面化,並配合繽紛的色彩造就主題。就如 Bootstrap 從v2到v3的轉變,Android 5.0 Lollipop 的UI都可以看到。

8.微形互動
2015webdesign9
人們討厭繁複的過程,用更微細模塊與用戶進行互動,有力加強你的成功率,例如想用戶訂閱你的電子報,一個小小的彈出框將可為你帶來更多潛在客戶。

9.交互式故事
2015webdesign8
利用滾動式設計用一頁去介紹你的產品,將產品重點連成一個故事一般,逐點論述,這種設計很適合用來介紹一件事情或一件產品,在手機市場大家應該看過不少,例如Apple及小米手機。

圖片來源:elegantthemes