根據客戶的顯示器決議建立頁面的大小
網頁解析是一件大事。 許多教網頁設計的網站已經寫過關於它的內容,根據你相信的人,你應該設計最低公分母(640x480),最常見分辨率(800x600)或最前沿(1280x1024或1024x768)的頁面。 但事實是,你應該設計你的網站為客戶誰來。
關於屏幕決議的事實
- 640x480沒死
- 儘管640x480並不像以前那麼常見,但這個解決方案仍然存在。 較老的電腦,屏幕較小的筆記本電腦,上網本以及需要較大字體的人都使用此分辨率。 即使您選擇不將網頁設計為此分辨率,您也應該以此分辨率測試您的網站。
- 800x600非常常見
- 許多網站設計指南建議設計800x600分辨率的網站。 雖然這個解決方案在整個網絡上更為常見,但您的客戶可能並非如此。 如果您打算重新設計您的網站,請花幾週時間分析您的瀏覽器統計信息,以確定客戶使用的最常見解決方案。
- 1024x768更常見
- 屏幕變得越來越大,而1024x768是另一種流行的尺寸,因為許多設計師都有本地支持的顯示器。 但是這個解決方案對很多人來說可能相當難以理解。 14英寸筆記本電腦顯示器可能支持1024x768,但文本幾乎不可讀。 筆記本電腦非常受歡迎。
- 1280x1024和更大的不太常見
- 大多數情況下,您會在台式電腦或高端筆記本電腦上看到這些較大的分辨率。 但通常在這些較大的尺寸下,客戶並未全屏瀏覽。 因此設計一個寬度超過1000像素的網站將會在大多數屏幕上產生水平滾動條。
記住這些分辨率花絮
- 並不是每個人都可以最大化他們的瀏
- 如果您確定您的客戶以1024x768瀏覽,您可能正在構建需要水平滾動的頁面。 為什麼? 因為當他們瀏覽這個分辨率時,他們不會最大化他們的瀏覽器窗口,所以800x600可能更適合他們的瀏覽器窗口。
- 不要忘記瀏覽器Chrome瀏覽器(不是Google Chrome瀏覽器)
- 瀏覽器在右側和左側減去多達50個像素,在頂部和底部減去200個像素,用於像滾動條,工具欄和窗口容器之類的東西。 這被稱為瀏覽器鑲邊。 因此,如果您創建800像素寬的表格,那麼800x600分辨率屏幕上具有最大化瀏覽器的客戶將不得不水平滾動。
如何根據分辨率處理屏幕尺寸
- 確定誰查看您的網站
- 查看您的網絡日誌文件,或者投票或腳本來確定您的讀者實際使用的分辨率。 使用真實世界的瀏覽器大小腳本來追踪您的讀者。
- 根據您的客戶進行重新設計
- 當您重新設計您的網站時,請根據您網站的實際情況進行構建。 不要以“網絡”或其他網站的統計數據為依據。 如果您建立的網站符合您的客戶使用的分辨率,那麼您會讓他們更快樂。
- 以各種分辨率測試您的網站
- 請更改您自己的屏幕大小(更改Windows屏幕分辨率或更改Macintosh屏幕分辨率)或使用測試工具。
- 不要指望你的客戶改變
- 他們不會。 對他們施加限制只會鼓勵他們離開。