2018 網頁設計趨勢重點

8/15/2024

2018 年將是充滿實驗性的一年，從各網頁設計趨勢文章幾乎鼓勵我們「打破框架」

大膽嘗試可以見得：明亮鮮豔的顏色、超大的字體或是全屏影片... 諸多手法都是為了讓我們更能沈浸於情境之中，

制式沒有生氣的網頁已不只是讀者想看的，他們要的是「體驗」，好的內容必要透過互動吸引讀者。

以下整理出 2018 年網頁設計趨勢的 5 大重點：

1. 善用排版加強內容的可讀性

內容為核心已是網路世界的共識，極簡與扁平化的設計正是為了不干擾內容為主導的體驗。

讓使用者越少搜尋、越快獲取更多資訊是頁面呈現最重要的事。

清晰的視覺層級，好的文章層次結構有利於閱讀，善用字體大小、段落為你的內容排版。

試著加大標題、減少幾種文字色吧！

記得要留白，密密麻麻的文字像讀一本沈重的書，適度留白讓讀者有呼吸的空間。

2. 個性化設計凸顯品牌風格

設計「個性化」時代已來臨，面對不同的群眾，呈現不同的內容與風格，更能精準傳達訊息。

Instagram 和 Spotify 帶來的鮮豔漸變色，讓我們越來越大膽地使用色彩，

不論是經典或是實驗性的色彩搭配，都有助於讓頁面更顯個性。

無邊界設計的流行從 3C 產品外觀可窺知一二，用無縫的流動與過渡取代生硬的線條與區塊，敘述流暢的故事。

3. 利用卡片組織訊息，化繁為簡

卡片式設計不是新的流行，在以內容為重的頁面中，卡片能承載多筆訊息且可供快速瀏覽選讀，

在各裝置也有很好的延展與呈現。從媒體到電商，絕大多數的網站皆有採用這樣的設計。

4. 透過互動設計吸引停留時間

常聽到「微互動」、「微交互」、「動態特效」... 等說法，互動是引導讀者進入內容的重要牽引，

再好的內容若沒有鉤子，怎能吸引讀者停留？

►捲動特效

隨著好內容增加，網頁也越拉越長，如何讓使用者「沈浸」在長篇內容中久久無法自拔？

隨著捲動頁面出現特效是可以著墨的地方。

►參與感

讓你的讀者不再只是跟著鄉民進來看熱鬧的，試著讓他們給予回饋，在頁面加上 chatbot、或是詢問意見，

讓他們除了瀏覽頁面之外感覺還得到了些什麼，也是提高轉換率的方法。

5. 以手機為先的編排思維

行動裝置瀏覽已超越了桌面瀏覽，Google 也將推出新的 mobile-first 搜尋結果指數，

Googlebot 抓取手機版網頁的次數大幅增加，搜尋結果及 Google 暫存頁面上的內容將來自手機版的頁面。

這意味著你必須要有手機版網頁，不論是多特別的版面設計，都需要優先考量手機版。