網站設計寬度多少最合適

來源:果殼範文吧 2.97W

網頁的尺寸受限於兩個因素:一個是顯示器螢幕。

網站設計寬度多少最合適

現在顯示器現在種類很多,以21寸為主流, 正在朝23寸及寬屏的方向發展。但目前也有為數不少的19寸顯示器,甚至是17寸的。

另一個是瀏覽器軟體,就是我們常用的IE,Friefox,360瀏覽器等。

基本上網頁寬頻是螢幕大小減去22px就是頁面的寬度,比如對於800*600解析度的螢幕,頁面的寬度要低於778畫素,1024的寬度的頁面要設定成不大於1002px(一般就是950或者960),等等。當然還有些人覺得設定成fixed比較好,就是滿屏,100%寬度。

目前各大網站基本在960/950為主,促使各大網站改為寬屏的原因是,1024*768解析度的瀏覽器早已成為主流,更寬的螢幕也越來越多,比如1280*1024。而這些網站的寬度,大都是950px/960px而非1002px(騰訊網的是1002px)。

我知道在這個問題上面每個人的觀點是不一樣的,我認為這裡主要要考慮兩個因素:

視覺效果和使用者體驗。

從視覺效果來說,螢幕邊緣區域並不是使用者的有效視覺區域,也就是說,使用者很少去看螢幕的'邊緣地帶的。所以我最近在很多國外的網站看到一些100%寬度設計的網站,兩邊都會留20px左右的空白(而且這樣看起來更加舒服)。

而從使用者體驗來說,太寬的螢幕,意味著一行會有更多的字,這一點是不好的。大家在看報紙或看書的時候會注意到分欄,比如報紙,無論是對開還是4開的報紙,都會分成幾欄來顯示,如南方都市報是分5欄,每欄15個5號字,這樣就很容易閱讀,如果不分欄,那麼就相當於一行75個字,只有一兩行字的話還行,如有二十幾行,誰能讀下去?!

現在顯示器的螢幕越來越寬,如果網頁的寬度也一味的寬下去,使用者肯定要糾結了!

所以,我認為950-980的頁面寬度是最合適的。


熱門標籤