網頁設計尺寸大小

時間：2024-08-01 06:21:48 網頁程序設計我要投稿

相關推薦

網頁設計常用尺寸大小

　　作為企業對外宣傳物料的其中一種，精美的網頁設計，對于提升企業的互聯網品牌形象至關重要。下面是小編精心整理的網頁設計尺寸大小，歡迎閱讀，希望大家能夠喜歡。

　　網頁的寬度　

　　現在比較流行的網頁寬度是950px，網頁兩邊留出少許白邊，簡潔又大方。 1024x768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615

　　之間.就不會出現水平滾動條和垂直滾動條。

　　網頁設計中常用的廣告尺寸

　　BUTTON

　　120x60

　　215x50

　　通欄

　　760x100

　　430x50

　　超級通欄

　　760x100或者760x200

　　巨幅廣告

　　336x280

　　585x120

　　豎邊廣告

　　130x300

　　全屏廣告

　　800x600

　　彈出窗口

　　400x300

　　BANNER

　　468x60

　　懸停按鈕

　　80x80

　　流媒體

　　300x200

　　網頁設計LOGO的標準尺寸

　　120×120 這種廣告規格適用于產品或新聞照片展示。 120×60 這種廣告規格主要用于做LOGO使用。 120×90 主要應用于產品演示或大型LOGO。 88×31主要用于網頁底部友情鏈接中的LOGO，或網站小型LOGO。

　　簡潔網頁設計小貼士

　　選用富有沖擊力的圖片元素

　　設計任何網站類型，恰到好處又吸引眼球的圖片總是非常重要的。雖然讀者通常只關注網站的內容，但吸引人的相關圖片也可以起到對內容補充的作用，同時也增添了美感。不過，在網頁中使用圖片元素時，不管它是靜態還是動態圖片，都要注意顏色的搭配。顏色使用過多容易造成視覺混亂，使用單一顏色往往會產生強烈的視覺沖擊。

　　小心使用頁面空白

　　毫無疑問，簡潔的網頁設計成功的先決條件之一就是做到整潔有序。設計師在網頁中熟練地添加flash動畫，視頻，3D圖形等多種元素的同時，不過應盡量避免過度使用這些元素。如今，大家都經常使用各種便攜式設備瀏覽網頁，因此也應該充分考慮到移動網絡用戶的需求。在網頁設計中，應該小心，準確地處理頁面的邊距和空白。但是，空白間距過多會讓網站失去吸引力。因此維持設計過程中的流動性非常重要，切勿過度使用。

　　開啟你的像素眼

　　任何與設計的相關工作，小細節都發揮大作用。網頁設計也不例外。想要成功設計出簡潔的網站，你需要“第三只眼”來監控這些小細節。網站的邊框，投影，高光和紋理等元素容易讓瀏覽者印象深刻，但設計師們往往卻忽略了這些小細節。在某些情況下，忽視動畫和圖片的優化問題會影響到網頁圖像質量。為了設計出最佳的網站圖片，可在Photoshop中啟用“對齊到像素”(Snap to Pixels)，對圖片進行適當的優化。網頁中內容排版錯亂時有發生，這會從視覺上降低內容的吸引力，影響讀者閱讀。

　　選用合適的字體

　　簡潔的網頁設計成功離不開排版，排版應該獲得和圖片同樣的重視。雖然可供選擇的字體很多，設計師要考慮的方面很多，比如說，目標客戶和客戶公司的性質。為網站頁眉和內容選用合適的字體是必不可少的，無襯線字體(sans serif)和有襯線(sans serif)字體通常會為設計帶來良好的效果。除此之外，你還可以結合其它字體，專為孩子和女性打造網站。

　　為你的網站選擇合適的配色方案

　　任何網站的設計都離不了合適的配色方案，這對創建一個整潔干凈的網站同樣適用。堅持使用淡色和非彩色的投影對成功設計一個簡潔網站大有裨益。淺色的投影可以幫助用戶把焦點轉向網站內容。標志使用黑色和較深的投影，網頁中的頁眉和導航元素使用淺色背景，這些都是不錯的案例，并沒有規定在簡潔網頁設計中不能使用大膽的顏色，但是這樣的顏色要小心，克制地使用。有時候，網站有必要使用深色背景色來吸引某些目標用戶。比起漸變色，有些網站更鐘愛純色。如果你的網站非得要使用紋理和漸變色，也不要用得太過火。

