網(wǎng)頁設計制作技巧
網(wǎng)站的主要結構頁面，又稱次首頁、內頁，大型網(wǎng)站往往框架頁即首頁，如一些門戶網(wǎng)站。框架頁主要是網(wǎng)站內部主要欄目的首頁，講究風格的一致性，并于主頁呼應。下面是YJBYS小編整理的網(wǎng)頁設計制作技巧，希望對你有幫助!
一、頁面平鋪
把頁面平鋪開，主要的物件有：導航欄、LOGO、Banner、按鈕、圖片、文字。
1.導航欄
導航欄如果設計得恰到好處，是會給網(wǎng)頁本身增色很多。導航欄有一排、兩排、多排、圖片導航和Frame框架快捷導航等等各種情況的設計。有時候是橫排，有時候則是豎排。另外還有一些動態(tài)的導航欄，如很精彩的Flash導航。
2.LOGO
LOGO并不是每個網(wǎng)站多要有的，他是網(wǎng)站為了給大家一個比較直觀的信息的表達工具。LOGO的位置通常在頁面的左上角。這個地方最明顯和直觀，可以第一時間給人于默化的效果;網(wǎng)站的LOGO，一般以靜態(tài)的居多，也有動態(tài)的，但是LOGO的特點都是在表達網(wǎng)站的信息，是一個網(wǎng)站的直接的表現(xiàn)窗口。
3.BANNER(廣告條)類型
Banner設計注意點：Banner有動態(tài)和靜態(tài)兩種。在瀏覽網(wǎng)頁的過程中，雖然閃爍的圖案會產生瞬間記憶刺激，引起注意，但這種記憶往往為壓迫性的，久之易產生負面效應，從而模糊記憶。而穩(wěn)定的畫面不易引發(fā)特殊的關注，但如果有良好的界面引導和內容，可產生良性的記憶，持久而牢固。設計要點：Banner的文字不能太多，用一兩句話來表達即可;廣告語要朗朗上口，可以第一時間的讓人捕獲表達的重點;圖形無須太繁雜，文字盡量使用黑體等粗壯的字體，否則在視覺上很容易被網(wǎng)頁其他內容淹沒;圖形盡量選擇顏色數(shù)少，能夠說明問題的事物;如果選擇顏色很復雜的物體，要考慮一下在低顏色數(shù)情況下，是否會有明顯的色斑;盡量不要使用彩虹色、暈邊等復雜的特技圖形效果，這樣做會大大增加圖形所占據(jù)的顏色數(shù)，增大體積。
4.按鈕
按鈕設計要點：設計按鈕要同頁面的整體協(xié)調，不能太搶眼;有的頁面很單調，還要依靠花哨的按鈕來提一下;選用的字體，選用的插圖，或插圖及字體搭配，都要考慮字跡清楚，色彩簡單一些，不要超過四種;很長的按鈕可能就是框架的分界，盡量要纖細一些，否則頁面會顯臃腫。
5.圖片
為了美化頁面，圖片是任何一個頁面都要用到的，圖片的運用要合理。圖片運用要點：圖形的主體最好清晰可見;圖形的含義最好簡單明了;圖片內所含文字應該清晰容易辨認;背景與主體明度對比比例應為3∶1到5∶1之間為宜;淡色系列的背景有助于整體和諧;淡色材質背景最佳，能與主題分離之淺色標志或文字背景亦可。
6.文字
文字也是設計的。設計要點：每一行文字的長度最好20到30個中文字(40到60個英文字母);行距與字距已由軟件內定。設計時注意段落與段落間空行及首行縮排方式以輔助閱讀;標題以H1到H3字號為佳，內文Font size=3到4級為佳;同版面字型最好在三種以內;文字的顏色最好也是三種以內;文字在顏色上要與背景區(qū)別;內文的排列向左對齊并與左邊界保持適當距離。可以用表格填入文字以達此效果;表格或清單內的字運用相同字型與字體大小，以利辨別。
二、整體規(guī)劃
有共性，才有統(tǒng)一，有細節(jié)區(qū)別，就有層次;防止設計與實現(xiàn)過程中的偏差;設計的各部分，要配合整體風格;不僅頁面上各項設計要統(tǒng)一，而且網(wǎng)站的各級別頁面也要統(tǒng)一;信息不要太過集中，以免文字編排太緊密;不要有太多分散注意力的點。動態(tài)閃爍要適中;頁面留白部分，要根據(jù)平面設計原理來設計，注意分欄式結構不宜留白;還要考慮到瀏覽器上部占用的屏幕空間，防止圖片截斷等造成視覺效果不好;首頁設計圖片+導航，這是一種比較強的網(wǎng)站表達，可以根據(jù)時間的變化更改圖片。
三、功能易用性
導航欄應最先調入，以便訪客快速前往所需信息空間;頁面長度要短，使得用戶在信息空間內可迅速移動;導航設計方向要一致。支持導航的層次按鈕應當從上到下或從左到右，但不要兩者都用，不要混用方向。
【網(wǎng)頁設計制作技巧】相關文章：
網(wǎng)頁設計技巧08-06
網(wǎng)頁設計制作要領06-13
網(wǎng)頁設計布局技巧08-28
網(wǎng)頁字體設計的技巧07-01
網(wǎng)頁設計配色技巧05-31
淘寶網(wǎng)頁美工設計制作網(wǎng)店首頁的技巧09-06
網(wǎng)頁設計的色彩搭配技巧09-17
網(wǎng)頁動畫設計的技巧08-29
網(wǎng)頁動畫設計技巧08-07
網(wǎng)頁美工設計技巧06-28