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

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

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

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

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

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

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

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

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

2.對開發(fā)而言：提供標準化的組件樣式，減少開發(fā)重復時間。

因為有了規(guī)范，后續(xù)維護就方便很多，設(shè)計師不用再次標注，開發(fā)不用重新去寫樣式，直接換內(nèi)容。

3.對使用者而言:符合大眾的視覺體驗。因為現(xiàn)實中人們對移動端產(chǎn)品的設(shè)計在字體 圖標 間距等上已經(jīng)有了大致的習慣。

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

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

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

PC端網(wǎng)頁當中默認字體為宋體，我們再設(shè)計時候需要注意最小中文字12像素必須選擇宋體，字的屬性選擇無。因為中文字只有12像素宋體效果無才能看清。大于12、14我們一般用黑體。最小英文Arial可以是9像素一般很少用。移動端ios我們設(shè)計字體為蘋方，安卓我們就用黑體就可以。

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

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

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

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

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

安卓網(wǎng)頁的設(shè)計尺寸

320dp：一個普通的手機屏幕（240X320，320×480，480X800）

480dp：一個中間平板電腦像（480×800）

600dp：7寸平板電腦（600×1024）

720dp：10寸平板電腦（720×1280，800×1280）

ipad網(wǎng)頁的設(shè)計尺寸

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

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

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