網頁界面設計尺寸怎麼定

1、UI界面設計尺寸應該是多少？

01、界面設計尺寸及欄高度

（1）我們用Photoshop做設計新建畫布應該設置多版大呢？另外，iOS應用中的欄，權包括狀態欄、導航欄、標簽欄、工具欄等，它們的高度又分別是多少呢？（注意：iOS嚴格規定了各個欄的高度，這個是必須遵守的）通過下面的表格和圖示來為你解答上面的問題。

（2）目前主流的iOS設備iPhone 6s/7/8 Plus和iPhone X採用的是3倍率的解析度，其他都是採用的2倍率的解析度，無論是欄高度還是應用圖標，設計師提供給開發人員的切片大小，前者始終是後者的1.5倍，並分別以@3x和@2x在文件名結尾命名，程序再根據不同解析度自動載入@3x或者@2x的切片。

（3）注意：在進行iphone x設計的時候我們依然可以採用熟悉的iphone 7的設計尺寸作為模板，只是高度增加了290px，設計尺寸為750*1624（@2x）。注意狀態欄的高度由原來的40px變成了88px，另外底部要預留68px的主頁指示器的位置。

2、PS設計頁面大小如何確定

你根據你自己的需要的長度來設計頁面的寬和高，即可

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

其實也沒有硬性規定，但是為了兼容大多數瀏覽器一般是設置960px，隨著現在瀏覽器解析度的變化，已開始向著1000px,1200px寬度發展，例如淘寶(1000px）京東商城（1200px）。

如果需要兼容不同瀏覽器尺寸，現在比較流行的做法是做成響應式的，即根據不同解析度顯示不同的尺寸，工作量也就隨之增加了。貌似國內的大網站也沒有使用。

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

網頁設計標准尺寸：

1. 800×600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

2. 1024×768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612눯之間，就不會出現水平滾動條和垂直滾動條。

3. 在ps裡面做網頁可以在800×600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740×560左右。

4. 在PS里做的圖到了網上就不一樣了，顏色等等方面，因為web上面只用到256web安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象。

5、網頁設計一般頁面尺寸怎麼設置呢？

長是不用設置的
寬度為930~960看起來會舒服一些

6、web軟體的界面尺寸

尺寸適應。解析度一直是困擾網頁設計者的問題，在網頁設計中大多還是集中在頁面寬度的問題上。適應800px還是1024px，這就好像當年哈密雷特口中的 "To be or not to be"，近年來隨著顯示器的變革這個問題還在愈演愈烈，除了剛剛說的2種解析度，也許很多設計師腦中已經開始考慮1280px這個寬屏解析度甚至更高的解析度。當然也有的設計師乾脆就只為800px，說這也是個不錯的兼容性考慮，可惜我那1920px的顯示器啊整天閑著兩邊。在 B/S結構 軟體界面中從來沒有這么簡單的辦法，因為復雜的功能可能有著大量的操作設置或數據顯示，一絲一毫的空間都不容的浪費。並且上一條也指出我們不想用整頁滾動條來解決問題，這帶來的不單是顯示面積的限制，還有就是我們需要考慮的是寬度和高度雙重尺寸適應問題。不單單是顯示器解析度，當瀏覽器不是最大化時界面同樣要適應（Mac系統根本就不存在最大化），也就是說界面要時時應對瀏覽器窗口尺寸大小而調整。所以利用一切可能的手段使頁面可以自動適應瀏覽器窗口尺寸就成為了棘手但卻是必須去做的事情。又由於這個問題同時又衍生出的新問題是軟體界面在自動適應時不同區域不會是等比縮放尺寸的，勢必有些區域隨之放大縮小而有些區域固定不變。這一點可以參照 C/S結構 軟體界面，以大家常用的網頁製作工具Dreamweaver為例，主要的代碼顯示區域是隨窗口尺寸的調整而調整，但上邊的菜單及功能按鈕區域、下邊的屬性及結果區域、右邊的功能區域都是固定不變的或者單方向調整的（只調整寬度或者高度） 。

7、網頁設計中頁面的尺寸怎麼定?用PS設計的時候有哪些注意事項?才能在切圖的時候符合網頁布局?

寬度大概在960~1000px; 但是有的時候你需要考慮網頁中1000以外的東西怎麼延伸和擴展問題。因為目前為止，最小的解析度是1024的，所以符合最小解析度的就可以。

8、網頁頁面尺寸一般設置多大才合適

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Friefox等.

高度：

高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。

寬度:

1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001

註：Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。

所以如果是1024的解析度，你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.

如果是800的解析度一般都設成770。但也有設成760的.

這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

9、網頁設計時，頁面應該設置為多大？

這個最好用比例來設定，比如 width="95%" 之類的，這樣就不會限制的太死了！