網(wǎng)頁設(shè)計(jì)尺寸規(guī)范及標(biāo)準(zhǔn)詳解 現(xiàn)在的網(wǎng)頁設(shè)計(jì)默認(rèn)的尺寸做多大的?
現(xiàn)在的網(wǎng)頁設(shè)計(jì)默認(rèn)的尺寸做多大的?網(wǎng)頁設(shè)計(jì)合適尺寸,已經(jīng)有了很大改變,不需要擔(dān)心設(shè)備尺寸不同的問題,以目前主流形式來看,有以下: 1、pc端網(wǎng)頁的設(shè)計(jì)稿尺寸是寬度1920px,高度最小是1080px
現(xiàn)在的網(wǎng)頁設(shè)計(jì)默認(rèn)的尺寸做多大的?
網(wǎng)頁設(shè)計(jì)合適尺寸,已經(jīng)有了很大改變,不需要擔(dān)心設(shè)備尺寸不同的問題,以目前主流形式來看,有以下: 1、pc端網(wǎng)頁的設(shè)計(jì)稿尺寸是寬度1920px,高度最小是1080px , 主體內(nèi)容在1200px內(nèi)就行,比較規(guī)范。
2、移動(dòng)端網(wǎng)頁的設(shè)計(jì)尺寸可以考慮680px和720pxHTML5移動(dòng)網(wǎng)頁的設(shè)計(jì)稿尺寸應(yīng)該是多少?
HTML5的移動(dòng)端網(wǎng)頁設(shè)計(jì)稿,通常情況下,內(nèi)容區(qū)為750px或960px或者1080px的,一般不小于750px像素大小(寬度)
設(shè)計(jì)稿可以比750px大,但是絕對不能比750px小,這個(gè)主要是由于當(dāng)前手機(jī)的分辨率相對較高(iPhone 6是375物理像素,但實(shí)際像素為其兩倍,也就是750,這個(gè)750就是這么來的)
如果設(shè)計(jì)圖稿過小,前端在實(shí)現(xiàn)圖稿的時(shí)候里面的圖片大小在高分辨率的情況下會(huì)顯得模糊不清,所以這也是為何要“大”分辨率
此外需要注意的是,要保證頁面的基準(zhǔn)字體大小,在320px的設(shè)計(jì)稿當(dāng)中,最小字體不宜小于12像素,其他像素的設(shè)計(jì)稿當(dāng)中,等比例換算即可(12/320px*設(shè)計(jì)稿像素值)