趙志茹 張尼奇

【摘要】門戶網(wǎng)站的設(shè)計(jì)，網(wǎng)站配色在網(wǎng)站設(shè)計(jì)中起到非常重要的作用。本文介紹門戶網(wǎng)站的特點(diǎn)，并對(duì)門戶網(wǎng)站進(jìn)行配色分析，通過對(duì)門戶網(wǎng)站配色的分析使得我們了解在制作門戶網(wǎng)站中文字、圖形圖像、色彩的搭配和使用。在整體網(wǎng)站設(shè)計(jì)和制作中要注重網(wǎng)站的整體效果。

【關(guān)鍵詞】門戶網(wǎng)站；網(wǎng)站配色；整體效果

隨著網(wǎng)絡(luò)的發(fā)展，各式各樣的用來承載傳遞信息的網(wǎng)站展現(xiàn)在大眾面前。這些網(wǎng)站按照功能，大致可以分為政府機(jī)關(guān)機(jī)構(gòu)、休閑娛樂、國(guó)家地理、商業(yè)金融、電子商務(wù)等幾類。通過網(wǎng)站建設(shè)不斷的研究和發(fā)展，對(duì)網(wǎng)站開發(fā)的越來越專業(yè)化。對(duì)網(wǎng)站開發(fā)也來越細(xì)節(jié)化，體現(xiàn)在網(wǎng)站的視覺化、和功能化。色彩在網(wǎng)頁設(shè)計(jì)中的起到了非常重要的作用?？蛻粼L問網(wǎng)站時(shí)，從視覺上第一次認(rèn)知的色彩氛圍，也就是說色彩決定了網(wǎng)站對(duì)人的第一印象。

一、門戶網(wǎng)站的特點(diǎn)

門戶網(wǎng)站簡(jiǎn)單來說是指提供某類綜合性互聯(lián)網(wǎng)信息資源并提供有關(guān)信息服務(wù)的應(yīng)用系統(tǒng)。當(dāng)然隨著時(shí)代的變遷和競(jìng)爭(zhēng)的激烈，門戶網(wǎng)站也不斷開拓出很多新的業(yè)務(wù)模型，但門戶網(wǎng)站的本質(zhì)一直都沒有改變，從始至終，門戶網(wǎng)站都是互聯(lián)網(wǎng)時(shí)代信息和內(nèi)容的主要載體。網(wǎng)站的界面設(shè)計(jì)就必須功能化、細(xì)節(jié)化、視覺化，其需要具備以下幾個(gè)特點(diǎn)：

1、必須是以用戶為導(dǎo)向的

在設(shè)計(jì)制作門戶網(wǎng)站時(shí)，我必須考慮如何能夠方便瀏覽頁面。讓用戶快速找到自己感興趣的信息。這就需要網(wǎng)站的色彩搭配鮮明、導(dǎo)航結(jié)構(gòu)清晰明了。進(jìn)行簡(jiǎn)單快速的點(diǎn)擊就能找到自己所需要的內(nèi)容。并且通過門戶網(wǎng)站能夠體現(xiàn)企業(yè)形象。通過研究表明：如果用戶在進(jìn)入網(wǎng)站30秒后還沒有取得對(duì)該網(wǎng)站的信任。那么企業(yè)就有80%的潛在可能會(huì)失去這個(gè)用戶。進(jìn)入網(wǎng)站時(shí)如果門戶網(wǎng)站沒有任何亮點(diǎn)吸引用戶，這將是一個(gè)失敗的頁面。

2、必須具備良好的細(xì)節(jié)

門戶網(wǎng)站是以瀏覽用戶為主要服務(wù)對(duì)象。在設(shè)計(jì)網(wǎng)站時(shí)要求從整體布局到每個(gè)細(xì)節(jié)都必須精雕細(xì)琢，反復(fù)推敲。才能夠提高用戶的訪問率。

3、必須具有用戶視覺的快感

門戶網(wǎng)站設(shè)計(jì)要清爽，目的性強(qiáng)。不要過多和過頻繁的純flash頁面，也不要用太過花哨的圖片，顏色搭配要合理。過于花哨的頁面會(huì)讓瀏覽者感覺到眼花繚亂，指向性不明確，過多的突顯反而起反作用。

二、門戶網(wǎng)站配色分析

1、門戶網(wǎng)站設(shè)計(jì)中的組成元素

（1）文字設(shè)計(jì)

