網(wǎng)頁設(shè)計原則與制作技巧研究

都宇

摘 要：對于一個成功的網(wǎng)頁設(shè)計來說，原則與制作技巧是至關(guān)重要的組成部分，應(yīng)當(dāng)引起網(wǎng)頁設(shè)計者的高度重視但是，就我國當(dāng)前網(wǎng)頁設(shè)計現(xiàn)狀來看，其中仍舊存在很多的問題和不足，再加之缺乏完善的標(biāo)準(zhǔn)體系，這就導(dǎo)致在實際的設(shè)計工作中，常常會遇到很多困難，嚴(yán)重影響了網(wǎng)頁的設(shè)計質(zhì)量為此，本論文從不同方面闡述網(wǎng)頁設(shè)計原則與制作技巧，希望為研究網(wǎng)頁設(shè)計的專家和學(xué)者提供參考依據(jù)。

關(guān)鍵詞：網(wǎng)頁設(shè)計原則；制作技巧；研究

在我國經(jīng)濟(jì)與社會快速發(fā)展的今天，數(shù)字媒體作為一種新興工具，已經(jīng)與我國網(wǎng)絡(luò)緊密的結(jié)合在一定，這種結(jié)合使得數(shù)字媒體本身與我國民眾生活之間的聯(lián)系日漸緊密，而為了保證數(shù)字媒體能夠更好的為我國民眾提供服務(wù)，本文就數(shù)字媒體中的網(wǎng)頁設(shè)計原則與制作技巧進(jìn)行了具體研究，希望這一研究能夠在一定程度上推動我國數(shù)字媒體網(wǎng)頁設(shè)計的相關(guān)發(fā)展。

1網(wǎng)頁設(shè)計原則

現(xiàn)如今，就我國當(dāng)前網(wǎng)頁設(shè)計現(xiàn)狀來看，由于缺乏相對完善的設(shè)計原則和標(biāo)準(zhǔn)規(guī)范體系，導(dǎo)致其在實際的設(shè)計過程中難免會出現(xiàn)一些不必要的麻煩，近而影響設(shè)計質(zhì)量。因此，本文就具體歸納了在網(wǎng)頁設(shè)計中應(yīng)該注意的幾點原則：

首先，網(wǎng)頁設(shè)計人員在對網(wǎng)頁進(jìn)行設(shè)計時，一定要保證網(wǎng)頁命名的簡單明了，這是因為每一個網(wǎng)站室友多個網(wǎng)頁共同組成的，如果不對其進(jìn)行簡化處理，很容易使人們產(chǎn)生一種混亂錯雜的觀感。因此，為了提高頁面的連貫性，使其能夠很好的鏈接在一起，設(shè)計人員應(yīng)該對不同的頁面設(shè)計具有代表性的名字，這樣不僅能夠減輕管理人員的工作任務(wù)量，還極大方便了人們的快速檢索。并且，通過設(shè)置多項的關(guān)鍵詞，讓使用者更多更快的找到自己所需的信息內(nèi)容。

其次，當(dāng)用戶登錄到頁面時，第一感官印象是非常重要的。因此，設(shè)計人員還要充分考慮到視覺效果問題，并對反差效果進(jìn)行合理的應(yīng)用。其次，還要保證網(wǎng)頁結(jié)構(gòu)和排版的流暢性。盡量在網(wǎng)頁設(shè)計中插入大量的表格形式，以此來增強整個網(wǎng)頁布局的均勻性，重點凸顯該網(wǎng)站的主要內(nèi)容，第一時間就能夠抓住人們的注意力。此外，設(shè)計人員還要對頁面的長度進(jìn)行嚴(yán)格的控制，不宜過長，這是因為大多數(shù)使用者并不喜歡一直拉動滾動條，如果頁面長度非常長，就會讓用戶失去耐心。同時，為了提高網(wǎng)頁的視覺效果，無論是圖像、背景、還是文字、標(biāo)題，都應(yīng)該保持風(fēng)格一致，只有這樣，才不會給用戶帶來混亂的觀賞感。

第三設(shè)計人員在對一個網(wǎng)頁進(jìn)行設(shè)計時，必須清楚認(rèn)知到一點問題，那就是，并不是所有的用戶都可以了解網(wǎng)站的各項設(shè)計，正是因為這一點錯誤的意識，很多設(shè)計人員往往忽視了網(wǎng)頁導(dǎo)覽的重要性，這就給不熟悉網(wǎng)頁的用戶造成了極大的不便。為此，網(wǎng)頁設(shè)計者為每一位用戶提供網(wǎng)頁瀏覽地圖。這樣一來，用戶就可以在主頁搜索欄中輸入所需信息，從而逐步提高網(wǎng)頁的實用性。

第四，我們都知道，在一個網(wǎng)站中，有著大量的文字信息的圖片，為了方面用戶的使用，設(shè)計人員要在每一張的圖片下面，加注詳細(xì)的說明。并且，當(dāng)圖片處于緩沖階段時，用戶可以事先通過加注的文字信息來了解圖片中的內(nèi)容，這樣不僅就可以有效減少用戶的等待時間，避免用戶出現(xiàn)厭煩的情緒。

第五，文字作為網(wǎng)頁中主要的信息輸出方式，其準(zhǔn)確率的高低對于網(wǎng)頁質(zhì)量的好壞有著至關(guān)重要的影響，更是用戶對網(wǎng)頁評價標(biāo)準(zhǔn)的基本前提。若是網(wǎng)頁設(shè)計人員不注重這一問題，導(dǎo)致網(wǎng)頁中出現(xiàn)了大量的錯別字，即使網(wǎng)頁設(shè)計的再漂亮，也會在用戶印象中大大折扣。所以，設(shè)計人員必須高度重視這一問題，并對所有的文字拼寫進(jìn)行認(rèn)真仔細(xì)的檢查，從而確保網(wǎng)頁各方面設(shè)計都能夠達(dá)到完美。

