當前位置:首頁 » 網頁前端 » web界面設計尺寸
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web界面設計尺寸

發布時間: 2022-07-14 10:44:26

Ⅰ 公司後台管理web界面設計尺寸是多少

這個一般用百分比來設計,頭部固定高度,左側固定寬度,右側用100%-左側寬度,以達到最佳瀏覽效果
一般後台管理都會有表格編排問題,會涉及到很多參數,用百分比可以根據表格屬性自動伸縮,而且不影響美觀性
望採納

Ⅱ web界面設計規范有哪些

一、網頁尺寸
製作網頁時,我們選用的解析度是72像素/英寸,使用的畫布尺寸1920px*1080px。
但是並不代表我們可以在整個畫布上作圖。
網頁的布局主要有兩種,左右型布局和居中型布局。布局的不一致,使得可設計的空間也不相同。
二、網頁字體
字體設計的總原則是:可辨識性和易讀性。
網頁的文字設計是系統默認的字體:宋體、微軟黑體、蘋果系統黑體,英文則建議使用arial無襯線字體
常用的字型大小大小有以下幾種:
12px是應用於網頁的最小字體,適用於非突出性的日期,版權等注釋性內容。
14px 則適用於非突出性的普通正文內容。
16px、18px或者20px 適用於突出性的標題內容。

Ⅲ Web 頁面採用多大的寬度最合適

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

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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左右.

網頁設計標准尺寸:

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

標准網頁廣告尺寸規格

一、120*120,這種廣告規格適用於產品或新聞照片展示。

二、120*60,這種廣告規格主要用於做LOGO使用。

三、120*90,主要應用於產品演示或大型LOGO。

四、125*125,這種規格適於表現照片效果的圖像廣告。

五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。

六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。

七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。

八、88*31,主要用於網頁鏈接,或網站小型LOGO。

廣告形式 像素大小 最大尺寸 備注

BUTTON 120*60(必須用gif) 7K

215*50(必須用gif) 7K

通欄 760*100 25K 靜態圖片或減少運動效果

430*50 15K

超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果

巨幅廣告 336*280 35K

585*120

豎邊廣告 130*300 25K

全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式

圖文混排 各頻道不同 15K

彈出窗口 400*300(盡量用gif) 40K

BANNER 468*60(盡量用gif) 18K

懸停按鈕 80*80(必須用gif) 7K

流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀)

網頁中的廣告尺寸

1.首頁右上,尺寸120*60

2.首頁頂部通欄,尺寸468*60

3.首頁頂部通欄,尺寸760*60

4.首頁中部通欄,尺寸580*60

5.內頁頂部通欄,尺寸468*60

6.內頁頂部通欄,尺寸760*60

7.內頁左上,尺寸150*60或300*300

8.下載地址頁面,尺寸560*60或468*60

9.內頁底部通欄,尺寸760*60

10.左漂浮,尺寸80*80或100*100

11.右漂浮,尺寸80*80或100*10

Ⅳ 1366*768的解析度,設計網頁尺寸是多大

無論電腦解析度或多或少,做網頁應該按照這個標准,只需要考慮web頁面的寬度,高度依賴於內容的布局。

現在大多數電腦方便的1280年,1366年,1440年,1660年,1920年,所以web頁面通常設計成一個新的帆布1920px寬,與核心內容控制在1280年,以確保大多數電腦打開網站,可以顯示所有的內容的網站。

(4)web界面設計尺寸擴展閱讀:

1366:768解析度:18.5英寸16:9顯示

其他不同大小的普通屏幕的最佳解析度(最佳解析度可能因顯示器的大小而異)

監視器:1440x900(16:10)

20寸顯示器:1600x900(16:9)1600x1200(4:3)

21.5」顯示器:1920x1080(16:9)

22英寸顯示:1680x1050(16:10)1920x1080(16:9)1920x1200(16:10)

23「顯示器:1920x1080(16:9)1920x1200(16:10)」

23.6「顯示器:1920x1080(16:9)」

24英寸顯示:1920x1200(16:10)1920x1080(16:9)

Ⅳ 網頁設計---解析度是多少

  • 960px 基本上是目前比較主流的頁面寬度——它可以讓1024x768解析度在最大化瀏覽器窗口的時候盡可能地使用寬度而不出現橫向滾動條。而且在桌面解析度逐步從1024x768過渡至更高解析度的時候 iPad2 的正好接了上來——雖然不能獲得最佳交互體驗但是 960px 頁面剛剛好可以獲得在平板電腦上的的視覺兼容。當然 960px 對於三欄式及以上布局支持不好,因此許多重內容網站開始使用大於1000px的寬度。比如淘寶(1000px),京東(1210px),花瓣(1407px)等……PS:960px 剛好是 Full HD 尺寸寬度的一半,因此如果使用 1920x1200 或 1920x1080 的用戶會習慣性使用 Win+← 和 Win+→ 快捷鍵同時把2個頁面固定在桌面上(雖然會遮蔽一點點內容)。閱讀體驗非常有趣。

  • 初學html是老師告訴我們的是一般960px,現在應該有好多這樣寬度的設計,不過現在顯示屏的設備一般在1024以上了,比如現在的筆記本一般是1336*768,這有那些大頭的顯示屏解析度保持在1024左右,新的液晶顯示屏也都已經達到了1440*900的解析度,所以現在設計的話一般是960px,980px,1000px,1024px!

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

網頁的背景多大要看對網頁的要求的。

網頁設計標准尺寸:

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

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

為了做到主題鮮明突出,要點明確,應該使配色和圖片圍繞預定的主題;調動一切手段充分表現網站點的個性和情趣,辦出網站的特點。

專業的網頁設計,需要經歷以下幾個階段:

需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,從而建立起營銷模型。

以業務目標為中心進行功能策劃,製作出欄目結構關系圖。

以滿足用戶體驗設計為目標,使用axure rp或同類軟體進行頁面策劃,製作出交互用例。

以頁面精美化設計為目標,使用PS、AI等軟體,調整,使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

根據用戶反饋,進行頁面設計調整,以達到最優效果。

以上內容參考:網路-網頁設計

Ⅶ 響應式web頁面按多大尺寸設計

最大解析度就是2560px
一般在1920px就好了
2560px解析度用戶很少

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

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

Ⅸ 為什麼支付寶web端設計尺寸是1440px

支付寶Web端設計尺寸是1440px,這是一種非常合適的尺寸。如果太大還是太小,都會給人體驗不舒服的感覺,這樣就是正合適的。