在網(wǎng)站建設(shè)中文字發(fā)揮著它不可撼動(dòng)的地位，文字充斥著我們每個(gè)人整體視覺效果。網(wǎng)頁字體的使用一般選擇宋體等比較常用的字體。如果出現(xiàn)一些生僻字，為了防止用戶因沒安裝對(duì)應(yīng)字體造成顯示錯(cuò)誤。在網(wǎng)頁中使用Arial字體樣式，默認(rèn)的瀏覽器定義的標(biāo)準(zhǔn)字體是中文宋體和英文Times new Roma字體。如果你沒有設(shè)置任何字體，網(wǎng)頁將以這兩種標(biāo)準(zhǔn)字體顯示。同時(shí)，這兩種字體也可以在任何操作系統(tǒng)和瀏覽器里正確顯示。

（2）圖形、圖像設(shè)計(jì)

圖形、圖像、音頻和視頻相結(jié)合的設(shè)計(jì)有利于門戶網(wǎng)站的設(shè)計(jì)，而且會(huì)產(chǎn)生相當(dāng)好的效果。當(dāng)圖形、圖像、音頻、視頻和文字相結(jié)合時(shí)，能夠產(chǎn)生下列作用：圖像讓用戶集中注意力。當(dāng)文章和頁面中有吸引眼球的圖像時(shí)，愛屋及烏，用戶會(huì)對(duì)內(nèi)容高度敏感。當(dāng)用戶子在網(wǎng)站上面臨大篇幅的文本時(shí)，人類的大腦便傾向于圖片信息，很少有人會(huì)保持注意力，繼續(xù)閱讀細(xì)節(jié)。圖像能夠打破視覺的單調(diào)性，幫助用戶聚集注意于文章、鏈接、故事。圖形圖像的使用可以更好的理解上下文。門戶網(wǎng)站中使用好的圖像，相當(dāng)于一種“過渡段”，能夠很好的引導(dǎo)下文。所以在選圖時(shí)一定要謹(jǐn)慎，圖像能夠激發(fā)用戶的一種情緒。

（3）色彩設(shè)計(jì)

隨著門戶網(wǎng)站的發(fā)展，在制作門戶網(wǎng)站時(shí)我們使用顏色從最開始的單色到五彩繽紛然后使用標(biāo)準(zhǔn)色最后回歸到單色。最開始因?yàn)榧夹g(shù)和知識(shí)缺乏，只能制作出簡(jiǎn)單門戶網(wǎng)站，色彩單一；通過一定技術(shù)的發(fā)展在有一定基礎(chǔ)和材料后，希望制作一個(gè)漂亮的網(wǎng)站，將自己收集的最好的圖片，最滿意色彩堆砌在頁面上；但當(dāng)制作完成后，會(huì)發(fā)現(xiàn)色彩雜亂，沒有個(gè)性和風(fēng)格；于是開始重新定位自己的門戶網(wǎng)站，選擇好切合主題的色彩，推出的站點(diǎn)往往比較成功；當(dāng)最后設(shè)計(jì)理念和技術(shù)達(dá)到頂峰時(shí)，則又返樸歸真，用單一色彩甚至非彩色就可以設(shè)計(jì)出簡(jiǎn)潔精美的門戶網(wǎng)站。

2、門戶網(wǎng)站色彩的表現(xiàn)

（1）門戶網(wǎng)站設(shè)計(jì)中色彩的整體感

整體感是門戶網(wǎng)站色彩和諧的前提，在遵循色彩藝術(shù)規(guī)律及合理運(yùn)用技術(shù)的基礎(chǔ)上，網(wǎng)頁色彩應(yīng)用要依據(jù)設(shè)計(jì)定位充分表現(xiàn)設(shè)計(jì)師個(gè)性風(fēng)格及門戶網(wǎng)站主題。門戶網(wǎng)站中網(wǎng)頁是構(gòu)成一個(gè)網(wǎng)站色彩的搭配的重要元素，不是孤立存在的。馬蒂斯說：“沒有整體的形，細(xì)節(jié)畫得再好、再出色也毫無價(jià)值?！彼哉f在設(shè)計(jì)和制作網(wǎng)站時(shí)要服從網(wǎng)站整體的需求。網(wǎng)站中色彩在使用上也是如此，它需要具有一種整體感，這種整體感在很大程度上決定網(wǎng)站風(fēng)格的類型。色彩在每個(gè)網(wǎng)頁中的應(yīng)用及網(wǎng)頁中每個(gè)區(qū)域的應(yīng)用，必須把握整體性和連貫性。一旦色彩缺乏整體感，也就意味著網(wǎng)站風(fēng)格的紊亂，沒有了整體性。

