web網(wǎng)頁設(shè)計尺寸規(guī)范 手機端網(wǎng)頁設(shè)計尺寸多少?
手機端網(wǎng)頁設(shè)計尺寸多少?iPhone網(wǎng)頁的設(shè)計尺寸iPhone 5的尺寸為640x1136px,分辨率為326ppiiPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
手機端網(wǎng)頁設(shè)計尺寸多少?
iPhone網(wǎng)頁的設(shè)計尺寸
iPhone 5的尺寸為640x1136px,分辨率為326ppi
iPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
第一代、第二代和第三代iPhone和iPod touch的尺寸為320x480px,分辨率為163ppiAndroid網(wǎng)頁的設(shè)計尺寸
320dp:普通手機屏幕(240x320320×480x800)
480dp:中屏幕平板電腦圖像(480×800)
600dp:7英寸平板電腦(600×1024)
720dp:10英寸平板電腦(720×1280800×1280)
iPad網(wǎng)頁的設(shè)計尺寸
第三層和第三層的尺寸第四代iPad是2048x1536px,分辨率是264ppi
第一代和第二代iPad的尺寸是1024x768px,分辨率是132ppi
iPad的迷你尺寸是1024x768px,分辨率是163ppi
網(wǎng)頁設(shè)計標準尺寸:1800*600,網(wǎng)頁寬度保持在778以內(nèi),不會有水平滾動條,高度取決于布局和內(nèi)容。
2. 在1024*768下,網(wǎng)頁的寬度保持在1002以內(nèi)。如果顯示全幀,則高度在612-615之間,并且水平滾動條和垂直滾動條不會出現(xiàn)。(DW中有一個設(shè)置的標準值,1024*768頁的標準大小是955*600,只需根據(jù)其大小來做即可)
3。用PS制作的網(wǎng)頁可以在800*600狀態(tài)下全屏顯示,頁面底部沒有滑動條,大小約為740*560
4。在互聯(lián)網(wǎng)上用PS制作圖片,在顏色等方面是不一樣的,因為在網(wǎng)絡(luò)上只使用256web安全色,而RGB或CMYK和lab或HSB的色域很寬,顏色范圍很寬,自然會有顏色損失
頁面標準是按照800*600分辨率制作的,實際尺寸是778*434px,頁面長度原則上不超過3屏,寬度不超過1屏
網(wǎng)頁設(shè)計合適的尺寸,已經(jīng)改變了很多,不需要擔心不同設(shè)備尺寸的問題,在目前主流的形式下,有以下幾種:,PC端網(wǎng)頁設(shè)計草稿尺寸為1920px寬,最小高度為1080px,主要內(nèi)容在1200px線上,比較標準。
2. 手機網(wǎng)頁的設(shè)計尺寸可以考慮680px和720px
HTML5手機網(wǎng)頁設(shè)計初稿。一般來說,如果內(nèi)容區(qū)域是750px或960px或1080px,則通常不小于750px像素大?。▽挾龋?/p>
設(shè)計草圖可以大于750px,但不得小于750px。這主要是因為目前手機(iPhone)6的分辨率相對較高,是375個物理像素,但實際像素是750的兩倍,這就是750的來源)
如果設(shè)計草圖太小,在實現(xiàn)草圖時,在高分辨率的情況下,前端的圖像大小會變得模糊,所以就這樣為什么我們需要“大”分辨率
另外,我們需要注意的是,在設(shè)計草稿時要保證頁面的參考字體大小在320px以內(nèi),最小字體大小不能小于12像素。在與其他像素的設(shè)計草圖中,可按等比例轉(zhuǎn)換(12/320px*設(shè)計草圖像素值)