網頁設計的趨勢,每年都會隨著使用者習慣與時代潮流而變遷,想在滿山滿谷的網站中殺出重圍,掌握最新的網頁設計趨勢,絕對是少不了的一項功課;時時保持在趨勢的尖端,才能夠打造出令人耳目一新的吸睛網站,讓你的網站在使用者的心中留有一抹獨特的印象。
目錄
2018 網頁設計趨勢回顧
2018 網頁設計趨勢百家爭鳴,許多不同風格的網站設計都紛紛出現,像是互動式的網頁、大型的字體與全頻的影片,這麼多的設計風格無非就是尋求更佳的「體驗」;而在這些設計趨勢的背後,最大的一股潮流就是 Mobile First 的概念,在去年搜尋引擎龍頭 Google 率先率先提出了「mobile-first indexing」的消息,這個重要的訊息也就正式將行動裝置的網站設計,推向趨勢的最前端
2019 網頁風格趨勢
鮮豔、大膽色彩
大膽用色這樣的趨勢,在 2018 年時就可以看出一些端倪,有越來越多的設計師採用鮮豔的色彩來設計網站,這樣的趨勢在 2019 年也慢慢的成形,未來也就會有更多鮮豔、大膽用色的設計出現。
漸變式設計
漸變式的風格設計曾一度被扁平化設計所忽視,但在過去一兩年也回歸到了主流趨勢,今年一樣是在設計趨勢上佔有一席之地。而漸變的設計風格也很適合與上述提到的鮮豔、大膽的配色做結合,或是在網站較小的設計元素上採用,讓視覺焦點能夠聚焦在重點元素上。
不對稱設計
不對稱式的設計,是許多設計師常用的手法之一,相較於構圖對稱、完美的網頁,所帶給使用者的和諧感,不對稱式的視覺效果,更能夠跳脫傳統的框架,給人留下突出的印象。
等距投影設計
等距投影是一種在二維的平面上,呈現三維空間、物體的手法,這樣的設計隨著 3D 實境的逐漸成熟,像是 VR、AR、MR 這樣的技術,也慢慢延伸到了網頁設計的領域,這樣融入三維空間的設計概念,也將打破二維頁面的框架,在未來也將越來越盛行!
2019 網站設計趨勢
Mobile First(行動裝置優先)
Mobile First 這樣的概念在過去幾年開始被注重,當然今年的網頁設計趨勢還是脫離不了,在行動裝置普及的現在,行動裝置的使用時間已經開始追上桌上型裝置,所有的網站設計也應該要因應這樣的潮流,在設計網站的時候將行動裝置的使用體驗放在重要考量項目。
在以 Mobile First 的概念,來進行網站設計的時候,會面臨到種種的問題,像是行動裝置的介面限制較多,少了許多可以靈活發揮的空間,同時還要考慮多樣化的裝置尺寸問題,到最後各種版本的整合問題,也是需要審慎規劃的課題。 雖然 Mobile First 會遇到許多挑戰,但在行動裝置網站衍伸出的眾多問題之下,已經有新的技術可以處理這些的問題,就是「RWD 響應式網頁設計」,使用 RWD 響應式網頁設計的網站,可以在不同的裝置使用時,提供符合該裝置尺寸的網頁規格,不管是什麼樣的螢幕大小,RWD 網頁設計都可以隨之適應喔!
一頁式網站
同樣受到智慧型手機的影響,一頁式網站也成為了市場上非常受歡迎的網站形式。採取一頁式網站的設計,可以讓使用者只需要上下滑動頁面,就可以得到所有的資訊,在行動裝置上有使用上非常的便利、簡潔;在許多地方都非常適合一頁式網站的設計,像是行銷宣傳,活動推廣,這類型所需傳達訊息不多、有特定時效性的網站,就可以使用一頁式網站的設計概念。