第六，網(wǎng)頁設(shè)計人員要定期對網(wǎng)頁鏈接情況進(jìn)行測定，確保其始終處于有效性的狀態(tài)，這樣才能保證用戶可以在第一時間尋找到頁面。另外，還可以為用戶提供其所需要信息的相關(guān)聯(lián)系方式，使其能夠更深入的了解信息內(nèi)容，以此來增強用戶對網(wǎng)頁的依賴性。

2網(wǎng)頁設(shè)計制作技巧

2.1首頁設(shè)計技巧

網(wǎng)站首頁的形式有兩種，一種是形象展示型，通過藝術(shù)造型和設(shè)計布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像（較多）、文字信息（較少），組成一幅生動的畫面，向瀏覽者展示一種形象、一個氛圍，從而吸引瀏覽者進(jìn)入瀏覽。另一種是信息羅列型，這是一般大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式，即在首頁中就羅列出網(wǎng)站的主要內(nèi)容分類、重點信息、網(wǎng)站導(dǎo)航、公司信息等等。

2.2風(fēng)格保持一致

導(dǎo)航是網(wǎng)站的一項重要組成部分，一個出色的富有企業(yè)特性的導(dǎo)航將會給人留下深刻的印象。利用背景取得統(tǒng)一：有效利用背景取得網(wǎng)站統(tǒng)一和專業(yè)化，將公司的標(biāo)志、象征性的簡單圖片作為背景，并將其淡化，使瀏覽者在閱讀網(wǎng)站內(nèi)容的同時不經(jīng)意記下公司的標(biāo)志。在整個頁面中形成特有元素在大小、明暗及位置的呼應(yīng)， 很好地塑造了網(wǎng)站的特有形象。

2.3色彩搭配

頁面的色彩搭配是與網(wǎng)站的主題分不開的，在色彩搭配上，一般來說，頁面的主體文字應(yīng)盡量使用黑色）與背景對比明顯，按鈕、邊框、背景等使用彩色。色彩的應(yīng)用最好根據(jù)網(wǎng)站主題風(fēng)格選定一種基調(diào)，再根據(jù)這個基調(diào)來搭配其他顏色。一般來講，綠色配以金黃、淡白，可以產(chǎn)生優(yōu)雅、舒適的氣氛；藍(lán)色與白色混合，能給人柔順、淡雅、浪漫的感覺；紅色和黃色、金色搭配能渲染喜慶的氣氛；而金色和咖啡色搭配則會給人帶來暖意。整個頁面在視覺上應(yīng)是一個整體，以達(dá)到和諧、悅目的最佳視覺效果。

2.4明確主題

在數(shù)字媒體的網(wǎng)頁設(shè)計中，為了保證這一網(wǎng)頁設(shè)計能夠較好的為受眾提供服務(wù)，我們首先就需要結(jié)合網(wǎng)頁內(nèi)容確認(rèn)網(wǎng)頁主題，而為了實現(xiàn)這一目標(biāo)，網(wǎng)頁設(shè)計人員需要進(jìn)行充分的市場調(diào)查，最大程度上了解網(wǎng)頁受眾的情況，這樣才能夠較好的確定整個網(wǎng)頁的風(fēng)格與主題。而在確定了網(wǎng)頁的主題后，設(shè)計人員還需要在設(shè)計的過程中保證網(wǎng)頁本身的鮮明突出、要點明確，最終實現(xiàn)通過簡單的網(wǎng)頁頁面?zhèn)鬟_(dá)不簡單的信息這一追求。值得注意的是，網(wǎng)頁還需要最大程度上保證自身的即時性，這樣才能夠更好的實現(xiàn)信息的傳達(dá)。

總之，網(wǎng)頁制作中有很多的技巧， 只有在不斷的實踐中才會總結(jié)出更多更好的制作網(wǎng)頁的方法，在知道了一些技巧之后一定要付諸實踐，這樣才能更好地掌握， 把別人的知識變成自己的知識。

參考文獻(xiàn)：

[1]網(wǎng)頁設(shè)計中計算機圖像處理技術(shù)應(yīng)用解析[J]. 白雪.電子世界. 2017（05）

[2]當(dāng)代中國服裝網(wǎng)頁設(shè)計的藝術(shù)風(fēng)格初探[J]. 張昭，侯小鋒.大眾文藝. 2017（14）

[3]網(wǎng)頁設(shè)計中計算機圖像處理技術(shù)的應(yīng)用[J]. 周俊平.信息與電腦（理論版）. 2016（08）

[4]淺談布局對網(wǎng)頁設(shè)計的重要性[J]. 冉秋，袁超.科技視界. 2012（14）

[5]網(wǎng)頁設(shè)計中的藝術(shù)討論[J]. 陳浩，王靜.黑龍江科技信息. 2010（11）

[6]網(wǎng)頁設(shè)計的色彩調(diào)配和應(yīng)用[J]. 李健.安慶師范學(xué)院學(xué)報（自然科學(xué)版）. 2010（02）

[7]淺談網(wǎng)頁設(shè)計中的視覺元素[J]. 楊海玉.哈爾濱職業(yè)技術(shù)學(xué)院學(xué)報. 2010（06）

[8]淺談網(wǎng)頁藝術(shù)設(shè)計[J]. 朱洪艷.中國校外教育（理論）. 2008（12）