2015 網頁設計趨勢

0
4710

回顧 2014 我們看到了相當多優秀的網站作品,裡面不乏新的設計靈感以及新技術的應用。網頁設計是多樣化而且充滿活力的行業。除了連接人與人外,也促成為了宣傳、社交、部落格、營銷、個人品牌推廣的工具或服務。

設計創新、實用、好用才是最重要的,這些優秀的設計靈感很有可能會變成將來網頁設計的趨勢。現在我們就來看看 2015 年有哪些值得我們關注的網頁設計趨勢吧。

01. 自然攝影 Natural Stock Photography

bravepeople

2014 許多網站使用具授權的高畫質照片來設計網站,在 2015 也將持續發燒
照片哪裡找: 令人驚豔的圖庫資源,注意授權

02. 單主色 One-Color Dominance

ninesixty

許多網站用單主色作為整體背景、風格,具有非常強烈的視覺效果,讓人易聯想到品牌的識別也更容易被記憶
欣賞單主色網頁設計: 使用單主色設計的網站

03. 影片背景 Video Backgrounds

borngroup

startup

影片背景讓人更容易投入情緒產生共鳴感,也比圖片更能呈現出想訴說的情感、理念。2015 會更被大家所廣泛應用

04. 獨特的導航欄 Unique Navigation Menus

Impossible Bureau

Qards

相比一般傳統的固定的導覽列,會看到越來越多創意的導覽方式,像是下拉,縮合,彈出,切割結合圖片創意導覽(像是上面舉例的 Impossible Bureau),這樣獨特的導覽方式可以給使用者更加難忘的體驗。

05. 卡片塊狀設計 Cards & Tiles

Firebox

卡片式設計,最為人所知的就是 Pinterest 開始引領起這股潮流,接著許多部落格、購物網站也可以看到類似的設計。

06. 固定區塊 Fixed Blocks

Build in Amsterdam

固定區塊以往常使用在固定住社群分享與導覽列,在 2014 則更擴大運用在側邊導覽或其他區塊,搭配出許多好用的互動效果,2015 可以看到更多創意應用。

07. 微視差 Subtle Parallax

Cher Ami

我們看到許多網頁使用視差滾動做出酷炫的效果,但過多的效果會破壞設計、導致糟糕的使用者的體驗。所以漸漸趨向微視差,運用貼心的設計給使用者小小的驚奇體驗。

08. 更多的滾動 More Scrolling

Smart Water

2015 將會繼續滾動下去~ 有一些研究「Everybody Scrolls」指出使用者是喜歡滾動的。滾動的長頁面中添加許多互動效果,可以在使用者下拉時用有趣的方式互動說故事。

09. 插圖 Illustrations

One Design Company

Dropbox 就是利用手繪設計網頁。在網頁設計時手繪是其中一個元素,網頁中好的手繪設計也可以代表一個品牌識別,利用手繪說故事,並與使用者產生連結。

10. 大數據/圖片 Big Data/Graphs

Personal Brand Institute

大數據在網頁設計中也可以被看到,像是許多圖片、圖表、互動式的數據呈現將在2015有更多運用。複雜的數據與圖表將碰撞出許多未知的火花。

11. 產品優先 Product First

My Deejo

許多新創公司製作新產品時,面臨到很難在網頁上把使用體驗與感覺直接傳遞給使用者。然而可以看到網頁上越來越多互動效果與 3D 體驗畫面,讓使用者可以身歷其境般的了解產品甚至是很小的細節。

12. 扁平化將持續發燒 Flat Will Keep Growing

Pennies

Flat design 已快速的被企業與設計師廣泛運用。2015 可以期待看到更多新的創意扁平運用。

13. 手機優先 Mobile First

Medium

手機使用者成長速度極快,以手機使用優先設計將會在 2015 被大大重視。而響應式設計也不再是個特點,他將成為必須。設計師們要進一步去反思設計網頁的方式,如何能給手機使用者最好的體驗。

14. 人性化 Human Touch

Adventure

舉個例子像是使用手寫的字,讓使用者與網頁互動時更有溫度,像在與人互動般。

15. 微用戶體驗 Micro UX

Virgin America

凡是能夠與使用者進行互動、同步、回饋的行為,都算是微用戶體驗的一種。Micro UX 的網頁設計特色,就是隱性的提供資訊或功能,使網頁瀏覽者得到更好的使用感受。更多關於微用戶體驗

16. 幾何 Geometry

Letters

幾何的應用源自於數學,但運用得好的話其實也可以很有趣。漂亮的幾何圖形將持續在 2015 網頁設計出現。

17. 粗大字體 Big & Bold Typography

Webflow

粗大的字體將持續在網頁設計中被運用,因為他可以帶給使用者視覺的衝擊、與影響。

18. 線上網頁製作 Rise of Website Generators

Squarespace

線上許多製作網站的服務,漸漸取代需要設計師去專屬設計或需要程式人員寫程式碼才能架站。
像是: Generator, Squarespace,Macaw, Webflow or Froont.

19. 個人品牌 Personal Brands

Tobias van Schneider

個人品牌打造
不管是設計師、工程師、任何人、公司
大家都重視個人的經營讓自己就是一個品牌,2015 這個趨勢將會更加明顯。

20. Material Design 將持續應用

Inbox by Gmail

Google 推出的 Material Design 將會持續被應用 google material design 正體中文版

21. 互動之旅 Interactive Journeys

Inbox by Gmail

各種創意互動式網站,結合音效、鏡頭、麥克風..讓情境隨著使用者的動作產生不同的互動效果。

最後

以上看到了一些趨勢,還是會聚焦在扁平設計、粗大字體、高畫質照片的網頁設計。值得期待的是在 2015 將會出現怎樣的新科技應用,而網頁設計會不會與一些非主流的設計碰撞出火花。

享受日常生活中的所有變化,才是不變的道理 !
祝大家有美好的 2 0 1 5