網頁設計有效范圍

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

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

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

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

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

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

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

(1)網頁設計有效范圍擴展資料

網頁設計中的注意事項：

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

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

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

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

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

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

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

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

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

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

效果圖：

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

2、網頁設計算不算平面設計的范圍內？

網頁設計也是平面設計的范圍，只不過是平面設計的一部分。也就是說平面設計中網頁設計只是其中的一小部分，平面設計還包括廣告頁面的設計的，淘寶寶貝的處理，自己照片的處理等等。

3、網頁設計現在主流高和寬是多少，有效顯示內容的區域寬是多少，1440可以嗎？用刪格系統該用多大的？1

不用追求主流多少，適合屏幕就可以。內容多就要拉長。

4、網頁設計的尺寸大小是多少，寬度應該是多少？？？

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

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、現在網頁設計的中間正文（有效范圍）是多寬？是一個范圍值？是多少？

?

7、為什麼網頁設計需要安全距離？

1、留白太少 留白是網頁設計中一個重要部分。它有助於防止用戶在瀏覽網站時變得疲憊，它可以在內容中劃出距離，而且它本身也看上去不錯。空白不是必須用白色的，而是，它僅僅是為其他設計元素提供間隔和緩沖的空間。

2、字體設置過多 通常來說一個網頁中最好不要超過三種字體。

3、色彩太多 文本、背景、框架等各為不同的顏色，雖然看似鮮艷但是，多重漸變、幾種鮮艷的色彩和大量有鮮明對比的色調及飽和度，會破壞你網站的層次和空白概念。嘗試限制自己只用一種鮮艷的色調(如藍色)，再搭配反相的單色(白、灰、黑)以獲得一個漂亮的搭配。這里強調下豆瓣的配色。也是我喜歡的顏色搭配。

4、內容過於堆疊 網頁的內容繁多，各種分支信息占據的空間過多，沒有突出關鍵的主題。它有助於在內心組織重要的信息，並引導用戶注意在你想讓他注意的地方。在傳統藝術中，新手們被教導色彩、價值和線性透視三原則和其他藝術指導。在網頁設計中，沒有特別奉行的准則，但以直觀的方式組織你的內容是一條很好的經驗規則。也是多年培養的用戶習慣。最終習慣就是最終用戶。當然一成不變不是我們所鼓勵的。

5、沒有重視用戶電腦的屏幕顯示效果 也許某個解析度對你的電腦效果特別好，但是用在用戶電腦上就不一定如此了。雖然這種解析度的顯示器正在減少，但採用更小的解析度的手機設備也來了。現在的網頁設計寬度標準是960像素，雖然沒有照顧到每一種解析度，但在主流解析度上可以呈現的最好。假如你希望面對大量的手機用戶，最好考慮一個手機版設計。

6、沒有考慮對比效果 你有沒有試過兩種對比色彩的運用或者大小的變化，有些方式之所以比其他的更好，其原因就是這是一種眼睛感知到對比的方式。如果你很難舒服的閱讀文字，考慮一下改變字體大小或方式。成為一個大師級網頁設計師的秘訣：對比，對比，對比。

7、同一件事情做的不夠多，或做的太多(過猶不及) 某個主題過於突出或者某個主題被完全冷落了，在頁腳加一個」返回頂部」的按鈕也很好。但是，太多指向同一目標的途徑會降低可用性。讓你的奶奶用下你的網站，如果她搞不定，想想哪些東西讓初次訪問的用戶拒絕使用這個網站。

8、不一致 網頁內容過於雜亂，沒有統一的框架把他們合並到一個中心主旨上。它是把網頁設計組織在一起的方式，可以創造一種緊密結合的感覺。在網站頁面互相鏈接的情況下，它可以幫助用戶把所有頁面都聯系在一起。如果你在整個網站持續改變字體、大小和色彩，用戶很快會覺得不知所措。

9、沒有足夠的文字間距 間距過小是造成網頁缺陷的一個重要原因。網頁一個是行距，可以用CSS直接調整，關繫到兩行文字之間的距離。這些有助於區分行與段落，使用戶更容易閱讀文字。

10、貧乏的尺寸大小 標准做法是h1的文字大於h2的文字，頭部文字大於段落文字。盡量保持一致的尺寸，因為它有助於一致性(第8條)和內容層次(第4條)。保持文字的可讀性，但不要太大，讓字體的大小表現信息的重要性。還有，10像素以下的尺寸對大量閱讀的人來說太小了。 在平時設計網頁過程中，如果能夠多加註意到這些問題，從而避免不該犯的錯誤，就能在整體設計的基礎上加分，此外，加上自己特色的創意，真正為用戶考慮，才能真正做到優秀的網頁設計。

8、有誰知道網頁設計的有效范圍最大是多少 我做的1920*1080 有效范圍1200px

很多人都做全屏的1920或者1640px的banner高的話，最低600吧。。。一般可以860px

9、網頁設計寬度多少是最好啊？

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