（2）門戶網(wǎng)站色彩的搭配

門戶網(wǎng)站在色彩上的設(shè)計(jì)應(yīng)遵循如下原則：第一、符合門戶網(wǎng)站的風(fēng)格和主題。不同類型的網(wǎng)站就要使用不同的色彩和視覺元素，以求達(dá)到內(nèi)容和形式上的統(tǒng)一，這樣做更符合人們的認(rèn)知習(xí)慣。第二、色彩應(yīng)該要有新意。網(wǎng)頁色彩的選擇應(yīng)該突出獨(dú)特之處，設(shè)計(jì)者應(yīng)該在前面兩個(gè)原則的基礎(chǔ)上，大膽地使用色彩，展示自己的個(gè)性，創(chuàng)造出與眾不同的視覺效果。一般來說，這種色彩的獨(dú)特性與網(wǎng)站的內(nèi)容是密不可分的。第三、色彩應(yīng)該符合絕大部分用戶的審美觀。網(wǎng)站的色彩與網(wǎng)站的內(nèi)容應(yīng)該相輔相成。色彩的選擇應(yīng)該適應(yīng)不同用戶群體的審美。各部分的色彩搭配要層次分明，能夠?qū)?nèi)容清晰地展示給問者。當(dāng)然要做到這一點(diǎn)首先要在在前期進(jìn)行調(diào)查和研究，看門戶網(wǎng)站針對(duì)哪些用戶群體。除以上三點(diǎn)外門戶網(wǎng)站的設(shè)計(jì)在色彩搭配上是技術(shù)性和藝術(shù)性相融的工作。設(shè)計(jì)者在設(shè)計(jì)網(wǎng)站時(shí)應(yīng)遵循藝術(shù)規(guī)律還要考慮網(wǎng)站特點(diǎn)。在設(shè)計(jì)網(wǎng)站時(shí)同時(shí)也要保證色彩的鮮明性，更能吸引人們的注意。其次要保證色彩的獨(dú)特性。擁有個(gè)性的色彩能夠與眾不同，使大家對(duì)你印象強(qiáng)烈。才能設(shè)計(jì)出讓廣大瀏覽者樂于接受的色彩鮮明、性格獨(dú)特的網(wǎng)站。

三、總結(jié)

隨著中國(guó)的門戶網(wǎng)站設(shè)計(jì)的發(fā)展，要使用戶留下深刻印象，需要掌握網(wǎng)站設(shè)計(jì)的一些原則外，還需要我們?yōu)g覽大量的國(guó)外網(wǎng)站的網(wǎng)頁設(shè)計(jì)，因?yàn)槲覈?guó)的網(wǎng)站設(shè)計(jì)與國(guó)外相比還存在一定的差距，主要體現(xiàn)在設(shè)計(jì)和配色方面。通過收集不同風(fēng)格的網(wǎng)頁設(shè)計(jì)，不斷的深入感受和探索，并進(jìn)行科學(xué)的分析，有助于我們從中提煉并汲取精華從而轉(zhuǎn)化成我們自己的內(nèi)容。

【參考文獻(xiàn)】

[1] 楊旭蘭. 色彩在網(wǎng)頁設(shè)計(jì)中的應(yīng)用研究[D]. 南京林業(yè)大學(xué)， 2009.

[2] 張?jiān)诼? 基于CMS的網(wǎng)站制作教學(xué)研究[J]. 電腦知識(shí)與技術(shù)， 2014（34）.

[3] 閻冬旭. 談?wù)T戶網(wǎng)站建設(shè)中色彩應(yīng)用[J]. 信息與電腦： 理論版， 2014（05）.

【作者簡(jiǎn)介】

趙志茹（1981—），女，漢族，內(nèi)蒙古五原人，本科學(xué)歷，包頭輕工職業(yè)技術(shù)學(xué)院講師，主要研究方向：網(wǎng)站開發(fā)、網(wǎng)絡(luò)技術(shù)。

張尼奇（1980—），男，漢族，內(nèi)蒙古五原人，碩士研究生學(xué)歷，包頭輕工職業(yè)技術(shù)學(xué)院網(wǎng)絡(luò)工程師，主要研究方向：網(wǎng)絡(luò)技術(shù)、樓宇智能化。