導航:首頁 > 萬維百科 > H5網站設計尺寸

H5網站設計尺寸

發布時間:2020-09-04 10:44:38

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

HTML5的移動端網頁設計稿,通常情況下,內容區為750px或960px或者1080px的,一般不小於750px像素大小(寬度)
設計稿可以比750px大,但是絕對不能比750px小,這個主要是由於當前手機的解析度相對較高(iPhone 6是375物理像素,但實際像素為其兩倍,也就是750,這個750就是這么來的)
如果設計圖稿過小,前端在實現圖稿的時候裡面的圖片大小在高解析度的情況下會顯得模糊不清,所以這也是為何要「大」解析度
此外需要注意的是,要保證頁面的基準字體大小,在320px的設計稿當中,最小字體不宜小於12像素,其他像素的設計稿當中,等比例換算即可(12/320px*設計稿像素值)

2、現在的網頁設計默認的尺寸做多大的

網頁設計合適尺寸,已經有了很大改變,不需要擔心設備尺寸不同的問題,以目前主流形式來看,有以下:

1、pc端網頁的設計稿尺寸是寬度1920px,高度最小是1080px , 主體內容在1200px內就行,比較規范。

2、移動端網頁的設計尺寸可以考慮680px和720px

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

網頁設計標准尺寸:

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

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

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

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

4、一般網頁設計背景尺寸是多少?

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

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

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

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

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

7、h5可以製作網站頁面尺寸怎麼定

因為要考慮到現在的大部分手機屏幕,更偏向於是全面屏或者是曲面屏幕,或者像iphonex這樣的大屏手機,所以H5面的製作。必須要有一個規范,現在推薦的尺寸是844X1496PX這個尺寸,在意派Epub360中,是有一個規范的,可以去看一下.

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

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

9、移動端的h5頁面的尺寸是多少

H5的尺寸一般設計為640x1136px

既滿足了顯示需求,又能降低用戶載入圖片需要的帶寬。

可以用各種解析度的移動智能手機查看我們設計的H5頁面時,當然,也會出現如下的情況,內容顯示不全,甚至一些重要內容和按鈕都會被遮擋。

第一:背景圖片必須採用background-size:cover;來實現。

第二:我們在進行H5頁面內容規劃布局設計的時候,不能把重要內容放在太偏下的位置或者偏上,否則前端布局時可能出現內容顯示不全的情況。

(9)H5網站設計尺寸擴展資料:

標准通用標記語言下的一個應用HTML標准自1999年12月發布的HTML4.01後,後繼的HTML5和其它標准被束之高閣。

為了推動Web標准化運動的發展,一些公司聯合起來,成立了一個叫做 Web Hypertext Application Technology Working Group (Web超文本應用技術工作組 -WHATWG) 的組織。

WHATWG 致力於 Web 表單和應用程序,而W3C(World Wide Web Consortium,萬維網聯盟) 專注於XHTML2.0。在 2006 年,雙方決定進行合作,來創建一個新版本的 HTML。

參考資料:網路-HTML5

與H5網站設計尺寸相關的知識