導航:首頁 > 萬維百科 > 網頁尺寸設計規范

網頁尺寸設計規范

發布時間:2020-12-25 18:52:19

1、自適應網站一屏式的設計規范是什麼?

自適應網站可以建成1920的寬度,一般都是用百分比來控制的,圖片寬度尺寸1920像素可以,最終會隨著屏幕的大小而自適應。
圖片具體的尺寸根據你每個模塊分割的尺寸來決定。
比如說首頁的輪播圖你想全屏顯示圖片寬度就設置1920PX,輪播圖的圖片以橫構圖為主。
一般都建議用橫構圖,豎構圖的話高度不好控制,除非你劃分了某個區域是豎構型的。

2、一般做網頁設計背景尺寸定多大?

網頁的背景多大要看對網頁的要求的,
網頁設計標准尺寸:
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

3、網頁設計中banner設計尺寸是多少

不同的環境下設置的尺寸都不一樣

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

2、1024*768下,網頁寬度保持在1002以內,就不會出現水平滾動條,高度則視版面和內決定。

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

4、1024*768 下網頁的尺寸:width=955,height=600                                             

800*600 下網頁的尺寸:width=760,height=420。

5、一般解析度在800*600的情況下,頁面的顯示尺寸為:780*428px,

解析度在640*480的情況下,頁面的顯示尺寸為:620*311px,

解析度在1024*768的情況下,頁面的顯示尺寸為:1007*600px。


(3)網頁尺寸設計規范擴展資料:

banner設計標准尺寸大全

Internet Advertising Bureau
(IAB,國際廣告局)的"標准和管理委員會"聯合Coalition for Advertising Supported Informatiln
and
Entertainment(CASIE,廣告支持信息和娛樂聯合會)聯合推出了一系列網路廣告宣傳物的標准尺寸。

這些尺寸作為建議,提供給廣告生產省和消費者,使大家都能接受。現在網站上的廣告幾乎都遵循IAC/CASIE標准。

1997年第一次標准公布

Num Size(pix) Name

1、468×60 全尺寸banner

2、392×72 全尺寸帶導航條banner

3、234×60 半尺寸banner

4、125×125 方形按鈕

5、120×90 按鈕#1或小圖標

6、120×60 按鈕#2或小圖標

7、88×31 小按鈕或banner

8、120×240 垂直banner

2001年第二次標准公布

Num Size(pix) Name

1、120×600 "摩天大樓"形

2、160×600 寬"摩天大樓"形

3、180×150 長方形

4、300×250 中級長方形

6、240×400 豎長方形

7、250×250 "正方形彈出式"廣告

IAB 將不再支持1997年第一次公布標准中的392×72形。

從banner自身的設計大小看

1、全尺寸banner橫幅設計為468*60px,半尺寸banner為234*60px,小banner為88*31px,另外120*90,120*60也是小圖標的標准尺寸。

2、頁面長度原則上不超過3屏,寬度不超過1屏。

3、每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K。

4、每個標准頁面為A4幅面大小,即8.5*11英寸。


參考資料來源:網路-網頁設計標准

4、網頁設計,一般最少要設置多少高度

大概的高度為:

Window XP首屏大小580 px
Window 7 首屏大小710 px

具體原因如下:

一個網頁的尺寸設置和瀏覽器與系統的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。

系統解析度統計:

對大於30W台客戶端用戶進行測試,得到的測試數據如下(數據來源於網路):



在Window XP常見解析度1024×768下我們除掉任務欄,瀏覽器菜單欄以及狀態欄後剩下的網頁首屏高度平均值是584。
在Window 7常見解析度1440×900下我們除掉任務欄,瀏覽器菜單欄以及狀態欄後剩下的網頁首屏高度平均值是716。

綜合解析度及瀏覽器下的統計數據:
Window XP首屏大小580 px
Window 7 首屏大小710 px

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

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瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(5)網頁尺寸設計規范擴展資料:

網頁構成

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

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

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

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

網頁通常有以下元素:

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

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

網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計,一般採用全屏展示和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。

7、手機端網頁設計尺寸多少

iPhone手機網頁的設計尺寸

iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px解析度是163PPI

安卓網頁的設計尺寸

320dp:一個普通的手機屏幕(240X320,320×480,480X800)
480dp:一個中間平板電腦像(480×800)
600dp:7寸平板電腦(600×1024)
720dp:10寸平板電腦(720×1280,800×1280)

ipad網頁的設計尺寸

iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI

8、手機網頁UI設計尺寸是多少

這個不同手機尺寸不一樣,比如
iphone3 320*480 iphone4 640 * 960
android 240*320 320* 480 480* 854 這些比較常用,還有一些其他解析度
看你具體是針對什麼手機做的了!

9、響應式網站尺寸設計規范是什麼?不要說大篇的介紹廢話,落實到具體數據上

看來你是生手。網站沒有統一的尺寸。也沒有統一的設計規范。都是根據客服要求去設計的。
他要大點就大點,要小點就小點。而網上很多網站的字體也不是統一的。
既然是響應式。更不可能有固定的尺寸。只用%百分比。
安全尺寸?也沒有統一的安全尺寸。有的是是全屏,有的是居中。寬度也沒有統一的。各種寬度都有。

10、網頁設計的尺寸大小是多少,寬度應該是多少???

其實也沒有硬性規定,但是為了兼容大多數瀏覽器一般是設置960px,隨著現在瀏覽器解析度的變化,已開始向著1000px,1200px寬度發展,例如淘寶(1000px)京東商城(1200px)。如果需要兼容不同瀏覽器尺寸,現在比較流行的做法是做成響應式的,即根據不同解析度顯示不同的尺寸,工作量也就隨之增加了。貌似國內的大網站也沒有使用。

與網頁尺寸設計規范相關的知識