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