網站的頁面寬度該設定多少

20150316-6

設計網站的時候總會碰到網頁寬度的問題,客戶們認為現在的筆記型電腦和桌上型電腦的螢幕都越做越大,螢幕解析度也越來越高,所以總希望網頁寬度可以做寬一點,這樣可以塞下更多的更多的注意事項、最新消息、熱門文章等等等等等的內容,最後自己的網站就不小心變成Yahoo首頁了……。

主流的頁面寬度是1000px

早些年電腦最普及的解析度是1024*768,之後被1280*1024所取代(也是目前最多人使用的解析度),目前也有許多人使用1440寬度或1920寬度的解析度,因為螢幕的解析度尺寸越來越多了,也會讓客戶產生要以大尺寸來滿足讀者的錯覺,其實目前的主流網頁寬度還是以1000px為主,並不會隨著螢幕市場的主流越來越大而有太大的變更。

不建議寬度太大的原因

  1. 網站的內容不是只有內文
    一般人在確認網站寬度時只會計算內文的部分,偏偏現在很多網頁旁邊或有臉書的社群按鈕或其他的分享按鈕等等隨著視窗滑動的按鈕,這些都是在網站寬度以外的範圍。
  2. 讀者不喜歡太寬的閱讀動線
    頁面如果太寬,也代表每一行文章的段落長度會非常的長,對讀者來說這是一個非常痛苦的眼睛凌遲,這一點是許多使用者後知後覺的痛。
  3. 太大的圖片會讓版面壅擠
    有些使用者要求寬版面的目的就是為了放夠大張的照片,除非你的照片真的美麗到讓人窒息,不然太大張的照片會讓讀者有一種妨礙觀瞻的感覺,而且太大張的照片也會讓人有一種壓迫感。
  4. 內容不夠豐富的時候
    如果你的內容不夠豐富,因為寬度的關係也會讓本來有20行文字轉變成只有10-15行,在視覺上會讓人有一種網站沒什麼內容的錯覺。
  5. 內文排版容易不協調
    現在的網站內容除了塞文章和圖片,也會塞入很多相關的功能,例如留言、社群按鈕、相關文章、熱門文章、廣告等等,並不是每一個功能都可以跟內文的寬度一樣寬,太寬的內容排版有時候會造成彼此之間的設計不協調。

結語

除非你是活動類型網站或視覺為主的網站,不然不建議做太過於寬版的網頁設計,也不要認為客戶都是大螢幕不太會在意寬版的問題,畢竟網頁設計不是只給客戶自己孤芳自賞用的,而是要讓絕大多數的讀者可以輕鬆閱讀。

創用 CC 授權條款
WordPress架站百寶箱阿腸製作,以創用CC 姓名標示-非商業性-禁止改作 4.0 國際 授權條款釋出。

抱歉,本篇文章留言已經關閉。