Layout

版面配置 / 網站佈局

什麼是網站佈局?

定義

網站佈局,即是網頁上所有視覺元素的排列方式,以及它們之間的關係。透過特定目標的佈局方式,例如訪問者瀏覽網頁的順序,整合出哪個元素可以引起最多的關注,以及在設計中實現總體的平衡,從而將訪問者的注意力引向正確的方向。

什麼是網站佈局?

位置

(1) Wix編輯器: 左邊控制台新增帶狀圖片,包含各種佈局設計可供選擇。

 

(2) Wix ADI: 

  1. 編輯器左上"設計">頁面設計>選擇最佳的網頁設計

  2. 懸停在欄位上>設計>自訂欄位設計

例子

常見在網頁設計的佈局方式:

  1. Z路線佈局 (Z-pattern layout) - 最適合登陸頁面 

  2. F路線佈局 (F-pattern layout) - 最適合簡介頁面 

  3. 全屏圖像佈局 (Fullscreen image layout) - 最適合主頁面

  4. 中間分割佈局 (Split screen layout) - 最適合產品介紹頁面

  5. 不對稱佈局 (Asymmetrical layout) - 最適合表現重點內容

  6. 單列佈局 (Single column layout) - 最適合部落格及一般順序內容

  7. 基於盒子的佈局 (Box-based layout) - 最適合展示作品 (Portfolio Web Page)

  8. 卡片佈局 (Cards layout) - 最適合商務網站,展示產品及服務

  9. 雜誌式佈局 (Magazine layout) - 最適合內容豐富的頁面

  10. 帶狀圖片佈局 (Horizontal strips layout) - 最適合單頁式網站 (Single-Page Website)

fb_logo.png