寬屏如何設(shè)計網(wǎng)頁 參看大公司是如何做的

作為設(shè)計師，都在研究，到底多寬的屏幕適合于閱讀。研究來研究去，他們認為，設(shè)計頁面的人，首先應(yīng)該考慮到，很多同學眼珠子沒這么寬，必須限定為650-800寬度。也就是說，太寬了，就費眼睛，閱讀速度也慢了，易用性就降低了（當然，這也是很多老外研究的結(jié)論，他們只是作為傳道者，給大家傳道而已）。還有1680或1920寬度的顯示器，在看網(wǎng)頁時，好不要全屏，這樣簡直是自己折磨自己。

說起來都挺好聽的，自然也是很有科學道理。但，到底網(wǎng)頁要不要搞得限定寬度，讓人在寬屏時，閱讀只看到左側(cè)一半的寬度，扭著脖子看左側(cè)信息，而忽略甚至費勁地再看右側(cè)的信息？近的safari瀏覽器受人詬病的就是上面的 tab的close button的設(shè)計。隔得太寬，每次都要費勁用鼠標點擊那小叉叉，簡直是對人的折磨。

我也知道，更短的連續(xù)文字更適合于一目十行，但實際上，純文字閱讀并非網(wǎng)頁設(shè)計首先要考慮的問題。到底設(shè)計多寬屏幕，實際上是需要更多考慮的問題?，F(xiàn)在的瀏覽器多數(shù)都支持無級縮放，在用大屏幕的時候，可以繼續(xù)考慮滿屏設(shè)計，只需要用瀏覽器的縮放，基本就能解決問題。放大兩倍后，650的像素所占位置大概是1300，離屏幕遠一些，看起來也沒多費勁。設(shè)計師的首要目標，一是可能要考慮前幾年適合不同瀏覽器自動調(diào)節(jié)CSS的做法，另一個是要培養(yǎng)用戶使用無級縮放的習慣。

02年yahoo改版的時候，就在考慮800和未來的主流1024之間如何平衡的問題?？紤]到瀏覽器字體縮放的技術(shù)，滿屏也不是那么令人可憎。相反，不要過多地考慮留空白，滿屏后，起碼可以讓閱讀者更加自如地控制字體大小，閱讀的舒適度，交回給用戶。

否則，以設(shè)計師為主導的設(shè)計方法，免不了又要進入新浪彈出窗口的悖論：新浪的習慣是彈出新窗口，結(jié)果新上網(wǎng)的用戶習慣了彈出新窗口。結(jié)果，不用彈出新窗口的，似乎就不符合標準。既然大家都喜歡彈出新窗口，_blank的應(yīng)用就無處不在。瀏覽器的tab的功能也成為衡量一個瀏覽器是否已用的標準。鼠標中鍵點擊也成為標準。相反瀏覽器的標準后退按鈕和后退操作，反而慢慢失去了作用。

回到問題上來，到底要設(shè)計多寬的網(wǎng)頁？我的認為是：全屏是理想選擇。要努力的是瀏覽器的適應(yīng)能力，要改變的是用戶的瀏覽習慣。

對于屏幕寬度的例子，以下幾個企業(yè)各自的選擇很有代表性

http://www.amazon.com/ 滿屏的習慣代表，字體的無級縮放，使其更易讀，oracle基本也是寬屏到底。

http://www.microsoft.com/ 結(jié)合滿屏和固定寬度的做法的代表。首頁固定寬度，防止頁面結(jié)構(gòu)錯亂，內(nèi)部閱讀頁，滿屏。導航和相關(guān)鏈接，置于屏幕的左上和右上位置。類似的有ebay的做法，直到終頁面，前面都是用表格來固定寬度，防止頁面錯亂，后產(chǎn)品頁則全屏。google早偏向于全屏處理文字的展示，但近卻也靠近折中做法，頁面搜索結(jié)果也限定寬度，其他地方全屏。但搜索結(jié)果頁搜索結(jié)果區(qū)域的固定寬度，是為了防止cache和類似網(wǎng)頁以及comment等幾個功能不要和要點擊的搜索結(jié)果拉得太開，不得已的設(shè)計。gmail和reader等，依然是全屏設(shè)計。

http://www.ibm.com/ 固定寬度的典型代表，在1024已經(jīng)成主流的1年時間里，IBM固定是800像素設(shè)計首頁。后來逐步改到適合1024屏幕的寬度。而且特別喜歡用表格區(qū)分。

sun，apple，和ibm基本也類似，都跟nngroup的jakob nielsen脫不了干系。但nielesn的很多的理論，也用于microsoft等折中的企業(yè)身上?？梢匀seit.com和nngroup.com看他們到底怎么做。沒有一個固定的說法。

作為內(nèi)容為主的閱讀型網(wǎng)站，我喜歡nytimes和msnbc的設(shè)計。但有一些設(shè)計理論可能會覺得這兩個網(wǎng)站稍顯花哨。

網(wǎng)頁名稱：寬屏如何設(shè)計網(wǎng)頁 參看大公司是如何做的
文章鏈接：http://www.bm7419.com/news48/67548.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、App開發(fā)、云服務(wù)器、網(wǎng)頁設(shè)計公司、電子商務(wù)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)