|
1 布局、外觀錯誤
1.1 頁面寬度
1.1.1 頁面內(nèi)容寬度選擇不當(dāng)
問題
設(shè)計頁面寬度時不考慮使用800*600分辨率的用戶
分析
根據(jù)W3Counter在2006年7月9日發(fā)布的全球Web調(diào)查顯示，使用800*600分辨率的用戶仍占11%，所以在設(shè)計頁面寬度時，要照顧這部分用戶。
游戲站的用戶大多是游戲玩家，他們中間絕大多數(shù)人的瀏覽器分辨率是1024*768或更高的分辨率，所以游戲?qū)ｎ}為了獲得更好的效果，可以在1024*768分辨率下設(shè)計頁面寬度，一般為900~1000像素寬。但不排除其中也有一部分800*600分辨率的用戶，為了保證這些用戶能在第一屏獲得更好的效果，要把主要內(nèi)容放在頁面左側(cè)。
公司首頁、毒霸、WPS、詞霸等站，應(yīng)盡量保證800*600分辨率下不出現(xiàn)橫向滾動條，即頁面寬度為公司常用的760像素寬。
除了固定頁面的寬度，設(shè)置頁面寬度的像素值外，還可以將頁面寬度設(shè)為100%，以保證各個分辨率下的用戶都不出現(xiàn)橫向滾動條。對于信息量比較大的頁面建議使用100%寬度。但100%寬度的頁面會增加寬屏用戶瀏覽網(wǎng)頁時視線移動的距離，可以用Javascript控制這類頁面的寬度，給它限定一個最大絕對值。
案例
神州學(xué)習(xí)網(wǎng)，面向的用戶中有很多是大學(xué)生用戶，目前大學(xué)里800*600的顯示器還是占不小的比例的。而這個網(wǎng)站采用1024下的頁面寬度，顯然會失去一部分用戶。畢竟類似的學(xué)習(xí)網(wǎng)站還有很多。
我們政府的網(wǎng)站，面向的用戶是全國人民，不應(yīng)該采用1024分辨率下的設(shè)計寬度。
1.1.2 頁面內(nèi)容寬度不一致
問題
頁面中的一部分內(nèi)容寬度超出主體內(nèi)容的寬度
分析
設(shè)計師常常有這樣的設(shè)計稿：頁面主體寬760像素，照顧分辨率800*600的用戶。同時為了使1024*768分辨率下的用戶瀏覽起來不至于感覺兩側(cè)太空，會把頁面中的某一部分，如頭部，設(shè)計成1000的寬度。制作這種頁面時，要注意把兩側(cè)多出來的部分做成自動延展的，如果有圖片，做成背景圖。
設(shè)計師使用這種方法設(shè)計頁面的時候要注意兩側(cè)多出來的部分，不要放置內(nèi)容，只能放一些純修飾性的東西。
案例
頁面在800*600分辨率下出現(xiàn)了橫向滾動條。
這個頁面的原設(shè)計稿是這樣的：
兩側(cè)的焰火超過了頁面的主體，頁面應(yīng)該這樣來做：
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 下一頁 字體
|
第 1 頁 頁面寬度
第 2 頁 
