網(wǎng)頁pc設(shè)計尺寸規(guī)范

《網(wǎng)頁pc設(shè)計尺寸規(guī)范》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、自從人類進(jìn)入商品經(jīng)濟(jì)社會以來，貿(mào)易即已成為人們?nèi)粘；顒拥闹饕糠郑⒊蔀橐粐?jīng)濟(jì)增長的主動力。國際分工的深化、大量國際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立網(wǎng)頁pc設(shè)計尺寸規(guī)范　　篇一：標(biāo)準(zhǔn)網(wǎng)頁的寬度、字體、字號等的設(shè)計原則　　標(biāo)準(zhǔn)網(wǎng)頁的寬度、字體、字號等的設(shè)計原則　　標(biāo)準(zhǔn)字體字號：　　中文網(wǎng)頁一般文字正文都采用宋體12號（12px）字體，因為這個字體是系統(tǒng)對于瀏覽器特別優(yōu)化過的字體。雖然12px-20px的宋體字都還能看，但是宋體12px是最漂亮的，也是最普遍應(yīng)用的?！　『隗w一般是14號，因為一般很少用黑體做正文，主要都是標(biāo)

2、題或者是關(guān)鍵字。黑體14px是優(yōu)化過的字體?！　∮⑽木W(wǎng)頁一般用11px字號，個人最喜歡的字體是tahoma與verdana這兩種！特別是verdana，是最經(jīng)典，最好用的字體！　　網(wǎng)頁標(biāo)準(zhǔn)寬度：　　1、在下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003；800寬-21=779。但值得注意的是(或更低)無論你的網(wǎng)頁多高都會有右側(cè)的滾動條框?！　?、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005　　3、在Opear下，寬度的分率辨減23。比如1024的寬度-2

3、3就變成1001（注：Firefox或Opear在內(nèi)容少于瀏覽器高度時不顯示右側(cè)滾動條。）隨著信息化和全球化的發(fā)展，國家及地區(qū)之間的貿(mào)易也已成為拉動一國經(jīng)濟(jì)的三駕馬車之一，甚至是三駕馬車之首，奧巴馬政府成立之日起自從人類進(jìn)入商品經(jīng)濟(jì)社會以來，貿(mào)易即已成為人們?nèi)粘；顒拥闹饕糠?，并成為一國?jīng)濟(jì)增長的主動力。國際分工的深化、大量國際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立　　所以如果是1024的分辨率，你的網(wǎng)頁不如設(shè)成1000安全一點(diǎn)。　　如果是800的分辨率一般都設(shè)成770?！　∵@些需要明白并且牢記,不然很可能做出來不符合瀏覽器要

4、求,不過一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會有變化所以800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右?！　≡谶@個顯示器百花齊放的時代，網(wǎng)頁設(shè)計師往往需要考慮不同客戶端的瀏覽體驗。　　文字大小，是用戶體驗中的一個重要部分。不同的分辨率，不同的顯示器尺寸，不同的DPI，乃至不同的瀏覽器設(shè)置，都會對最終展現(xiàn)的文字大小帶來影響。雖然現(xiàn)在很多瀏覽器已經(jīng)可以方便地縮放頁面，但用戶每次光臨都要重新縮放，總歸麻煩，何況還有許多用戶不知道如何縮放頁面。最好還是根據(jù)用戶的分辨率

5、給用戶一個比較體貼的默認(rèn)字號，那這個字號多大　　合適呢？　　12px？14px？15px？16px？還是壓根就不應(yīng)該使用px這個單位呢？隨著信息化和全球化的發(fā)展，國家及地區(qū)之間的貿(mào)易也已成為拉動一國經(jīng)濟(jì)的三駕馬車之一，甚至是三駕馬車之首，奧巴馬政府成立之日起自從人類進(jìn)入商品經(jīng)濟(jì)社會以來，貿(mào)易即已成為人們?nèi)粘；顒拥闹饕糠?，并成為一國?jīng)濟(jì)增長的主動力。國際分工的深化、大量國際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立　　問題的根源，在于屏幕上的一切字號單位（px，pt，em）都是相對單位，單憑它們并不能確定文字的實(shí)際大小。何況人對文

6、字大小的根本感知在于眼睛的視角，這不僅取決于文字的物理尺寸，還取決于它到人眼的距離?！　∥锢沓叽纭　∈紫燃俣ㄒ粋€我們希望達(dá)到的文字物理尺寸，例如設(shè)定為17寸1280*1024顯示器上的16px，計算可得它的高度約是，我們計劃讓網(wǎng)頁文字在大部分顯示器上都比較接近這個大小，那么在不同分辨率下應(yīng)該顯示成多大的字號呢？　　第一步：統(tǒng)計用戶主要的分辨率和對應(yīng)的屏幕大小?！　∫谖锢沓叽绾头直媛手g換算，首先要統(tǒng)計分辨率和對應(yīng)的屏幕尺寸。用戶分辨率的分布情況可以從網(wǎng)站的統(tǒng)計日志里獲得。由于每個分辨率設(shè)置可能對應(yīng)好幾個不

7、同尺寸的屏幕，而屏幕尺寸又無法通過網(wǎng)頁獲得，只好對現(xiàn)在的顯示器市場進(jìn)行統(tǒng)計分析：針對某一分辨率，統(tǒng)計可能的屏幕尺寸范圍，從最小到最大，相對主流的是多大（或使用該范圍的中間值作為主流尺寸）。如下圖所示——　　第二步：計算每個分辨率主流屏幕尺寸的物理寬度隨著信息化和全球化的發(fā)展，國家及地區(qū)之間的貿(mào)易也已成為拉動一國經(jīng)濟(jì)的三駕馬車之一，甚至是三駕馬車之首，奧巴馬政府成立之日起自從人類進(jìn)入商品經(jīng)濟(jì)社會以來，貿(mào)易即已成為人們?nèi)粘；顒拥闹饕糠?，并成為一國?jīng)濟(jì)增長的主動力。國際分工的深化、大量國際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立　　

8、現(xiàn)在的顯示器長寬比不僅有4：3的標(biāo)準(zhǔn)屏，16：10的寬屏，還有更多不規(guī)則比例，為了在不同長寬比的顯示器之間進(jìn)行比較，統(tǒng)一使用橫向分辨率來統(tǒng)計。用主流尺寸和長寬比（假設(shè)像素的長和寬相同）計算出屏幕寬度（英寸），再換算成公制（毫米），將其一一對應(yīng)就可看出屏幕大小的趨勢。再結(jié)合各分辨率的用戶分布，結(jié)果如下圖所示（圖片中每個點(diǎn)對應(yīng)一個分辨率，橫軸為屏幕橫向的像素數(shù)，縱軸為該屏幕的物理寬度，氣泡大小表示使用該分辨率的用戶人