網頁設計技巧

網站的頁面多種多樣,風格各異,網頁的質量直接影響着網站的效果。下面是YJBYS小編整理的網頁設計技巧,希望對你有幫助!

網頁設計技巧

  1.導航欄

導航欄如果設計得恰到好處,是會給網頁本身增色很多。導航欄有一排、兩排、多排、圖片導航和Frame框架快捷導航等等各種情況的設計。有時候是橫排,有時候則是豎排。另外還有一些動態的導航欄,如很精彩的Flash導航。

  

LOGO並不是每個網站多要有的,他是網站爲了給大家一個比較直觀的信息的表達工具。LOGO的位置通常在頁面的左上角。這個地方最明顯和直觀,可以第一時間給人於默化的效果;網站的LOGO,一般以靜態的居多,也有動態的,但是LOGO的特點都是在表達網站的信息,是一個網站的直接的表現窗口。

  ER(廣告條)類型

Banner設計注意點:Banner有動態和靜態兩種。在瀏覽網頁的過程中,雖然閃爍的圖案會產生瞬間記憶刺激,引起注意,但這種記憶往往爲壓迫性的,久之易產生負面效應,從而模糊記憶。而穩定的畫面不易引發特殊的關注,但如果有良好的界面引導和內容,可產生良性的`記憶,持久而牢固。設計要點:Banner的文字不能太多,用一兩句話來表達即可;廣告語要朗朗上口,可以第一時間的讓人捕獲表達的重點;圖形無須太繁雜,文字儘量使用黑體等粗壯的字體,否則在視覺上很容易被網頁其他內容淹沒;圖形儘量選擇顏色數少,能夠說明問題的事物;如果選擇顏色很複雜的物體,要考慮一下在低顏色數情況下,是否會有明顯的色斑;儘量不要使用彩虹色、暈邊等複雜的特技圖形效果,這樣做會大大增加圖形所佔據的顏色數,增大體積。

  4.按鈕

按鈕設計要點:設計按鈕要同頁面的整體協調,不能太搶眼;有的頁面很單調,還要依靠花哨的按鈕來提一下;選用的字體,選用的插圖,或插圖及字體搭配,都要考慮字跡清楚,色彩簡單一些,不要超過四種;很長的按鈕可能就是框架的分界,儘量要纖細一些,否則頁面會顯臃腫。

  5.圖片

爲了美化頁面,圖片是任何一個頁面都要用到的,圖片的運用要合理。圖片運用要點:圖形的主體最好清晰可見;圖形的含義最好簡單明瞭;圖片內所含文字應該清晰容易辨認;背景與主體明度對比比例應爲3∶1到5∶1之間爲宜;淡色系列的背景有助於整體和諧;淡色材質背景最佳,能與主題分離之淺色標誌或文字背景亦可。

  6.文字

文字也是設計的。設計要點:每一行文字的長度最好20到30個中文字(40到60個英文字母);行距與字距已由軟件內定。設計時注意段落與段落間空行及首行縮排方式以輔助閱讀;標題以H1到H3字號爲佳,內文Font size=3到4級爲佳;同版面字型最好在三種以內;文字的顏色最好也是三種以內;文字在顏色上要與背景區別;內文的排列向左對齊並與左邊界保持適當距離。可以用表格填入文字以達此效果;表格或清單內的字運用相同字型與字體大小,以利辨別。