国产高清一区二区在线_免费看肥胖女人做爰高清全过情_日韩少妇高潮抽搐_性生生活大片又黄又_粉嫩蜜臀av国产精品网站_搞黄视频免费_亚洲成a人一区二区三区_屁股翘起来趴好挨c_少妇一夜爽免费看_日本护士高潮大叫

在線客服:  

「南寧煙寒網(wǎng)絡(luò)」提供南寧網(wǎng)站建設(shè)、網(wǎng)站策劃、南寧網(wǎng)頁制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站改版、南寧SEO優(yōu)化、網(wǎng)站維護(hù)、南寧網(wǎng)站優(yōu)化、南寧網(wǎng)站推廣、廣告設(shè)計(jì)等服務(wù)..

咨詢熱線

在線客服

24小時(shí)免費(fèi)咨詢電話:18978941786

客服時(shí)間:上午9:30~下午6點(diǎn)

當(dāng)前位置:首頁>> 技術(shù)文章 >> Web開發(fā) >> 多寬的屏幕適合于閱讀

多寬的屏幕適合于閱讀

收藏 分享 發(fā)布日期:2012-2-12 16:30:44    編輯:admin  文章來源:  點(diǎn)擊率:

白鴉等同學(xué),作為設(shè)計(jì)師,都在研究,到底多寬的屏幕適合于閱讀。研究來研究去,他們認(rèn)為,設(shè)計(jì)頁面的人,首先應(yīng)該考慮到,很多同學(xué)眼珠子沒這么寬,必須限定為650-800寬度

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

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

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

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

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

回到問題上來,到底要設(shè)計(jì)多寬的網(wǎng)頁?我的認(rèn)為是:全屏是最佳選擇。要努力的是瀏覽器的適應(yīng)能力,要改變的是用戶的瀏覽習(xí)慣。(參考文章:http://blog.xiqiao.info/2009/04/04/244關(guān)于《UCDChina 的設(shè)計(jì)是否土鱉?》——拿數(shù)據(jù)說話

====對(duì)于屏幕寬度的例子,以下幾個(gè)企業(yè)各自的選擇很有代表性===
http://www.amazon.com/ 滿屏的習(xí)慣代表,字體的無級(jí)縮放,使其更易讀,oracle基本也是寬屏到底。

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

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

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

作為內(nèi)容為主的閱讀型網(wǎng)站,我最喜歡nytimesmsnbc的設(shè)計(jì)。但有一些設(shè)計(jì)理論可能會(huì)覺得這兩個(gè)網(wǎng)站稍顯花哨。 本文章由南寧網(wǎng)站建設(shè)、南寧網(wǎng)站優(yōu)化、南寧網(wǎng)絡(luò)公司整理,轉(zhuǎn)載請(qǐng)注明出處:http://m.absorbed3d.com/

關(guān)于我們 | 域名主機(jī) | 建站套餐 | 企業(yè)動(dòng)態(tài) | 成功案例 | 網(wǎng)站推廣 | 建站知識(shí) | 常見問題 | 聯(lián)系我們

南寧煙寒網(wǎng)絡(luò)竭誠為您免費(fèi)提供南寧網(wǎng)站建設(shè)、南寧網(wǎng)站設(shè)計(jì)南寧網(wǎng)站優(yōu)化、維護(hù)以及網(wǎng)站技術(shù)很方面的網(wǎng)絡(luò)服務(wù)!

南寧網(wǎng)站建設(shè)、南寧網(wǎng)絡(luò)公司咨詢熱線電話:0771-5306126 18967841786(24小時(shí)全天電話)

煙寒網(wǎng)絡(luò) - 讓你進(jìn)一步走向成功