網站設計排版基礎概念，您一定要知道

A：從網頁設計趨勢裡面，許多文章都提到「打破格局」大膽處理視覺圖像、明亮鮮豔的色系、大形的字體應用，全幅網頁的影片表現....等許多手法，這些方式主要都是希望讓瀏覽者更能融入於情境氛圍之中，突破已往制式編排的網頁之中，那會讓觀看者沒有很願意繼續看下去，因此提供一個好的「使用者體驗」，才能讓瀏覽過程的互動性提升。

以下整理出網頁設計趨勢的五個重點：

 

(1)善用排版加強內容的閱讀性
面對內容都是文字的網頁，已經不再是現行網路世界的共識，轉而簡約與扁平化的設計正是為了不干擾內容為主要的體驗。讓使用者能夠在短時間內得到更多重點的資訊。

 

清晰的視覺層級
好的內容架構促使好的閱讀行為，善加利用字體的屬性(大小、字距、段落、色彩、粗細....等)，結合圖像(Icon、像量圖、照片...)都能將閱讀行為變成一種互動的方式。

 

適度的留白
物件之間的排列沒有呼吸的空間，這將會影響到閱讀者的心理感受，因此，適度的餘白很重要。

 

(2)個性化設計凸顯品牌風格
突顯「個性化」的需求越廣泛被社會接受，面對龐大的市場需求，表現呈現的內容也越來越多元，凸顯品牌風格及精準傳達資訊更為重要。

 

大膽用色
市場上有許多有名的平台經常出現鮮豔的漸層用色不論是經典或是實驗性的色彩搭配，都有助於讓頁面更顯個性。

 

打破佈局
無邊界設計的流行趨勢，運用無縫的流動與過渡取代生硬的線條與區塊，來敘述流暢的故事文本。

 

(3)利用卡片組織訊息，化繁為簡
卡片式設計不是新的流行，在以內容為重的頁面中，卡片能承載多筆訊息且可供快速瀏覽選讀，在各裝置也有很好的延展與呈現。從媒體到電商，絕大多數的網站皆有採用這樣的設計。

 

(4)透過互動設計吸引停留時間
常聽到「微互動」、「微交互」、「動態特效」... 等說法，互動是引導讀者進入內容的重要牽引，再好的內容若沒有引起注目，也很難留住瀏覽者的心。

 

(5)以手機為先的編排思維
行動裝置瀏覽已超越桌機上瀏覽的頻率，Google也推出新的mobile-first搜尋結果指數，Googlebot抓取手機版網頁的次數大幅增加，搜尋結果及Google暫存頁面上的內容將來自手機版的頁面。這意味著你必須要有手機版網頁，不論是多特別的版面設計，都需要優先考量手機版。