網(wǎng)頁(yè)設(shè)計(jì)相比于傳統(tǒng)廣告設(shè)計(jì)具有更加完整的體系, 同時(shí)對(duì)于設(shè)計(jì)的內(nèi)容也更加靈活。本文主要介紹了網(wǎng)頁(yè)制作和設(shè)計(jì)的基本原則, 結(jié)合網(wǎng)頁(yè)制作和設(shè)計(jì)的特點(diǎn)進(jìn)行相應(yīng)介紹。
1 網(wǎng)頁(yè)制作和設(shè)計(jì)的基本知識(shí)
隨著信息化時(shí)代的發(fā)展, 人們可以通過(guò)網(wǎng)絡(luò)解決的問(wèn)題越來(lái)越多, 同時(shí)可以實(shí)現(xiàn)的活動(dòng)也越來(lái)越豐富, 其中包括網(wǎng)絡(luò)信息的傳播, 網(wǎng)上購(gòu)物以及網(wǎng)絡(luò)控制等等。網(wǎng)頁(yè)作為網(wǎng)絡(luò)信息交流的重要媒介, 網(wǎng)頁(yè)的設(shè)計(jì)和制作直接關(guān)系到信息交流的有效性和可靠性, 目前, 越來(lái)越多的人開(kāi)始接觸和關(guān)注網(wǎng)頁(yè)的制作和設(shè)計(jì)。網(wǎng)頁(yè)設(shè)計(jì)作為一項(xiàng)抽象的工作, 其還可以分為很多類(lèi)別, 其中包括網(wǎng)頁(yè)美工、網(wǎng)頁(yè)結(jié)構(gòu)布局以及網(wǎng)頁(yè)動(dòng)畫(huà)制作等等。通常在網(wǎng)頁(yè)實(shí)際制作過(guò)程中, 由于設(shè)計(jì)原稿和重構(gòu)之后的頁(yè)面有很多出入, 這就會(huì)導(dǎo)致在設(shè)計(jì)和制作中需要技術(shù)人員做到一定的精確性要求, 與此同時(shí)還要考慮各類(lèi)瀏覽器對(duì)于網(wǎng)頁(yè)的兼容性, 只有設(shè)計(jì)新穎、布局合理, 內(nèi)容豐富以及操作便捷的網(wǎng)頁(yè)才會(huì)贏得用戶(hù)的青睞和認(rèn)可。
2 網(wǎng)頁(yè)設(shè)計(jì)的原則
2.1 網(wǎng)頁(yè)名稱(chēng)要簡(jiǎn)潔, 視覺(jué)效果要合理。
當(dāng)前, 針對(duì)網(wǎng)頁(yè)的設(shè)計(jì)沒(méi)有較為明確的設(shè)計(jì)規(guī)范和準(zhǔn)則, 因此, 在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)上就會(huì)出現(xiàn)各類(lèi)差異。為了保證網(wǎng)頁(yè)簡(jiǎn)潔性要求, 在對(duì)網(wǎng)頁(yè)進(jìn)行命名時(shí)要確保網(wǎng)頁(yè)名稱(chēng)要簡(jiǎn)潔, 一個(gè)完整的網(wǎng)頁(yè)通常是由很多鏈接相互組合鏈接而成的, 因此, 為了滿(mǎn)足網(wǎng)頁(yè)便捷和有效性的要求, 這就需要網(wǎng)頁(yè)設(shè)計(jì)者在對(duì)網(wǎng)頁(yè)進(jìn)行命名時(shí)要盡量取簡(jiǎn)單好記且具有一定代表性的名稱(chēng)。簡(jiǎn)潔的名稱(chēng)不僅能夠有利于網(wǎng)頁(yè)管理者對(duì)于網(wǎng)頁(yè)的管理, 同時(shí)也方便用戶(hù)的搜索檢驗(yàn)。在網(wǎng)頁(yè)視覺(jué)要求上, 一般來(lái)說(shuō), 合理的視覺(jué)效果對(duì)于網(wǎng)頁(yè)用戶(hù)來(lái)說(shuō)也具有更多的吸引力。為了達(dá)到網(wǎng)站間接性的要求, 一般網(wǎng)頁(yè)設(shè)計(jì)者需要合理應(yīng)用顏色反差效果, 其包括圖片、顏色以及字體的反差等等。除了充分利用反差效果之外, 合理的布局和排版也必不可少, 一般針對(duì)網(wǎng)頁(yè)的布局和設(shè)計(jì)上可以采用適量的圖標(biāo)來(lái)增強(qiáng)網(wǎng)頁(yè)的圖像感, 頁(yè)面的長(zhǎng)度也要保證在合理范圍內(nèi), 當(dāng)然, 網(wǎng)頁(yè)的風(fēng)格也要一致, 通過(guò)文字, 圖片, 背景, 標(biāo)題和注釋的相互配合才能建設(shè)出符合用戶(hù)需求的間接網(wǎng)頁(yè)。
2.2 網(wǎng)站導(dǎo)向性要好, 鏈接要合理有效。
由于網(wǎng)頁(yè)之間是相互聯(lián)系, 緊密結(jié)合的, 因此, 網(wǎng)頁(yè)對(duì)于導(dǎo)向性就要體現(xiàn)出合理有效的要求, 很多網(wǎng)頁(yè)設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)總是會(huì)以為網(wǎng)頁(yè)使用者會(huì)和他們一樣了解該網(wǎng)頁(yè)的運(yùn)作, 因此, 在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)中就會(huì)忽略網(wǎng)站的導(dǎo)覽, 這就會(huì)直接給用戶(hù)帶來(lái)很多麻煩, 例如由于用戶(hù)不知道網(wǎng)頁(yè)的導(dǎo)向, 就會(huì)由于誤點(diǎn)而產(chǎn)生錯(cuò)誤信息, 也間接為用戶(hù)帶來(lái)了很多麻煩。針對(duì)這種問(wèn)題, 網(wǎng)站設(shè)計(jì)者最好在網(wǎng)站的顯要位置為用戶(hù)提供本網(wǎng)頁(yè)的地圖, 從而讓用戶(hù)能夠在主頁(yè)上利用關(guān)鍵詞和語(yǔ)句來(lái)進(jìn)行相應(yīng)的查找, 另外, 所有頁(yè)面從頭到尾都應(yīng)當(dāng)使用導(dǎo)航標(biāo)志。除此以外, 在多個(gè)頁(yè)面跳轉(zhuǎn)頁(yè)面上應(yīng)當(dāng)增加返回首頁(yè)欄。網(wǎng)頁(yè)鏈接作為網(wǎng)頁(yè)的重要組成部分, 其決定了用戶(hù)頁(yè)面的跳轉(zhuǎn)和信息的導(dǎo)向, 因此, 針對(duì)網(wǎng)頁(yè)鏈接設(shè)計(jì)應(yīng)當(dāng)遵循一定的規(guī)范, 對(duì)于鏈接的頁(yè)面要嚴(yán)格檢查確保鏈接的有效性。
2.3 圖片適當(dāng)增加注釋, 拼寫(xiě)和語(yǔ)法要合理。
由于網(wǎng)頁(yè)上圖片眾多, 網(wǎng)頁(yè)設(shè)計(jì)者就要針對(duì)圖片進(jìn)行相應(yīng)的加注說(shuō)明, 通過(guò)圖片注釋的方式可以在圖片緩沖階段向用戶(hù)反映出圖片的大致信息, 用戶(hù)也可以在圖片為加載階段通過(guò)文字說(shuō)明來(lái)了解圖片的信息, 節(jié)省必要的瀏覽時(shí)間, 如果沒(méi)有圖片注釋, 在用戶(hù)等待期間就會(huì)導(dǎo)致用戶(hù)出現(xiàn)等待焦急的情緒, 對(duì)于網(wǎng)頁(yè)和用戶(hù)都會(huì)產(chǎn)生不利的影響。由于文字在網(wǎng)頁(yè)中占據(jù)了絕大部分的篇幅, 因此, 在人們閱讀頁(yè)面時(shí), 文字作為重要的輸出方式, 其正確性和合理性直接關(guān)系到網(wǎng)頁(yè)設(shè)計(jì)的效果, 如果網(wǎng)頁(yè)上大部分文字出現(xiàn)大小不一致, 拼寫(xiě)錯(cuò)誤等問(wèn)題, 這就需導(dǎo)致用戶(hù)質(zhì)疑網(wǎng)頁(yè)的真實(shí)性。在對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)過(guò)程中, 相關(guān)設(shè)計(jì)者應(yīng)當(dāng)仔細(xì)認(rèn)真地檢查文字信息的拼寫(xiě)是否正確, 使得網(wǎng)頁(yè)能夠更加完美。
3 網(wǎng)頁(yè)制作的具體要求
3.1 首頁(yè)制作技巧。
網(wǎng)頁(yè)首頁(yè)是整個(gè)頁(yè)面體系的形象展示, 網(wǎng)站框架包含首頁(yè), 框架頁(yè), 普通頁(yè)以及彈出頁(yè)等等。首頁(yè)的設(shè)計(jì)一般分為兩種, 一種是形象展示, 主要是指通過(guò)藝術(shù)造型和設(shè)計(jì)布局, 充分展示公司的形象和產(chǎn)品, 這當(dāng)中包含很多圖片和文字信息, 通過(guò)一系列的信息羅列充分展示公司的產(chǎn)品和服務(wù)。另外一種就是網(wǎng)頁(yè)信息的全部枚舉出來(lái)進(jìn)行展示, 這種頁(yè)面一般都是大、中型企業(yè)網(wǎng)站的首頁(yè)設(shè)計(jì)。
3.2 網(wǎng)頁(yè)風(fēng)格和色彩的設(shè)計(jì)要求。
網(wǎng)頁(yè)風(fēng)格主要是通過(guò)不同的網(wǎng)頁(yè)布局, 網(wǎng)頁(yè)顏色選擇以及裝飾性元素之間的整合, 以達(dá)到網(wǎng)頁(yè)內(nèi)容的不同展示效果。一般來(lái)說(shuō), 網(wǎng)頁(yè)風(fēng)格和結(jié)構(gòu)特點(diǎn)需要保持高度統(tǒng)一的要求。針對(duì)不同的網(wǎng)頁(yè)內(nèi)容, 相關(guān)網(wǎng)頁(yè)設(shè)計(jì)者需要采用不同的網(wǎng)頁(yè)名稱(chēng)和標(biāo)志, 結(jié)合不同的網(wǎng)頁(yè)導(dǎo)航類(lèi)輔助功能實(shí)現(xiàn)不同的風(fēng)格展示。對(duì)于網(wǎng)頁(yè)色彩的選擇需要相關(guān)網(wǎng)頁(yè)設(shè)計(jì)者仔細(xì)挑選適合網(wǎng)頁(yè)內(nèi)容的顏色, 尤其是在更改網(wǎng)頁(yè)內(nèi)容和布局時(shí), 應(yīng)當(dāng)集合各類(lèi)元素要求進(jìn)行顏色挑選。頁(yè)面顏色搭配要求符合網(wǎng)頁(yè)主題的同時(shí), 網(wǎng)頁(yè)文字也要選擇顯眼, 深沉的文字顏色, 同時(shí)也要符合按鈕、邊框、背景等因素的風(fēng)格和基調(diào)。
3.3 網(wǎng)頁(yè)布局和版面的設(shè)計(jì)要求。
一般網(wǎng)頁(yè)的布局可以分為“國(guó)”字型, 拐彎型, 標(biāo)題正文型以及左右上下等等。“國(guó)”字型主要是指網(wǎng)頁(yè)將標(biāo)題放置在網(wǎng)頁(yè)最上方, 標(biāo)題下面可以添加橫型廣告幅, 中間部分主要涉及網(wǎng)頁(yè)的具體內(nèi)容, 左右也可以分列一些其他信息。在網(wǎng)頁(yè)的最下面需要添加網(wǎng)頁(yè)的一些基本信息, 聯(lián)系方式和版權(quán)聲明等信息。拐角型相比于“國(guó)”字型布局主要是相應(yīng)內(nèi)容的位置和大小發(fā)生一些微小的改變, 網(wǎng)頁(yè)上面仍然是標(biāo)題和廣告橫幅, 接著下面的左側(cè)是位置較小, 寬度較小的鏈接, 右側(cè)的絕大部分主要是網(wǎng)頁(yè)的具體內(nèi)容。除此以外, 左側(cè)還可以羅列一些網(wǎng)站連接, 右側(cè)仍然是網(wǎng)頁(yè)的具體內(nèi)容。標(biāo)題正文型結(jié)構(gòu)在網(wǎng)頁(yè)最上面類(lèi)似以上兩種結(jié)構(gòu), 而下面全是網(wǎng)頁(yè)正文, 比如文章的主要內(nèi)容, 注冊(cè)頁(yè)面等等。左右型結(jié)構(gòu)主要是指網(wǎng)頁(yè)兩側(cè)分別展示不同內(nèi)容, 左側(cè)可以包含導(dǎo)航連接或企業(yè)標(biāo)志, 而右側(cè)可以直接展示網(wǎng)頁(yè)的具體內(nèi)容。采用這些較為常用的網(wǎng)頁(yè)布局和結(jié)構(gòu)不僅能充分發(fā)揮這些布局的不同特色, 同時(shí)對(duì)于用戶(hù)來(lái)火也更加便捷和方便。