- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)常用尺寸大小
作為企業(yè)對(duì)外宣傳物料的其中一種，精美的網(wǎng)頁(yè)設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。下面是小編精心整理的網(wǎng)頁(yè)設(shè)計(jì)尺寸大小，歡迎閱讀，希望大家能夠喜歡。
網(wǎng)頁(yè)的寬度
現(xiàn)在比較流行的網(wǎng)頁(yè)寬度是950px，網(wǎng)頁(yè)兩邊留出少許白邊，簡(jiǎn)潔又大方。 1024x768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615
之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。
網(wǎng)頁(yè)設(shè)計(jì)中常用的廣告尺寸
BUTTON
120x60
215x50
通欄
760x100
430x50
超級(jí)通欄
760x100或者760x200
巨幅廣告
336x280
585x120
豎邊廣告
130x300
全屏廣告
800x600
彈出窗口
400x300
BANNER
468x60
懸停按鈕
80x80
流媒體
300x200
網(wǎng)頁(yè)設(shè)計(jì)LOGO的標(biāo)準(zhǔn)尺寸
120×120 這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?120×60 這種廣告規(guī)格主要用于做LOGO使用。 120×90 主要應(yīng)用于產(chǎn)品演示或大型LOGO。 88×31主要用于網(wǎng)頁(yè)底部友情鏈接中的LOGO，或網(wǎng)站小型LOGO。
簡(jiǎn)潔網(wǎng)頁(yè)設(shè)計(jì)小貼士
選用富有沖擊力的圖片元素
設(shè)計(jì)任何網(wǎng)站類型，恰到好處又吸引眼球的圖片總是非常重要的。雖然讀者通常只關(guān)注網(wǎng)站的內(nèi)容，但吸引人的相關(guān)圖片也可以起到對(duì)內(nèi)容補(bǔ)充的作用，同時(shí)也增添了美感。不過(guò)，在網(wǎng)頁(yè)中使用圖片元素時(shí)，不管它是靜態(tài)還是動(dòng)態(tài)圖片，都要注意顏色的搭配。顏色使用過(guò)多容易造成視覺(jué)混亂，使用單一顏色往往會(huì)產(chǎn)生強(qiáng)烈的視覺(jué)沖擊。
小心使用頁(yè)面空白
毫無(wú)疑問(wèn)，簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)成功的先決條件之一就是做到整潔有序。設(shè)計(jì)師在網(wǎng)頁(yè)中熟練地添加flash動(dòng)畫(huà)，視頻，3D圖形等多種元素的同時(shí)，不過(guò)應(yīng)盡量避免過(guò)度使用這些元素。如今，大家都經(jīng)常使用各種便攜式設(shè)備瀏覽網(wǎng)頁(yè)，因此也應(yīng)該充分考慮到移動(dòng)網(wǎng)絡(luò)用戶的需求。在網(wǎng)頁(yè)設(shè)計(jì)中，應(yīng)該小心，準(zhǔn)確地處理頁(yè)面的邊距和空白。但是，空白間距過(guò)多會(huì)讓網(wǎng)站失去吸引力。因此維持設(shè)計(jì)過(guò)程中的流動(dòng)性非常重要，切勿過(guò)度使用。
開(kāi)啟你的像素眼
任何與設(shè)計(jì)的相關(guān)工作，小細(xì)節(jié)都發(fā)揮大作用。網(wǎng)頁(yè)設(shè)計(jì)也不例外。想要成功設(shè)計(jì)出簡(jiǎn)潔的網(wǎng)站，你需要“第三只眼”來(lái)監(jiān)控這些小細(xì)節(jié)。網(wǎng)站的邊框，投影，高光和紋理等元素容易讓瀏覽者印象深刻，但設(shè)計(jì)師們往往卻忽略了這些小細(xì)節(jié)。在某些情況下，忽視動(dòng)畫(huà)和圖片的優(yōu)化問(wèn)題會(huì)影響到網(wǎng)頁(yè)圖像質(zhì)量。為了設(shè)計(jì)出最佳的網(wǎng)站圖片，可在Photoshop中啟用“對(duì)齊到像素”(Snap to Pixels)，對(duì)圖片進(jìn)行適當(dāng)?shù)膬?yōu)化。網(wǎng)頁(yè)中內(nèi)容排版錯(cuò)亂時(shí)有發(fā)生，這會(huì)從視覺(jué)上降低內(nèi)容的吸引力，影響讀者閱讀。
選用合適的字體
簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)成功離不開(kāi)排版，排版應(yīng)該獲得和圖片同樣的重視。雖然可供選擇的字體很多，設(shè)計(jì)師要考慮的方面很多，比如說(shuō)，目標(biāo)客戶和客戶公司的性質(zhì)。為網(wǎng)站頁(yè)眉和內(nèi)容選用合適的字體是必不可少的，無(wú)襯線字體(sans serif)和有襯線(sans serif)字體通常會(huì)為設(shè)計(jì)帶來(lái)良好的效果。除此之外，你還可以結(jié)合其它字體，專為孩子和女性打造網(wǎng)站。
為你的網(wǎng)站選擇合適的配色方案
任何網(wǎng)站的設(shè)計(jì)都離不了合適的配色方案，這對(duì)創(chuàng)建一個(gè)整潔干凈的網(wǎng)站同樣適用。堅(jiān)持使用淡色和非彩色的投影對(duì)成功設(shè)計(jì)一個(gè)簡(jiǎn)潔網(wǎng)站大有裨益。淺色的投影可以幫助用戶把焦點(diǎn)轉(zhuǎn)向網(wǎng)站內(nèi)容。標(biāo)志使用黑色和較深的投影，網(wǎng)頁(yè)中的頁(yè)眉和導(dǎo)航元素使用淺色背景，這些都是不錯(cuò)的案例，并沒(méi)有規(guī)定在簡(jiǎn)潔網(wǎng)頁(yè)設(shè)計(jì)中不能使用大膽的顏色，但是這樣的顏色要小心，克制地使用。有時(shí)候，網(wǎng)站有必要使用深色背景色來(lái)吸引某些目標(biāo)用戶。比起漸變色，有些網(wǎng)站更鐘愛(ài)純色。如果你的網(wǎng)站非得要使用紋理和漸變色，也不要用得太過(guò)火。
導(dǎo)航欄與可用性
你對(duì)網(wǎng)站設(shè)計(jì)滿意時(shí)，認(rèn)為一切都趨于完美，這時(shí)，你可以通過(guò)實(shí)際試用來(lái)測(cè)試它的使用性。不妨站在局外人的角度，客觀地對(duì)網(wǎng)站作出評(píng)價(jià)。在網(wǎng)站發(fā)布之前，你可以詢問(wèn)一下跟網(wǎng)站設(shè)計(jì)無(wú)關(guān)的人的看法。保持網(wǎng)站導(dǎo)航的直觀性，避免使用的導(dǎo)航元素讓初次訪問(wèn)者和技術(shù)新手產(chǎn)生挫敗感。
網(wǎng)頁(yè)設(shè)計(jì)的禁忌
關(guān)于外觀的禁忌
1 不要先決定網(wǎng)頁(yè)的外觀，然后強(qiáng)迫自己甚至是強(qiáng)迫別人去適應(yīng)它。應(yīng)該從網(wǎng)站的瀏覽者、網(wǎng)站要傳達(dá)的信息以及網(wǎng)站的發(fā)展目標(biāo)考慮，設(shè)計(jì)出一個(gè)最適合的網(wǎng)頁(yè)架構(gòu)。
2 不要每頁(yè)都采用不同的背景圖片，以免每次轉(zhuǎn)頁(yè)都要花時(shí)間去下載。采用相同的背景色及近似的按鈕都能增加網(wǎng)頁(yè)一致性，樹(shù)立統(tǒng)一的風(fēng)格。這也是最基本的網(wǎng)站VI設(shè)計(jì)(視覺(jué)識(shí)別系統(tǒng))。
3 不要把圖片的白色部分當(dāng)作是透明的顏色，要知道別人的操作系統(tǒng)是并不一定會(huì)將底色設(shè)為白色的。解決的方法是把網(wǎng)頁(yè)的底色設(shè)為白色。而最好的方法是用圖片編輯工具為圖片設(shè)置好透明底色。
4 底色或背景須與文字顏色形成明顯對(duì)比，方便閱讀。若你的網(wǎng)頁(yè)里有較多文字，不妨在這方面下多點(diǎn)功夫，力求讓瀏覽者能舒適閱讀你的文章。
5 每頁(yè)的排版不要太疏或用太大的字，盡量避免看網(wǎng)頁(yè)的時(shí)候要作很大的卷動(dòng)。
6 太長(zhǎng)的一頁(yè)要使用內(nèi)部鏈接，聰明的網(wǎng)頁(yè)設(shè)計(jì)者不會(huì)讓瀏覽者在看網(wǎng)頁(yè)時(shí)太多卷動(dòng)。常見(jiàn)的內(nèi)部鏈接例子如 FAQ、或名詞解釋。
7 在17寸顯示器尚未普及的時(shí)候，不要以 800x600 以上的像素設(shè)計(jì)網(wǎng)頁(yè)。因?yàn)檫@常常會(huì)導(dǎo)致設(shè)計(jì)上的判斷失誤。因此，無(wú)論你有再大的顯示器，能上再大的分辨率，將顯示器設(shè)置成 800x600的顯示模式是適當(dāng)?shù)摹?-
8 不要于每頁(yè)插入太多的廣告牌。相信你也不會(huì)喜歡貼滿廣告的網(wǎng)頁(yè)。什么廣告交換、點(diǎn)錢Banner、彈出窗口，還有時(shí)下最流行卻又最討厭的浮動(dòng)廣告，還是少放為妙。至少,當(dāng)我看到的時(shí)候，是會(huì)第一時(shí)間按右上角的“X”的。
關(guān)于操守的禁忌
1 不要抄襲別人的創(chuàng)作。網(wǎng)絡(luò)上的所有資料都是公開(kāi)的，但都有版權(quán)的，若想引用別人的作品，不妨先征得同意，一般作者都只要你注明出處，對(duì)于電腦方面的東西，大多數(shù)朋友都是熱情而慷慨的。更不要下載了別人的網(wǎng)站后，當(dāng)作是自己的放在網(wǎng)上，這樣做的結(jié)果是使所有人都知道你是個(gè)剽竊者。
2 引用 Newsgroup、BBS、或其他非電子傳媒的文章，切記要注明原作者名稱及文章事源，若引用別有的網(wǎng)頁(yè)更要通知網(wǎng)主。尊重版權(quán)，避免官司，利人利已。
3 不要利用網(wǎng)頁(yè)散布謠言、中傷他人，網(wǎng)絡(luò)雖然難管理，但本著道德良心，都應(yīng)潔身自愛(ài)。維持良好網(wǎng)絡(luò)環(huán)境，要靠大家努力，從我做起。
4 不要將別人的網(wǎng)頁(yè)變成你的框架中的一個(gè)窗口，這樣不僅為瀏覽者帶來(lái)不便，令人的網(wǎng)頁(yè)更丑陋，而且也侵犯了別人的版權(quán)，解決方法是采用鏈接中的 target 參數(shù)，如 target="_top" ，或是target="_blank" 從新窗口打開(kāi)網(wǎng)頁(yè)等。若重視訪問(wèn)者的感受請(qǐng)從每一細(xì)節(jié)做起。
5 不要將別人正在使用的搜索引擎、表單及計(jì)數(shù)器等放到自己的網(wǎng)頁(yè)中，這樣做會(huì)擾亂其正常運(yùn)作、增加該服務(wù)器的負(fù)荷，除非該主人表示可以連到他的 cgi-bin 或 JavaClass。
【網(wǎng)頁(yè)設(shè)計(jì)尺寸大小】相關(guān)文章：
乒乓球大小尺寸介紹06-03
乒乓球大小尺寸知識(shí)05-29
乒乓球大小尺寸介紹范本06-03
網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)08-26
網(wǎng)頁(yè)設(shè)計(jì)課程08-26
網(wǎng)頁(yè)設(shè)計(jì)的步驟06-16