導航:首頁 > 萬維百科 > 官網網頁設計寬度

官網網頁設計寬度

發布時間:2020-12-28 17:01:40

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

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

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

2、網頁設計寬度多少是最好啊?

網頁的尺寸受限於兩個因素:一個是顯示器屏幕。
現在顯示器現在種類很多,以21寸為主流, 正在朝23寸及寬屏的方向發展。但目前也有為數不少的19寸顯示器,甚至是17寸的。

另一個是瀏覽器軟體,就是我們常用的IE,Friefox,360瀏覽器等。

基本上網頁寬頻是屏幕大小減去22px就是頁面的寬度,比如對於800*600解析度的屏幕,頁面的寬度要低於778像素,1024的寬度的頁
面要設置成不大於1002px(一般就是950或者960),等等。當然還有些人覺得設置成fixed比較好,就是滿屏,100%寬度。

目前各大網站基本在960/950為主,促使各大網站改為寬屏的原因是,1024*768解析度的瀏覽器早已成為主流,更寬的屏幕也越來越多,比如1280*1024。而這些網站的寬度,大都是950px/960px而非1002px(騰訊網的是1002px)。

這個問題上面每個人的觀點是不一樣的,我認為這里主要要考慮兩個因素:

視覺效果和用戶體驗。

從視覺效果來說,屏幕邊緣區域並不是用戶的有效視覺區域,也就是說,用戶很少去看屏幕的邊緣地帶的。所以我最近在很多國外的網站看到一些100%寬度設計的網站,兩邊都會留20px左右的空白(而且這樣看起來更加舒服)。

而從用戶體驗來說,太寬的屏幕,意味著一行會有更多的字,這一點是不好的。大家在看報紙或看書的時候會注意到分欄,比如報紙,無論是對開還是4
開的報紙,都會分成幾欄來顯示,如南方都市報是分5欄,每欄15個5號字,這樣就很容易閱讀,如果不分欄,那麼就相當於一行75個字,只有一兩行字的話還
行,如有二十幾行,誰能讀下去?!

現在顯示器的屏幕越來越寬,如果網頁的寬度也一味的寬下去,用戶肯定要糾結了!

所以,我認為950-980的頁面寬度是最合適的。
網頁設計原則:http://www.wzyunying.com/post/74.html

3、網頁設計的寬度是多少

整個寬度1920px,是為了防止大屏幕邊緣全白的情況。中間的正文部分通常1000px,最多1200px

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

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

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

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

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

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

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

(4)官網網頁設計寬度擴展資料

網頁設計中的注意事項:

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

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

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

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

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

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

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

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

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

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

效果圖:

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

5、網頁設計中如何設置版面寬度

&

6、網頁設計中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。


(6)官網網頁設計寬度擴展資料:

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英寸。


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

7、PS中網頁設計的寬度一般是多大?

網頁設計電腦端UI都是1920寬,1080像素高的尺寸設計

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

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

與官網網頁設計寬度相關的知識