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