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