在瀏覽範例網站的時候,客戶往往專注於版面設計及特效設計的要求,而忽略了版面大小的實際認知。
設計網站的時候總會碰到網頁寬度的問題,客戶們認為現在的筆記型電腦和桌上型電腦的螢幕都越做越大,螢幕解析度也越來越高,所以總希望網頁寬度可以做寬一點,這樣可以塞下更多的更多的注意事項、最新消息、熱門文章等等等等等的內容,最後自己的網站就不小心變成Yahoo首頁了……
但請留意,最佳尺寸標準是以大部分用戶的瀏覽器尺寸為主,如1024X768台式電腦﹑1280X800或1440X900或1680X1050手提電腦。但這並非代表網站能以這個範圍內自動調整,這是由於以全螢幕(FULL SCREEN)為發展的網站編碼CODING需要進階網頁設計服務,因此我們會先為客戶選擇一個適合大部分電腦觀看的固定最佳尺寸作開始。
曾有客戶以自己常用的電腦螢幕作為觀看指標,如2560X1600以上的大螢幕,因此會質疑網站尺寸過少等問題。我們可因應客戶需要調整為客戶的最佳尺寸,但同時我們會提醒客戶在其他一般使用者觀看的時候則會出現過大的問題,並會附上其餘不同的螢幕CAPTURE圖片作參考。
1.主流的頁面寬度是1000px
早些年電腦最普及的解析度是1024*768,之後被1280*1024所取代(也是目前最多人使用的解析度),目前也有許多人使用1440寬度或1920寬度的解析度,因為螢幕的解析度尺寸越來越多了,也會讓客戶產生要以大尺寸來滿足讀者的錯覺,其實目前的主流網頁寬度還是以1000px為主,並不會隨著螢幕市場的主流越來越大而有太大的變更。
2.不建議寬度太大的原因
(1)網站的內容不是只有內文
一般人在確認網站寬度時只會計算內文的部分,偏偏現在很多網頁旁邊或有臉書的社群按鈕或其他的分享按鈕等等隨著視窗滑動的按鈕,這些都是在網站寬度以外的範圍。
(2)讀者不喜歡太寬的閱讀動線
頁面如果太寬,也代表每一行文章的段落長度會非常的長,對讀者來說這是一個非常痛苦的眼睛凌遲,這一點是許多使用者後知後覺的痛。
(3)太大的圖片會讓版面壅擠
有些使用者要求寬版面的目的就是為了放夠大張的照片,除非你的照片真的美麗到讓人窒息,不然太大張的照片會讓讀者有一種妨礙觀瞻的感覺,而且太大張的照片也會讓人有一種壓迫感。
(4)內容不夠豐富的時候
如果你的內容不夠豐富,因為寬度的關係也會讓本來有20行文字轉變成只有10-15行,在視覺上會讓人有一種網站沒什麼內容的錯覺。
(5)內文排版容易不協調
現在的網站內容除了塞文章和圖片,也會塞入很多相關的功能,例如留言、社群按鈕、相關文章、熱門文章、廣告等等,並不是每一個功能都可以跟內文的寬度一樣寬,太寬的內容排版有時候會造成彼此之間的設計不協調。
除非你是活動類型網站或視覺為主的網站,不然不建議做太過於寬版的網頁設計,也不要認為客戶都是大螢幕不太會在意寬版的問題,畢竟網頁設計不是只給客戶自己孤芳自賞用的,而是要讓絕大多數的讀者可以輕鬆閱讀。