首頁 部落格 2017年 網頁設計趨勢回顧與觀察
Ryan
Jul 18, 2017
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

2017年 網頁設計趨勢回顧與觀察

2016年網路的世界發生了很多大事,例如VR虛擬實境的崛起、寶可夢帶動AR實境擴增的產業、網紅的竄起、電商的拓展、電子支付的普及...等等,不少趨勢都直接影響了網頁設計的發展,以下我們看看2017年將會有什麼樣的新發展。


行動網頁設計

相信各位絕對不會懷疑,今後是行動用戶為主的時代,就讓我們再拿出更多數據證明這樣的說法是正確的:

全球超過12億人口為手機上網

在美國有25%的用戶僅使用手機上網

超過11億個 APP已經被下載使用

超過85%的行動裝置可以上網,大多都是透過網路販售

結論:大勢所趨,手機優先不是口號,越來越多網頁設計以智慧手機為最主要的使用平台,也獲得了很大的成功,故今後一定要加強布局


滾動視差設計

滾動視差網頁設計在2015~2016年間獲得了廣大的迴響,從時尚、旅遊、精品、電影、甚至出版文化與教育產業網站都廣泛使用這樣的技術,吸引客戶的關注。

不過滾動視差網頁仍有很多設計上的缺點,常見的問題是瀏覽的方式與一般網頁差異過大,使用者容易感到困惑,可以使用的元素也受到了限制,縱使可以透過不同的技術解決問題,但卻又容易降低網站的品質與效能。

2017年滾動視差網站仍會繼續發展,並且有許多設計師找到了解決的技巧,相信將會有更多優秀的滾動視窗網站會不斷開發。

結論:各有利弊,仍有改善空間


影片網頁背景

如果各位常常到全球最知名的Kickstarter創投網站,就可以看到影片網頁背景多麼受到歡迎。因為創投團體十分明白影片的威力,即使在草創初期資金不足的情況下,也要拍攝吸引目光的影片,才能夠引起投資者的興趣。

影片背景網頁設計在這兩年有不少改進,越來越多技巧可以讓一般電腦運行,但受到尺寸的先天限制,手機無法使用影片網頁背景吸引客戶,得使用其他的方式來吸引目光,例如GIF動畫雖然是老古董的技術,但受到Facebook重新青睞後,現在又變得熱門起來。

結論:在大螢幕尺寸效果顯著,手機不易凸顯


微型互動設計

微型互動(Microinteraction)已經被歸類為介面設計(UI)的領域,比較少網頁設計師涉獵。一般的網頁設計都走安全路線,介面等細節的呈現不太受到重視,反之,重視細節的網頁設計公司開始研發微型互動提昇網戰品質,更容易從競爭對手中脫穎而出,成為客戶考慮接洽的對象。

結論:微互動雖然效益不顯著,但卻能讓用戶印象加分

 

參考來源

https://www.webdesignerexpress.com/blog/top-web-design-trends-for-2017

圖片來源 Pixabay 作者 Mizter_x94 轉載請註明出處或鏈接

好的網頁設計如何讓網站在競爭中脫穎而出
好的網頁設計如何讓網站在競爭中脫穎而出
Jericho
Jericho
Dec 13, 2024
網站設計有效著陸頁的10個技巧
網站設計有效著陸頁的10個技巧
Jericho
Jericho
Dec 04, 2024
設計完美網站標誌的10個技巧
設計完美網站標誌的10個技巧
Jericho
Jericho
Nov 27, 2024