網頁設計尺寸規范

❶ 關於網頁設計尺寸和字型大小大小

html頁面中的文字大小在用戶瀏覽器下默認渲染是「16px",也沒有強行規定一定要用多大的，這個要看設計圖來定。

CSS上可以用"em"來替代「px」,em是一個相對的大小，我們可以這樣來設置1em，0.5em，1.5em等，而且「em」還可以指定到小數點後三位，比如「1.365em」。

為什麼要用em,而不用px的關鍵點：

1. IE無法調整那些使用px作為單位的字體大小；

2. 國外的大部分網站能夠調整的原因在於其使用了em作為字體單位；3. Firefox能夠調整px和em，但是96%以上的中國網民使用IE瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(1)網頁設計尺寸規范擴展閱讀：

網頁構成

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為：文字，就是網頁的內容。圖片，就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊滑鼠右鍵，選擇菜單中的 「查看源文件」 ，就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。

它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大小），而瀏覽器則對這些標記進行解釋並生成頁面，於是就得到你現在所看到的畫面。

為什麼在源文件看不到任何圖片？ 網頁文件中存放的只是圖片的鏈接位置，而圖片文件與網頁文件是互相獨立存放的，甚至可以不在同一台計算機上。

網頁通常有以下元素：

文字資料圖像檔案Applet（在頁面內執行的副程式）超鏈結網頁的合成體為網站，一個網站的開始點為首頁。

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

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

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

❸ 網頁設計的首屏尺寸一般是多少

網頁設計首屏的尺寸一般有一下幾中（這里指的是電腦的寬度）：1280px、1440px、1600px、1920px、2560px、3840px，你要做全屏的網頁首頁，按這幾個尺寸來構化就可以了。

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

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

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

❺ 網頁設計標準的網頁設計標准尺寸

1、800*600下，網頁寬度來保持在自778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K

❻ 一般做網頁設計背景尺寸定多大

網頁的背景多大要看對網頁的要求的，
網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K

❼ 手機端網頁設計尺寸多少

要根據不同手機不同的屏幕解析度來規定尺寸。

一般做效果圖主流都是做480*800來測試，iphone4（或s)就用640*960，但這個都只是效果圖，真正開發還需要切圖用點9來做屏幕適配。

常見手機顯示屏解析度：96x65，96x96，128x96，128x128，160x128，160x160，176x144，220x176，240x176，320x240，640x480，800x480

蘋果4:960×640 像素，3.5英寸

三星：480×800 解析度

小米：480×854 4英寸TFT屏幕

android手機屏幕尺寸

1280×800 854×480 640×480 480×800 432×240 400×240 320×480 320×512 320×240

(7)網頁設計尺寸規范擴展閱讀：

手機ui設計是手機軟體的人機交互、操作邏輯、界面美觀的整體設計。置身於手機操作系統中人機交互的窗口，設計界面必須基於手機的物理特性和軟體的應用特性進行合理的設計，界面設計師首先應對手機的系統性能有所了解。手機UI設計一直被業界稱為產品的「臉面」，好的UI設計不僅是讓軟體變得有個性有品味，還要讓軟體的操作變得舒適、簡單、自由，充分體現軟體的定位和特點。

隨著手機移動設備不斷普及，對手機設備的軟體需求越來越多，手機移動操作系統廠商正在不約而同地建立手機設備應用程序市場，如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace，給手機的終端用戶帶來巨量的應用軟體。這些軟體良莠不齊，界面各異，手機的終端用戶在眾多的應用使用中，最終會選擇界面視覺效果良好，且具有良好體驗的應用留在自己的手機上長期使用。

❽ 網頁設計的寬度一般為多少應該怎麼把握

網路統計流量研究院對於年上半年的解析度使用情況統計得出。

排名第一的是360×640，這是豎屏，一般在醫院、學校中才能見到，暫且不談。

排名第二的是1920×1080，佔比13.07%。

1366×768排第三，佔比6.32%。這說明現在主流的電腦解析度是1920×1080。

排名第七的解析度，1024×768，是最小的電腦尺寸了，僅佔3.13%，很少有人使用。在做pc端的網頁設計時，不用考慮這個尺寸，而應在做pad端和手機端的適配時，將其納入考慮。

而更高級的響應式網站應該是在嚴格的柵格規范下，適應於不同寬度，確保各寬度下的展示效果。但這樣的成本也會相應增加，在開發網站時，需綜合考慮實際需求和開發成本。time（《時代周刊》官網）是個很好的響應式網頁案例。

(8)網頁設計尺寸規范擴展閱讀

網頁設計中的注意事項：

1、網頁設計的尺寸標准：

面向1024-768顯示器解析度開發的網頁尺寸，寬910px；

面向800-600顯示器解析度開發的網頁尺寸，寬778px；

2、網頁設計中的畫布設定：

尤其注意解析度為72 像素/英寸。

3、設計中的網頁字體問題

中文字體：尤其注意「設置消除鋸齒的方法」選項要選擇「無」。

宋體是最常用的網頁字體，12px 是中文操作系統可以表現的最小的字體，內容。

文字大小一-般用兩種，12px 或14px(現在的新的vista據說能表現10px的中文字，但現在使用並不多)。

英文字體：其中英文字體最小表現為10px 字verdana字體是大多數網頁使用的英文字體，比起arial字體更美觀和均衡。

效果圖：

網頁效果圖中的網頁字體，雖然在最後製作網頁的過程中不需要裁剪。但做為設計中不可分割的重要元素，一定要認真使用，因為你不單要設計文字與整體網頁的關系，還要設計字體的樣式表顏色。

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

網頁設計標准抄尺寸：

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

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

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

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