白鴉等同學(xué)，作為設(shè)計(jì)師，都在研究，到底多寬的屏幕適合于閱讀。研究來(lái)研究去，他們認(rèn)為，設(shè)計(jì)頁(yè)面的人，首先應(yīng)該考慮到，很多同學(xué)眼珠子沒(méi)這么寬，必須限定為650-800寬度。也就是說(shuō)，太寬了，就費(fèi)眼睛，閱讀速度也慢了，易用性就降低了（當(dāng)然，這也是很多老外研究的結(jié)論，白鴉他們只是作為傳道者，給大家傳道而已）。還有，白鴉同學(xué)也說(shuō)了，有1680或1920寬度的顯示器，在看網(wǎng)頁(yè)時(shí)，更好不要全屏，這樣簡(jiǎn)直是自己折磨自己。
說(shuō)起來(lái)都挺好聽(tīng)的，自然也是很有科學(xué)道理。但，到底網(wǎng)頁(yè)要不要搞得限定寬度，讓人在寬屏?xí)r，閱讀只看到左側(cè)一半的寬度，扭著脖子看左側(cè)信息，而忽略甚至費(fèi)勁地再看右側(cè)的信息？更近的safari瀏覽器更受人詬病的就是上面的 tab的close button的設(shè)計(jì)。隔得太寬，每次都要費(fèi)勁用鼠標(biāo)點(diǎn)擊那小叉叉，簡(jiǎn)直是對(duì)人的折磨。
我也知道，更短的連續(xù)文字更適合于一目十行，但實(shí)際上，純文字閱讀并非網(wǎng)頁(yè)設(shè)計(jì)首先要考慮的問(wèn)題。到底設(shè)計(jì)多寬屏幕，實(shí)際上是需要更多考慮的問(wèn)題。現(xiàn)在的瀏覽器多數(shù)都支持無(wú)級(jí)縮放，在用大屏幕的時(shí)候，可以繼續(xù)考慮滿屏設(shè)計(jì)，只需要用瀏覽器的縮放，基本就能解決問(wèn)題。放大兩倍后，650的像素所占位置大概是1300，離屏幕遠(yuǎn)一些，看起來(lái)也沒(méi)多費(fèi)勁。設(shè)計(jì)師的前幾要目標(biāo)，一是可能要考慮首年適合不同瀏覽器自動(dòng)調(diào)節(jié)CSS的做法，另一個(gè)是要培養(yǎng)用戶使用無(wú)級(jí)縮放的習(xí)慣。
02年yahoo改版的時(shí)候，就在考慮800和未來(lái)的主流1024之間如何平衡的問(wèn)題?？紤]到瀏覽器字體縮放的技術(shù)，滿屏也不是那么令人可憎。相反，不要過(guò)多地考慮留空白，滿屏后，起碼可以讓閱讀者更加自如地控制字體大小，閱讀的舒適度，交回給用戶。
否則，以設(shè)計(jì)師為主導(dǎo)的設(shè)計(jì)方法，免不了又要進(jìn)入新浪彈出窗口的悖論：新浪的習(xí)慣是彈出新窗口，結(jié)果新上網(wǎng)的用戶習(xí)慣了彈出新窗口。結(jié)果，不用彈出新窗口的，似乎就不符合標(biāo)準(zhǔn)。既然大家都喜歡彈出新窗口，_blank的應(yīng)用就無(wú)處不在。瀏覽器的tab的功能也成為衡量一個(gè)瀏覽器是否已用的標(biāo)準(zhǔn)。鼠標(biāo)中鍵點(diǎn)擊也成為標(biāo)準(zhǔn)。相反瀏覽器的標(biāo)準(zhǔn)后退按鈕和后退操作，反而慢慢失去了作用。
回到問(wèn)題上來(lái)，到底要設(shè)計(jì)多寬的網(wǎng)頁(yè)？我的認(rèn)為是：全屏是更佳選擇。要努力的是瀏覽器的適應(yīng)能力，要改變的是用戶的瀏覽習(xí)慣。
對(duì)于屏幕寬度的例子，以下幾個(gè)企業(yè)各自的選擇很有代表性
結(jié)合滿屏和固定寬度的做法的代表。首頁(yè)固定寬度，防止頁(yè)面結(jié)構(gòu)錯(cuò)亂，內(nèi)部閱讀頁(yè)，滿屏。導(dǎo)航和相關(guān)鏈接，置于屏幕的左上和右上位置。類似的有ebay的做法，直到更終頁(yè)面，前面都是用表格來(lái)固定寬度，防止頁(yè)面錯(cuò)亂，更后產(chǎn)品頁(yè)則全屏。google更早偏向于全屏處理文字的展示，但更近卻也靠近折中做法，頁(yè)面搜索結(jié)果也限定寬度，其他地方全屏。但搜索結(jié)果頁(yè)搜索結(jié)果區(qū)域的固定寬度，是為了防止cache和類似網(wǎng)頁(yè)以及comment等幾個(gè)功能不要和要點(diǎn)擊的搜索結(jié)果拉得太開(kāi)，不得已的設(shè)計(jì)。gmail和reader等，依然是全屏設(shè)計(jì)。
固定寬度的典型代表，在1024已經(jīng)成主流的1年時(shí)間里，IBM固定是800像素設(shè)計(jì)首頁(yè)。后來(lái)逐步改到適合1024屏幕的寬度。而且特別喜歡用表格區(qū)分。
sun，apple，和ibm基本也類似，都跟nngroup的jakob nielsen脫不了干系。但nielesn的很多的理論，也用于microsoft等折中的企業(yè)身上?？梢匀seit.com和nngroup.com看他們到底怎么做。沒(méi)有一個(gè)固定的說(shuō)法。
作為內(nèi)容為主的閱讀型網(wǎng)站，我更喜歡nytimes和msnbc的設(shè)計(jì)。但有一些設(shè)計(jì)理論可能會(huì)覺(jué)得這兩個(gè)網(wǎng)站稍顯花哨。
寬屏如何設(shè)計(jì)網(wǎng)頁(yè)參看大公司是如何做的，希望對(duì)您有參考價(jià)值。
