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

網頁設計稿寬度

發布時間:2021-02-16 16:56:57

1、設計網頁,常見的寬度是多少像素

主體部分一般為1000px左右,其他部分做成可自行調整的,也就是自動伸展;
就比如百度提問這個頁面,主體部分我查了一下是1100px,記得以前是980px;上面導航上面的都是根據解析度大小來自動伸展的,很多網站的基本架構都是差不多的,
做成1000左右的原因是為了1024x768解析度下不出現橫向滾動條,而800x600解析度現在應該基本沒人用了

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、網頁設計中如何設置版面寬度

&

4、網頁設計 如何設定打開之後網頁的寬度?

是初始寬度,是還就是打開的時候讓他寬
初始用window.open
打開的時候讓他寬就直接把打開的第一個頁面變大(注意:是手動啦網頁的籃筐)拉到你認為合適的地方,然後關底網頁,再打開,看看。

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

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

6、網頁設計一般頁面尺寸怎麼設置呢?

長是不用設置的
寬度為930~960看起來會舒服一些

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、HTML5移動網頁的設計稿尺寸應該是多少

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

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

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

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