HTML5移動網頁的設計稿尺寸應該是多少？HTML5手機網頁設計草稿，通常，內容區(qū)域是750px或960px或1080px，一般不小于750px像素大?。▽挾龋┰O計草稿可以大于750px，但絕對不小于

HTML5移動網頁的設計稿尺寸應該是多少？

HTML5手機網頁設計草稿，通常，內容區(qū)域是750px或960px或1080px，一般不小于750px像素大小（寬度）

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

如果設計草圖太小，在實現(xiàn)草圖時，在高分辨率的情況下，前端的圖像大小將變得模糊，因此我們需要“大”分辨率

此外，在設計稿中要注意保證頁面的參考字體大小在320px以內，最小字體大小不應小于12像素。在與其他像素的設計稿中，可以按等比例轉換（12/320px*設計稿像素值）

網頁設計合適的頁面尺寸是多少？

網頁設計的合適尺寸變化很大，不需要擔心不同設備尺寸的問題。在當前的主流形式中，有以下幾種：

1。PC端網頁的設計稿尺寸為寬1920px，高1080px，主要內容在1200px以內，比較規(guī)范。

2. 手機網頁的設計尺寸可以考慮680px和720px

1。首先，我們打開SketchUp軟件，點擊SketchUp軟件上方的“繪制”按鈕，在操作頁面上繪制一個矩形。接下來，我們將標記圖的大小和文本描述，如下圖所示；

2。單擊SketchUp軟件上方的“工具”按鈕，單擊下一列中的“尺寸”按鈕，然后單擊圖形的任意兩點以標記尺寸，如下圖所示；

3。單擊SketchUp軟件上方的“工具”選項，然后單擊下一列中的“文本標記”按鈕，如下圖所示，如下圖所示；

4。點擊sketch master Su軟件的操作界面，輸入文本，將文本描述標記到圖形中，如下圖所示。

如何在Sketchup頁面上標注尺寸和文字描述？

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