導航:首頁 > 網站知識 > 網站設計尺寸多少合適

網站設計尺寸多少合適

發布時間:2023-06-02 10:13:50

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

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

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

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

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

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

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

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

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

(2)網站設計尺寸多少合適擴展閱讀

網頁設計中的注意事項:

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

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

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

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

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

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

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

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

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

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

效果圖:

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

Ⅲ 一般網頁的尺寸規范是多少

網站 首頁頁面寬度 px
Yahoo! 950
淘寶 950
MySpace 960
新浪 950
網易 960
Live Search 958
搜狐 950
優酷 960
AOL 960

隨著電腦的發展,顯示器是越來越大,解析度也是越來越高,為了照顧所有不同顯示器的用戶,把網站的製作尺寸規范就定在1024*768下,網頁寬度保持在1002-1004以內,高度還是以根據需要製作的內容在定,如果只想網頁只在一屏內顯示,不要上下滾動條, 一般高度是600-635像素之間, 就不會出現垂直滾動條。

在ps裡面做網頁可以在1003*600狀態下顯示全屏,頁面的下方也不會出現滑動條,尺寸為1003*650像素左右 。

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

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

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

網站頁面大小其實並沒有一個統一的標准,不過網站建設好之後要記得測試各瀏覽器的兼容性,很可能在IE沒問題的情況下,其他瀏覽器出現錯位的情況。

Ⅳ 網頁設計的頁面尺寸標准

對於固定寬度的網站布局,設計師常用的解析度有:760px、780px、920px、950px等,如今大尺寸、寬屏幕的顯示器越來越多,越來越普及,有些設計師也開始採用1000px、1003px這樣的解析度。

頁面最大化、滿屏化的網站看著的確是舒服,但過高的解析度在設計師顯示器上合適,並不代表在瀏覽者的顯示器上也合適。現在用的最多的解析度還是1024*768,在這種解析度下,含滾動條的頁面最大寬度應不超過994px,所以一般頁面寬度定位在990px以內比較適宜。

這一講主要來說說網頁設計的標准尺寸

一、在800*600解析度下,頁面寬度應在778px以內,這樣不會出現橫向滾動條,高度可以依據版面和內容而定。

二、在1024*768解析度下,頁面寬度應在1003px以內,如果僅一屏顯示的'頁面,高度在612px~615px之間,這樣橫向和縱向滾動條都不會出現。

三、在photoshop中做800*600解析度下僅一屏的網頁時,尺寸可以設為740*560左右。

頁面標准按800*600解析度製作,尺寸為778px*434px

頁面長度一般不要超過三屏,寬度不宜出現橫向滾動條為宜

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

全尺寸banner為468px*60px,半尺寸banner為234px*60px,小banner為88px*31px

小圖標的標准尺寸還有120px*90px、120px*60px等

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

標准網頁廣告尺寸規格

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

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

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

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

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

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

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

8、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*100

以上幾種說法可能有點小的出入,大家可以探討一下。

IAB和EIAA發布新的網路廣告尺寸標准

在這6種格式中,除了去年iab發布的4種「通用廣告包」中的格式:160×600, 300×250, 180×150及728×90,還包括新公布的468×60 和120×600(擎天柱)2種。

閱讀全文

與網站設計尺寸多少合適相關的資料

熱點內容
網路共享中心沒有網卡 瀏覽:484
電腦無法檢測到網路代理 瀏覽:1342
筆記本電腦一天會用多少流量 瀏覽:470
蘋果電腦整機轉移新機 瀏覽:1344
突然無法連接工作網路 瀏覽:953
聯通網路怎麼設置才好 瀏覽:1181
小區網路電腦怎麼連接路由器 瀏覽:923
p1108列印機網路共享 瀏覽:1179
怎麼調節台式電腦護眼 瀏覽:597
深圳天虹蘋果電腦 瀏覽:834
網路總是異常斷開 瀏覽:575
中級配置台式電腦 瀏覽:888
中國網路安全的戰士 瀏覽:597
同志網站在哪裡 瀏覽:1370
版觀看完整完結免費手機在線 瀏覽:1425
怎樣切換默認數據網路設置 瀏覽:1072
肯德基無線網無法訪問網路 瀏覽:1246
光纖貓怎麼連接不上網路 瀏覽:1369
神武3手游網路連接 瀏覽:930
局網列印機網路共享 瀏覽:966