HTML5移動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)稿尺寸應(yīng)該是多少？HTML5的移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)稿，通常情況下，內(nèi)容區(qū)為750px或960px或者1080px的，一般不小于750px像素大?。▽挾龋┰O(shè)計(jì)稿可以比750px大，但是

HTML5移動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)稿尺寸應(yīng)該是多少？

HTML5的移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)稿，通常情況下，內(nèi)容區(qū)為750px或960px或者1080px的，一般不小于750px像素大小（寬度）

設(shè)計(jì)稿可以比750px大，但是絕對(duì)不能比750px小，這個(gè)主要是由于當(dāng)前手機(jī)的分辨率相對(duì)較高（iPhone 6是375物理像素，但實(shí)際像素為其兩倍，也就是750，這個(gè)750就是這么來(lái)的）

如果設(shè)計(jì)圖稿過(guò)小，前端在實(shí)現(xiàn)圖稿的時(shí)候里面的圖片大小在高分辨率的情況下會(huì)顯得模糊不清，所以這也是為何要“大”分辨率

此外需要注意的是，要保證頁(yè)面的基準(zhǔn)字體大小，在320px的設(shè)計(jì)稿當(dāng)中，最小字體不宜小于12像素，其他像素的設(shè)計(jì)稿當(dāng)中，等比例換算即可（12/320px*設(shè)計(jì)稿像素值）

為什么移動(dòng)端UI要有設(shè)計(jì)規(guī)范？

你好，關(guān)于移動(dòng)端為啥要有設(shè)計(jì)規(guī)范，我認(rèn)為至少有3方面原因。

1.對(duì)設(shè)計(jì)師而言：為后續(xù)版本迭代和多人協(xié)作提供指導(dǎo)，保持產(chǎn)品的統(tǒng)一性；因?yàn)?個(gè)項(xiàng)目從開(kāi)始到后邊的更新迭代，會(huì)經(jīng)歷很長(zhǎng)時(shí)間，涉及到的設(shè)計(jì)師可能會(huì)多個(gè)，但是每個(gè)人的風(fēng)格不一樣，會(huì)影響整體的視覺(jué)體驗(yàn)，所以有了規(guī)范，讓設(shè)計(jì)師們?cè)诋a(chǎn)品視覺(jué)能統(tǒng)一，方便更新迭代。

2.對(duì)開(kāi)發(fā)而言：提供標(biāo)準(zhǔn)化的組件樣式，減少開(kāi)發(fā)重復(fù)時(shí)間。

因?yàn)橛辛艘?guī)范，后續(xù)維護(hù)就方便很多，設(shè)計(jì)師不用再次標(biāo)注，開(kāi)發(fā)不用重新去寫(xiě)樣式，直接換內(nèi)容。

3.對(duì)使用者而言:符合大眾的視覺(jué)體驗(yàn)。因?yàn)楝F(xiàn)實(shí)中人們對(duì)移動(dòng)端產(chǎn)品的設(shè)計(jì)在字體 圖標(biāo) 間距等上已經(jīng)有了大致的習(xí)慣。

下圖是我收藏的部分規(guī)范分享給大家，大家一起學(xué)習(xí)

PC端和移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)的字體規(guī)范是什么？

感謝邀請(qǐng)，如果幫助到您記得關(guān)注我哈~

PC端網(wǎng)頁(yè)當(dāng)中默認(rèn)字體為宋體，我們?cè)僭O(shè)計(jì)時(shí)候需要注意最小中文字12像素必須選擇宋體，字的屬性選擇無(wú)。因?yàn)橹形淖种挥?2像素宋體效果無(wú)才能看清。大于12、14我們一般用黑體。最小英文Arial可以是9像素一般很少用。移動(dòng)端ios我們?cè)O(shè)計(jì)字體為蘋(píng)方，安卓我們就用黑體就可以。

手機(jī)端網(wǎng)頁(yè)設(shè)計(jì)尺寸多少？

iPhone手機(jī)網(wǎng)頁(yè)的設(shè)計(jì)尺寸

iPhone5尺寸是640x1136px分辨率是326PPI

iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI

iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

安卓網(wǎng)頁(yè)的設(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)頁(yè)的設(shè)計(jì)尺寸

iPad第三代第四代尺寸是2048x1536px分辨率是264PPI

iPad第一代第二代尺寸是1024x768px分辨率是132PPI

iPad Mini尺寸是1024x768px分辨率是163PPI