網(wǎng)頁設計最合適的頁面尺寸是多少？許多新手設計師會面臨一個問題，那就是網(wǎng)頁的大小和寬度？事實上，答案并不是固定的。它可以是1920或1280。黑客認為，最重要的決定因素是你自己的工作電腦分辨率。電腦屏幕

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

許多新手設計師會面臨一個問題，那就是網(wǎng)頁的大小和寬度？事實上，答案并不是固定的。它可以是1920或1280。黑客認為，最重要的決定因素是你自己的工作電腦分辨率。電腦屏幕尺寸這是廣告公司adduplex發(fā)送的統(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書雖然實際分辨率非常大，但由于采用視網(wǎng)膜屏幕，視覺顯示仍屬于上述范圍。因此，網(wǎng)站的大部分內容顯示寬度都小于1200px，保證電腦小屏幕可以顯示整個頁面的內容。以前很多屏幕都是960px，但因為屏幕越來越大，現(xiàn)在就少了。網(wǎng)頁設計尺寸在了解電腦屏幕尺寸后，網(wǎng)頁設計尺寸（本文特指寬度，高度不限）這一點也很清楚：選擇哪一個沒有錯。事實上，許多設計師都是這樣做的：設計1920個網(wǎng)頁，屏幕比1920小。這個設計是對的，它是許多培訓機構和學校的標準定義：網(wǎng)頁設計的寬度是1920。使用插件定義設計尺寸，但是如果使用此工件的草圖插件，則不會根據(jù)前面的結論進行設計。黑客們以前也有過這種做法。點擊查看設計師在制作界面的過程中需要經(jīng)常查看設計底稿，以便及時修改設計細節(jié)。除非可以用1920屏幕來設計1920大小，否則我們的設計尺寸和屏幕大小不一樣，會導致預覽界面發(fā)生偏移，所以需要手動調整中間。如果設計的尺寸與屏幕尺寸一致，插件的預覽效果會非常完美，無需每次都進行調整。從本質上講，選擇網(wǎng)頁設計的尺寸是正確的。關鍵在于如何方便快捷地預覽和展示設計草圖。在使用素描插件進行頻繁預覽的前提下，黑客建議網(wǎng)頁設計尺寸等于你工作電腦的屏幕尺寸，這樣會節(jié)省你很多時間。在設計后臺類的接口時，這種方法的優(yōu)勢將更加明顯。最后，我們需要注意的是，當我們剪切圖片時，如果遇到全屏圖片，我們需要將剪切更改為1920，否則在1920計算機中剪切寬度將不足。然而，當涉及到切割圖時，它屬于設計工作的后期。我們只需要花點時間把相應的切割圖改成1920。

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*設計草圖像素值）