|
廣州4.18書(shū)友會(huì)主題的內(nèi)容提綱自己參與撰寫(xiě)，同時(shí)還參與組織和主持。通過(guò)這次的深入?yún)⑴c，我發(fā)現(xiàn)胡曉同學(xué)能堅(jiān)持下來(lái)多不容易，先贊下。由于天公不作美，原定的以春游踏青小組討論的形式無(wú)法實(shí)行，只能30號(hào)人一起參與，其中的各種不適大家可以看看胡曉同學(xué)的踏青歸來(lái)（UCD廣州書(shū)友會(huì)第七期回顧）的描述，下面開(kāi)始我們的主題。
1. 屏幕分辨率和布局的定義
1）分辨率
分辨率（Resolution） - 影象清晰度或濃度的度量標(biāo)準(zhǔn)。舉例來(lái)說(shuō)，分辨率代表垂直及水平顯示的每英寸點(diǎn)（dpi）的數(shù)量。BitWare 可以用普通或標(biāo)準(zhǔn)（100 乘 200 dpi）及精細(xì)分辨率（200 乘 200 dpi）發(fā)送及接收傳真文檔。分辨率是一個(gè)表示平面圖像精細(xì)程度的概念，通常它是以橫向和縱向點(diǎn)的數(shù)量來(lái)衡量的，表示成水平點(diǎn)數(shù)×垂直點(diǎn)數(shù)的形式。在一個(gè)固定的平面內(nèi)，分辨率越高，意 味著可使用的點(diǎn)數(shù)越多，圖像越細(xì)致。分辨率有多種，在顯示器上有表示顯示精度的顯示分辨率，在打印機(jī)上有表示打印精度的打印分辨率，在掃描儀上有表示掃描 精度的掃描分辨率。
這里大家更多的討論的是我們?nèi)粘５囊恍┮曈X(jué)感知，對(duì)CRT和LCD顯示器有過(guò)多的討論。
討論到這里大家討論到一個(gè)關(guān)鍵點(diǎn)，就是顯示器都有自己的最佳分辨率，人們都喜歡大尺寸、高分辨率，但不是顯示分辨率越高越好。我們還要考慮一個(gè)因素，就是人眼能否識(shí)別。例如，在14英寸最高分辨率為1024×768的顯示器上800×600是人眼能識(shí)別的最高分辨率(我們暫時(shí)稱為最佳分辨率)，在1024×768這個(gè)分辨率下顯示器雖然可以精確的顯示圖像，但人眼已不能準(zhǔn)確的識(shí)別屏幕信息了。在相同大小的屏幕上，分辨率越高，顯示就越小。這就給我們?cè)诋a(chǎn)品設(shè)計(jì)上需要更多的考慮到這個(gè)因素，例如整站的字號(hào)是否應(yīng)該大點(diǎn)等等。
2）布局
網(wǎng)頁(yè)中的布局嚴(yán)格意義上來(lái)說(shuō)并沒(méi)有一個(gè)統(tǒng)一的定義。
網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型。
關(guān)于第一屏
所謂第一屏，是指我們到達(dá)一個(gè)網(wǎng)站在不拖動(dòng)滾動(dòng)條時(shí)能夠看到的部分。那么第一屏有多“大”呢？其實(shí)這是未知的。一般來(lái)講，例如在1024*768的屏 幕顯示模式(這也是最常用的)下，在IE安裝后默認(rèn)的狀態(tài)(即工具欄地址欄等沒(méi)有改變)下，IE窗口內(nèi)能看到的部分為1002px*645px。一般來(lái)講， 我們以這個(gè)大小為標(biāo)準(zhǔn)就行了。畢竟，在無(wú)法適合所有人的情況下，我們只能為大多數(shù)考慮了。
2. 現(xiàn)行主流使用的屏幕分辨率和布局與用戶體驗(yàn)的關(guān)系
由于現(xiàn)在使用的顯示器的尺寸越來(lái)越大，臺(tái)式PC越來(lái)越多的使用19吋到22吋的顯示器。我們自己使用的筆記本雖然尺寸在10吋到14.1吋居多，但分辨率基本都是在1280X800.主流的發(fā)展趨勢(shì)是寬屏+高分辨率�？梢哉f(shuō)，電腦顯示器發(fā)展到30寸可以算是終極尺寸了，再大就不適合當(dāng)顯示器用了。
寬屏液晶顯示器的字體到底有多�。肯袼攸c(diǎn)和字體的大小是對(duì)應(yīng)的，像素點(diǎn)小了，文字就會(huì)變小。寬屏面板的分辨率一般比同尺碼的普屏面板高得多，所以寬屏的字體小得多，對(duì)視力也不好。
寬屏的字體到底有多小呢（以筆記本為例）？
像素高度(與字體大小成正比)：
15′普屏 0.298mm
15.4′（寬） 0.259mm
14.1′普屏 0.280mm
14.1′（寬） 0.237mm
13′（寬） 0.219mm
12′普屏 0.238mm
12′（寬）就不說(shuō)了，那個(gè)字體小到不正�！�
現(xiàn)在流行的網(wǎng)頁(yè)布局（以門(mén)戶為例），網(wǎng)頁(yè)布局大多是采用“國(guó)”字型，寬960（也有采用950的）的固定版式�，F(xiàn)在網(wǎng)頁(yè)的布局設(shè)計(jì)變得越來(lái)越重要，訪問(wèn)者不愿意再看到只注重內(nèi)容的站點(diǎn)。雖然內(nèi)容很重要，但只有當(dāng)網(wǎng)頁(yè)布局和網(wǎng)頁(yè)內(nèi)容成功接合時(shí)，這種網(wǎng)頁(yè)帶給用戶的體驗(yàn)才是最好的，為大家所喜歡。
出處：bluesnail’blog
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) 屏幕分辨率和布局簡(jiǎn)述 [2]
|
第 1 頁(yè) 屏幕分辨率和布局簡(jiǎn)述 [1]
第 2 頁(yè) 
