優(yōu)秀網(wǎng)站網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)合適的頁面尺寸是多少?
網(wǎng)頁設(shè)計(jì)合適的頁面尺寸是多少?網(wǎng)頁設(shè)計(jì)的合適尺寸有了很大的變化,不需要擔(dān)心不同設(shè)備尺寸的問題。在當(dāng)前的主流形式中,有以下幾種:1。PC端網(wǎng)頁的設(shè)計(jì)稿尺寸為寬1920px,高1080px,主要內(nèi)容在12
網(wǎng)頁設(shè)計(jì)合適的頁面尺寸是多少?
網(wǎng)頁設(shè)計(jì)的合適尺寸有了很大的變化,不需要擔(dān)心不同設(shè)備尺寸的問題。在當(dāng)前的主流形式中,有以下幾種:
1。PC端網(wǎng)頁的設(shè)計(jì)稿尺寸為寬1920px,高1080px,主要內(nèi)容在1200px以內(nèi),比較規(guī)范。
2. 手機(jī)網(wǎng)頁的設(shè)計(jì)尺寸可以考慮680px和720px
網(wǎng)頁設(shè)計(jì)的標(biāo)準(zhǔn)尺寸:
1800*600,如果網(wǎng)頁寬度保持在778以內(nèi),就不會(huì)有水平滾動(dòng)條,高度取決于布局和內(nèi)容。
2. 在1024*768下,網(wǎng)頁的寬度保持在1002以內(nèi)。如果顯示全幀,則高度在612-615之間,并且水平滾動(dòng)條和垂直滾動(dòng)條不會(huì)出現(xiàn)。(DW中有一個(gè)設(shè)置的標(biāo)準(zhǔn)值,1024*768頁的標(biāo)準(zhǔn)大小是955*600,只需根據(jù)其大小來做即可)
3。用PS制作的網(wǎng)頁可以在800*600狀態(tài)下全屏顯示,頁面底部沒有滑動(dòng)條,大小約為740*560
4。在互聯(lián)網(wǎng)上用PS制作圖片是不同的,在顏色等方面,因?yàn)閣eb上只使用256web安全色,而RGB或CMYK和Lab或HSB的色域很寬,顏色范圍很廣,所以自然會(huì)失去顏色
頁面標(biāo)準(zhǔn)是800*600分辨率,實(shí)際大小是778*434px,頁面長(zhǎng)度原則上不超過3屏,寬度不超過1屏
網(wǎng)頁設(shè)計(jì)選用的分辨率為72像素,畫布尺寸為1920px*1080px。但這并不意味著要在整個(gè)畫布上設(shè)計(jì)。一般采用全屏顯示,兩側(cè)空白。全屏顯示,整個(gè)網(wǎng)站看起來大氣,但布局要合理,否則就顯得傻了。兩邊留白是為了適應(yīng)不同電腦屏幕的大小,保證當(dāng)網(wǎng)站只是一個(gè)電腦站時(shí),一些筆記本電腦還可以顯示綜合網(wǎng)站的內(nèi)容區(qū),而內(nèi)容限時(shí)區(qū)很好地控制在1000px-1200px。
網(wǎng)頁設(shè)計(jì)最標(biāo)準(zhǔn)的尺寸是多少?
iPhone網(wǎng)頁的設(shè)計(jì)尺寸
iPhone 5的尺寸為640x1136px,分辨率為326ppi
iPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
第一代、第二代和第三代iPhone和iPod touch的尺寸為320x480px,分辨率為163ppi
Android網(wǎng)頁的設(shè)計(jì)尺寸
320dp:普通手機(jī)屏幕(240x320320×480x800)
480dp:中型第三代和第四代iPad為2048x1536px,分辨率為264ppi,第一代和第二代iPad為1024x768px,分辨率為132ppi,最小尺寸為1024x768px,最大分辨率為163ppi
30W以上客戶端用戶的測(cè)試數(shù)據(jù)如下(來自網(wǎng)絡(luò)的數(shù)據(jù)):
在windowxp中1024×768的通用分辨率下,去掉任務(wù)欄、瀏覽器菜單欄和狀態(tài)欄后,剩余網(wǎng)頁第一屏的平均高度為584。在分辨率為1440×900的7號(hào)窗口中,去掉任務(wù)欄、瀏覽器菜單欄和狀態(tài)欄,第一屏剩余平均高度為716。windowxp的第一個(gè)屏幕大小是580px,window7的第一個(gè)屏幕大小是710px