　　導航欄與可用性

　　你對網站設計滿意時，認為一切都趨于完美，這時，你可以通過實際試用來測試它的使用性。不妨站在局外人的角度，客觀地對網站作出評價。在網站發布之前，你可以詢問一下跟網站設計無關的人的看法。保持網站導航的直觀性，避免使用的導航元素讓初次訪問者和技術新手產生挫敗感。

　　網頁設計的禁忌

　　關于外觀的禁忌

　　1 不要先決定網頁的外觀，然后強迫自己甚至是強迫別人去適應它。應該從網站的瀏覽者、網站要傳達的信息以及網站的發展目標考慮，設計出一個最適合的網頁架構。

　　2 不要每頁都采用不同的背景圖片，以免每次轉頁都要花時間去下載。采用相同的背景色及近似的按鈕都能增加網頁一致性，樹立統一的風格。這也是最基本的網站VI設計(視覺識別系統)。

　　3 不要把圖片的白色部分當作是透明的顏色，要知道別人的操作系統是并不一定會將底色設為白色的。解決的方法是把網頁的底色設為白色。而最好的方法是用圖片編輯工具為圖片設置好透明底色。

　　4 底色或背景須與文字顏色形成明顯對比，方便閱讀。若你的網頁里有較多文字，不妨在這方面下多點功夫，力求讓瀏覽者能舒適閱讀你的文章。

　　5 每頁的排版不要太疏或用太大的字，盡量避免看網頁的時候要作很大的卷動。

　　6 太長的一頁要使用內部鏈接，聰明的網頁設計者不會讓瀏覽者在看網頁時太多卷動。常見的內部鏈接例子如 FAQ、或名詞解釋。

　　7 在17寸顯示器尚未普及的時候，不要以 800x600 以上的像素設計網頁。因為這常常會導致設計上的判斷失誤。因此，無論你有再大的顯示器，能上再大的分辨率，將顯示器設置成 800x600的顯示模式是適當的。 -

　　8 不要于每頁插入太多的廣告牌。相信你也不會喜歡貼滿廣告的網頁。什么廣告交換、點錢Banner、彈出窗口，還有時下最流行卻又最討厭的浮動廣告，還是少放為妙。至少,當我看到的時候，是會第一時間按右上角的“X”的。

　　關于操守的禁忌

　　1 不要抄襲別人的創作。網絡上的所有資料都是公開的，但都有版權的，若想引用別人的作品，不妨先征得同意，一般作者都只要你注明出處，對于電腦方面的東西，大多數朋友都是熱情而慷慨的。更不要下載了別人的網站后，當作是自己的放在網上，這樣做的結果是使所有人都知道你是個剽竊者。

　　2 引用 Newsgroup、BBS、或其他非電子傳媒的文章，切記要注明原作者名稱及文章事源，若引用別有的網頁更要通知網主。尊重版權，避免官司，利人利已。

　　3 不要利用網頁散布謠言、中傷他人，網絡雖然難管理，但本著道德良心，都應潔身自愛。維持良好網絡環境，要靠大家努力，從我做起。

　　4 不要將別人的網頁變成你的框架中的一個窗口，這樣不僅為瀏覽者帶來不便，令人的網頁更丑陋，而且也侵犯了別人的版權，解決方法是采用鏈接中的 target 參數，如 target="_top" ，或是target="_blank" 從新窗口打開網頁等。若重視訪問者的感受請從每一細節做起。

　　5 不要將別人正在使用的搜索引擎、表單及計數器等放到自己的網頁中，這樣做會擾亂其正常運作、增加該服務器的負荷，除非該主人表示可以連到他的 cgi-bin 或 JavaClass。

【網頁設計尺寸大小】相關文章：

乒乓球大小尺寸介紹范本01-11

有效判定咖啡杯尺寸大小的方法06-05

臥室飄窗設計尺寸07-18

網頁設計基礎06-20

網頁設計課程08-09