手機(jī)ui界面設(shè)計(jì)尺寸規(guī)范 HTML5移動(dòng)網(wǎng)頁的設(shè)計(jì)稿尺寸應(yīng)該是多少?
HTML5移動(dòng)網(wǎng)頁的設(shè)計(jì)稿尺寸應(yīng)該是多少?HTML5手機(jī)網(wǎng)頁設(shè)計(jì)草稿,通常,內(nèi)容區(qū)域是750px或960px或1080px,一般不小于750px像素大?。▽挾龋┰O(shè)計(jì)草稿可以大于750px,但絕對(duì)不小于
HTML5移動(dòng)網(wǎng)頁的設(shè)計(jì)稿尺寸應(yīng)該是多少?
HTML5手機(jī)網(wǎng)頁設(shè)計(jì)草稿,通常,內(nèi)容區(qū)域是750px或960px或1080px,一般不小于750px像素大小(寬度)
設(shè)計(jì)草稿可以大于750px,但絕對(duì)不小于750px,這主要是由于目前手機(jī)(iPhone)6的分辨率相對(duì)較高,是375個(gè)物理像素,但是實(shí)際像素是750的兩倍,這就是750的來源)
如果設(shè)計(jì)草圖太小,在實(shí)現(xiàn)草圖時(shí),在高分辨率的情況下,前端的圖像大小將變得模糊,因此我們需要“大”分辨率
此外,在設(shè)計(jì)稿中要注意保證頁面的參考字體大小在320px以內(nèi),最小字體大小不應(yīng)小于12像素。在與其他像素的設(shè)計(jì)草圖中,可以按相等比例進(jìn)行轉(zhuǎn)換(12/320px*設(shè)計(jì)草圖的像素值)
PC端和移動(dòng)端網(wǎng)頁設(shè)計(jì)的字體規(guī)范是什么?
手機(jī)端網(wǎng)頁設(shè)計(jì)尺寸多少?
電腦網(wǎng)頁的默認(rèn)字體是宋體。重新設(shè)計(jì)時(shí)需要注意的是,12像素的最小字體大小必須是宋體,字符屬性必須是無。因?yàn)樗误w中文只有12個(gè)像素,所以只能看得很清楚。當(dāng)它大于12或14時(shí),我們通常用黑體字。最小的英文宋體可以是9像素,很少使用。對(duì)于移動(dòng)終端上的IOS,我們將字體設(shè)計(jì)為apple,對(duì)于Android,我們使用粗體字體。
Phone手機(jī)網(wǎng)頁的設(shè)計(jì)尺寸
iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI
安卓網(wǎng)頁的設(shè)計(jì)尺寸
320dp:一個(gè)普通的手機(jī)屏幕(240X320,320×480,480X800)
480dp:一個(gè)中間平板電腦像(480×800)
600dp:7寸平板電腦(600×1024)
720dp:10寸平板電腦(720×1280,800×1280)
ipad網(wǎng)頁的設(shè)計(jì)尺寸
iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI
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