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

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

HTML5的移動端網(wǎng)頁設計稿，通常情況下，內容區(qū)為750px或960px或者1080px的，一般不小于750px像素大?。▽挾龋?/p>

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

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

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

網(wǎng)頁設計最合適的頁面尺寸是多少？

很多新手設計師都會面對一個問題，Web頁面尺寸寬度到底選哪個？其實答案并不是固定的，可以做成1920，也可以做1280。黑客認為最重要的決定因素在于你自己的工作電腦分辨率。電腦屏幕尺寸這是廣告公司AdDuplex送出的統(tǒng)計大數(shù)據(jù)市面上的電腦屏幕尺寸多種多樣，不過大部分都集中在這幾種：1920-1080：目前常用設備中最大的尺寸（Mac 5K屏除外）1440-900：15寸MacBook Pro為代表，很多UI設計師首選1366-768：普通的PC電腦1280-800：13寸MacBook Pro為代表在以上設備中，13寸和15寸Mac Book，雖然實際分辨率非常大，但由于是Retina屏幕，視覺展示上還屬于以上范圍。所以，網(wǎng)站的內容顯示寬度大部分都在1200px以內，確保小的電腦屏幕能顯示全網(wǎng)頁內容。更早的時候很多都是960px，不過由于屏幕越來越大，目前比較少。網(wǎng)頁設計尺寸在了解過電腦屏幕尺寸后，網(wǎng)頁設計尺寸（本文專指寬度，高度不限）選哪個也很清楚了：選哪個都不會錯。事實上很多設計師是這么做的：用小于1920的屏幕去設計1920的網(wǎng)頁。這樣設計沒錯，而且是很多培訓機構、學校的標準定義：網(wǎng)頁設計寬度尺寸是1920。結合插件定義設計尺寸但是如果你用了這個神器的Sketch插件，就不會按照之前的結論來設計了。以前黑客有介紹過。 點擊查看 設計師在做界面的過程中需要經(jīng)常查看設計稿，以便及時修改設計細節(jié)。除非你用1920的屏幕可以設計1920尺寸，否則我們的設計尺寸和屏幕尺寸不相同，就會導致預覽的界面偏移，需手動調節(jié)居中。如果設計的尺寸和屏幕尺寸保持一致，那么插件預覽的效果就會完美，不用每次都要去調節(jié)。總結本質上網(wǎng)頁設計尺寸選哪個都是正確的，關鍵在于怎么方便、快捷地幫助我們預覽、展示設計稿。在利用sketch插件頻繁預覽的前提下，黑客建議網(wǎng)頁設計尺寸等于你的工作電腦屏幕尺寸，這會節(jié)約你很多時間。在設計后臺類的界面時，這個方法的優(yōu)勢會更加明顯。最后有一點需要注意，在進行切圖的時候，如果遇到全屏的圖，需要把切圖修改成1920，否則在1920電腦中切圖寬度會不足。不過到了切圖這一步，就屬于設計工作的后期了，我們只需要花點時間把對應切圖改成1920即可。