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

網頁設計寬

發布時間:2020-08-01 15:33:47

1、網頁寬度一般是多少

 網頁的尺寸受限於兩個因素:一個是顯示器屏幕。
現在顯示器現在種類很多,以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的頁面寬度是最合適的。

2、網頁設計中網頁到底該多寬?

這是個典型的UED問題,不久之前ucdchina特別討論過,月光也討論過這個問題,最終月光採用的是960px的固定寬度。
這個問題顯然沒有正確答案,我更偏向於固定寬度。
設想一下自己面對一個大屏幕(比如1440px),視線從屏幕左邊轉向右邊,光憑眼球的轉動已經不行了,頭部也需要做一些旋轉。我的筆記本是1200px,掃過整個屏幕也需要運動一下我的脖子了,可見對於1440px以上的人整日面對的都是寬度100%的網頁該是多麼的累。
不用為大家的脖子的擔心,因為我看到的中文網頁至少有八成屬於固定寬度居中布局(各大門戶、99%的博客、四大CMS默認主題),寬度值在900到1000像素之間,其中以960px最流行。據說960px只需要轉動眼球就可以看全整個頁面了,真是懶人絕配。
960px固然標准,對於內容少的網站完全可以用600到800px的寬度。
有個很著名的眼球理論,認為人們偏向於首先閱讀左上角的內容。因為一般網站的標題、導航都在那個位置。將這個理論用於600px寬的網站了,右上角就是整個頭部,然後視線直接向下。也就是說讀者閱讀是個從上到下的簡單過程,我覺得這種閱讀時最輕松的閱讀。
small-snail 在 2009-11-8 1:21 的時候說:
blackli 在 2009-11-8 9:49 的時候說:
@small-snail
想法很好啊,值得考慮
附常見屏幕尺寸比例表:
800*600 0.75
1024*768 0.75

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

其實也沒有硬性規定,但是為了兼容大多數瀏覽器一般是設置960px,隨著現在瀏覽器解析度的變化,已開始向著1000px,1200px寬度發展,例如淘寶(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、網頁設計最合適的頁面尺寸是多少?

網頁設計標准尺寸:

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

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

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

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

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

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

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

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

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

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

與網頁設計寬相關的知識