網(wǎng)站設(shè)計(jì)中色彩運(yùn)用分析（3篇）范文
本站小編為你精心準(zhǔn)備了網(wǎng)站設(shè)計(jì)中色彩運(yùn)用分析（3篇）參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫(xiě)作靈感。歡迎深入閱讀并收藏。
第一篇：網(wǎng)站設(shè)計(jì)中色彩的應(yīng)用分析
摘要:
進(jìn)入21世紀(jì)，是互聯(lián)網(wǎng)發(fā)展的又一個(gè)新時(shí)代，人們獲得信息的主要方式是通過(guò)互聯(lián)網(wǎng)。在用戶瀏覽網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)設(shè)計(jì)中色彩的選用是網(wǎng)站的點(diǎn)睛之筆，也是判斷一個(gè)網(wǎng)頁(yè)設(shè)計(jì)成敗與否的關(guān)鍵。色彩不但能給瀏覽者強(qiáng)烈的視覺(jué)沖擊力和藝術(shù)美感，還能更深層次的體現(xiàn)出該網(wǎng)站所要傳遞給瀏覽者:一個(gè)企業(yè)的經(jīng)營(yíng)理念和品牌所展示的價(jià)值。
關(guān)鍵詞:
網(wǎng)頁(yè)設(shè)計(jì);色彩;搭配
在網(wǎng)頁(yè)設(shè)計(jì)中，最難的讓人無(wú)從下手的不是某個(gè)軟件怎么運(yùn)用，而是要怎么設(shè)計(jì)來(lái)吸引瀏覽者的眼球，這就要求我們?cè)谠O(shè)計(jì)中加強(qiáng)對(duì)色彩的合理使用，使之為網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中能起到錦上添花的作用。這就要求在做網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候不僅要有熟練的技術(shù)，更要有藝術(shù)的美感，色彩可以說(shuō)是網(wǎng)頁(yè)設(shè)計(jì)中穿慣始終的一條紐帶，從而也就體現(xiàn)了它的重要性。
1網(wǎng)頁(yè)設(shè)計(jì)的基本概念
1．1網(wǎng)頁(yè)設(shè)計(jì)的定義
在說(shuō)明網(wǎng)頁(yè)設(shè)計(jì)之前，先必須明白網(wǎng)頁(yè)的概念:網(wǎng)頁(yè)通俗的講是網(wǎng)站中的一頁(yè)，是HTML格式(文件擴(kuò)展名為．html．a(chǎn)sp．php．Jsp等)。網(wǎng)頁(yè)實(shí)際上就是一個(gè)文件它會(huì)被存放在有網(wǎng)絡(luò)存在的某臺(tái)電腦中。網(wǎng)頁(yè)會(huì)由相應(yīng)的網(wǎng)址(URL)來(lái)讀取和保存，當(dāng)我們使用時(shí)，會(huì)穿過(guò)一系列看不見(jiàn)的程序，網(wǎng)頁(yè)文件就會(huì)被你的計(jì)算機(jī)所接收，然后再由各種瀏覽器來(lái)分析網(wǎng)頁(yè)的內(nèi)容，最后呈現(xiàn)在你的眼前［1］。網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)把網(wǎng)絡(luò)應(yīng)用和藝術(shù)設(shè)計(jì)緊密相結(jié)合的一門(mén)新興的學(xué)科，以網(wǎng)絡(luò)作為載體，融入人們對(duì)審美的追求，繼而有鮮活的藝術(shù)表現(xiàn)特色。在一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)中，必須對(duì)色彩加以高度的重視。
1．2網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展階段
第一階段，以文字為主的階段。這個(gè)階段的網(wǎng)頁(yè)是由一個(gè)個(gè)字符組成，所呈現(xiàn)的也只是單一的文字，在藝術(shù)的表現(xiàn)效果上基本上沒(méi)有什么要求，只注重實(shí)用性。第二階段，圖和文字相結(jié)合。由于計(jì)算機(jī)技術(shù)的不斷提高，靜態(tài)的網(wǎng)頁(yè)已經(jīng)受到了局限性，人們整體審美觀和藝術(shù)感加強(qiáng)，網(wǎng)站也不能僅僅以實(shí)用為主，而是慢慢的把制作網(wǎng)站的技術(shù)和藝術(shù)相聯(lián)系來(lái)豐富網(wǎng)站的內(nèi)容。第三階段，一個(gè)字“動(dòng)”。隨著技術(shù)的不斷更新，內(nèi)容不斷的增加，出現(xiàn)了動(dòng)態(tài)交互式的網(wǎng)頁(yè)，加之制作軟件的不斷強(qiáng)大，網(wǎng)頁(yè)設(shè)計(jì)人員可以根據(jù)需要各自取舍相關(guān)的內(nèi)容，這時(shí)候也涌入了一大批從事藝術(shù)的設(shè)計(jì)人員，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)也就從這個(gè)階段開(kāi)始成為一個(gè)新的起點(diǎn)，不斷的注入新鮮的血液來(lái)不斷壯大［2］。
1．3網(wǎng)頁(yè)設(shè)計(jì)的要素
網(wǎng)頁(yè)設(shè)計(jì)作為一門(mén)新興的學(xué)科，主要要素包括:文字(既有它是局限性也有它獨(dú)到的地位，所以文字是網(wǎng)頁(yè)初始時(shí)的必不可少的要素，由之才慢慢擴(kuò)展)、圖形、圖像、色彩(色彩是最能吸引瀏覽者的注意力的因素之一，色彩甚至可以直接判斷一個(gè)網(wǎng)頁(yè)設(shè)計(jì)的好壞，因?yàn)樵诰W(wǎng)頁(yè)中色彩占的比例較大，往往會(huì)填補(bǔ)不足之處)、導(dǎo)航欄(導(dǎo)航欄是網(wǎng)頁(yè)站點(diǎn)超鏈接的主要線索，使得站點(diǎn)結(jié)構(gòu)清晰、鏈接簡(jiǎn)單、查詢便捷等)、多媒體(多媒體在網(wǎng)頁(yè)設(shè)計(jì)的運(yùn)用，可以說(shuō)是又一個(gè)有意義的突破，與聲音的結(jié)合更加增大了頁(yè)面的感染力)、頁(yè)面布局(在網(wǎng)頁(yè)設(shè)計(jì)中不是把相關(guān)的頁(yè)面機(jī)械的拼湊，而是要把有用的內(nèi)容合理、有效的編排，分清主次，所以具備了前邊說(shuō)的幾個(gè)基本要素的基礎(chǔ)上，才能考慮頁(yè)面的整體布局，這樣才能更好的為瀏覽者展示更好的視覺(jué)效果)等。
2色彩在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用美國(guó)
光學(xué)學(xué)會(huì)的色度學(xué)委員會(huì)曾經(jīng)把顏色定義為:顏色是除了空間的和時(shí)間的不均勻性以外的光的一種特性，即光的輻射能刺激視網(wǎng)膜而引起觀察者通過(guò)視覺(jué)而獲得的景象。在我國(guó)國(guó)家標(biāo)準(zhǔn)CG5698－85中，顏色的定義為:色是光作用于人眼球起除外形意外的視覺(jué)特性。因此，色彩感覺(jué)不僅與物體本來(lái)的色彩特性有關(guān)，還受時(shí)間、空間、外表狀態(tài)以及該物體的周?chē)h(huán)境的影響［3］。顏色分為無(wú)色系和有色系。無(wú)色系是指黑、白、灰;有色系是指除無(wú)色系以外的所有色彩。
2．1色彩屬性
(1)明度
明度指色彩的明暗程度．是從明到暗的若干排列的灰色，無(wú)色系只有明度的特征。(圖1)
(2)飽和度
是指色彩的鮮明度。根據(jù)需要可以調(diào)整色彩的鮮明度，突出所要表現(xiàn)的內(nèi)容。
(3)色相
也叫顏色的光澤，是基本的特征，傳遞顏色基本基調(diào)(圖2十二色相圖)
2．2網(wǎng)頁(yè)設(shè)計(jì)中色彩的搭配
(1)色彩的心理表述
色彩與人的視覺(jué)感受有著密切的關(guān)系，色彩有獨(dú)特的象征意義，代表了人們豐富多彩的心理變化和復(fù)雜的情感。白色具有神圣不能侵犯的性質(zhì)。給人潔凈、純樸、明快、清凈的感覺(jué)。在一些高檔商品網(wǎng)站設(shè)計(jì)中白色會(huì)被廣泛采用。黑色具有莊重、沉穩(wěn)的特性。給人神秘、深沉、穩(wěn)重的感受。在高科技和軍事網(wǎng)站中多采用黑色。(圖4)灰色具有調(diào)和的特性。給人平凡、消極、中和、沉寂的感受。所以灰色可以用于任何色調(diào)為主的網(wǎng)站中，起到過(guò)度的作用。紅色具有溫暖、熱情、活力、刺激、憤怒的特性。給人熱血沸騰、過(guò)目不忘、幸福美滿、喜慶的感覺(jué)。這種色彩多用于政府性網(wǎng)站、婚紗服務(wù)類網(wǎng)站。黃色具有成熟、清醒、高端的特性。給人一種嬌貴、收獲的感覺(jué)。多用于食品類、兒童類網(wǎng)站中。藍(lán)色具有經(jīng)典、冷靜、清涼、誠(chéng)實(shí)、悠遠(yuǎn)、永恒。給人冷靜的思考氛圍。多用于高科技企業(yè)網(wǎng)站和一些具有權(quán)威性的網(wǎng)站中［4］。綠色具有平靜、柔和、新鮮、青春、活力的特性。給人寧?kù)o、安全、健康、平安的感覺(jué)。在學(xué)校、環(huán)保、宣傳和健康類網(wǎng)站中被廣泛使用。紫色具有深遠(yuǎn)、高傲、優(yōu)雅的特性。給人捉摸不透的神秘感。多用于以女性為主題的網(wǎng)站:配飾、內(nèi)衣、化妝品等。
(2)色彩法則
第一個(gè)法則:色彩的鮮明性。在設(shè)計(jì)中色彩鮮明，是很容易就能吸引瀏覽者的注意力。第二個(gè)法則:色彩的感染性。選用獨(dú)特的色彩搭配，會(huì)給瀏覽者留下深刻的印象。第三個(gè)法則:色彩的合理性。緊扣主題、不過(guò)分夸張，給瀏覽者統(tǒng)一、和諧的感覺(jué)。第四個(gè)法則:色彩的延展性。不同的色彩會(huì)使瀏覽者產(chǎn)生不同的想象空間:看到黑色會(huì)想到神秘，深沉;看到紅色會(huì)想到激情、刺激;看到藍(lán)色會(huì)想到藍(lán)天，大海;看到綠色會(huì)想到生命，健康等等［5］。在網(wǎng)頁(yè)設(shè)計(jì)中，選擇適合主題的色彩，會(huì)給整個(gè)網(wǎng)站增加靈氣、有血有肉，更加鮮活。
3結(jié)語(yǔ)
色彩是網(wǎng)頁(yè)設(shè)計(jì)的精髓。它不但給網(wǎng)頁(yè)作品披上了一件華麗的外衣，能使平面的東西立體化，同時(shí)引導(dǎo)人們對(duì)網(wǎng)頁(yè)有一個(gè)深層次的理解。色彩通過(guò)人們的視覺(jué)反應(yīng)，在生理上和心理上產(chǎn)生強(qiáng)烈的共鳴，選用不同的顏色，所呈現(xiàn)的反應(yīng)也各不相同。色彩有強(qiáng)烈的表現(xiàn)力和沖擊力，選取好的色彩會(huì)及時(shí)吸引人們的眼球，給人留下深刻的印象，換句話說(shuō)就是一種美的享受。色彩對(duì)人的視覺(jué)有決定性作用，一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)，不但要求設(shè)計(jì)者的技術(shù)一流，還要求對(duì)色彩的運(yùn)用也能游刃有余。在網(wǎng)頁(yè)設(shè)計(jì)中色彩越來(lái)越被人們所重視，色彩的選用、比例、含義等方面，對(duì)我們有了新的要求，要求我們認(rèn)真實(shí)踐、研究、解決，要求我們無(wú)論在什么樣的網(wǎng)頁(yè)設(shè)計(jì)中，能準(zhǔn)確找到它的定位。
參考文獻(xiàn):
［1］武上富．網(wǎng)頁(yè)制作技巧和設(shè)計(jì)原則［M］．廣州:廣東科技出版社，2006．
［2］李宏，張小敏．網(wǎng)頁(yè)設(shè)計(jì)與制作［M］．北京:化學(xué)工業(yè)出版社，2005．
［3］文濤，文峰．色彩設(shè)計(jì)［M］．北京:中國(guó)青年出版社，2008．
［4］黎芳．網(wǎng)頁(yè)設(shè)計(jì)與配色實(shí)例分析［M］．北京:北京希望電子出版社，2006．
［5］徐育忠，林芝．色彩表現(xiàn)與訓(xùn)練［M］．北京:化學(xué)工業(yè)出版社，2007．
作者：史俊霞 高耀 單位：榆林學(xué)院網(wǎng)絡(luò)管理中心 榆陽(yáng)區(qū)教育局
第二篇：網(wǎng)站設(shè)計(jì)色彩搭配研究
摘要：
在網(wǎng)頁(yè)設(shè)計(jì)與制作課程中，網(wǎng)頁(yè)的版面布局設(shè)計(jì)是至關(guān)重要的一個(gè)方面，要設(shè)計(jì)網(wǎng)頁(yè)版面，確立主題是設(shè)計(jì)之本，還要講究布局的形式和色彩的搭配。
關(guān)鍵詞：
確立主題；布局形式；色彩搭配；版面布局
網(wǎng)頁(yè)設(shè)計(jì)與制作課程中，網(wǎng)頁(yè)的版面布局設(shè)計(jì)是至關(guān)重要的一個(gè)方面，它關(guān)系到一個(gè)網(wǎng)頁(yè)在欣賞者第一眼看到時(shí)，能否合“眼緣”，能否留下深刻的印象和駐足的欲望。針對(duì)頁(yè)面的版面布局設(shè)計(jì)，結(jié)合實(shí)踐應(yīng)用，筆者有了一些自己的心得和見(jiàn)解，從以下幾個(gè)方面做一個(gè)簡(jiǎn)單的總結(jié)。
一、網(wǎng)站主題的確立是設(shè)計(jì)之本
一個(gè)網(wǎng)站最終要設(shè)計(jì)成什么樣子，主要還是由網(wǎng)站的主題來(lái)決定的，主題就是網(wǎng)站的靈魂，也是網(wǎng)站設(shè)計(jì)的第一步，只有主題明確了，設(shè)計(jì)者才能?chē)@這個(gè)主題去打開(kāi)思路，尋找設(shè)計(jì)靈感。
二、版面布局的形式
在確立了網(wǎng)站主題之后，網(wǎng)站的設(shè)計(jì)也就有了大概的風(fēng)格和方向了，接下來(lái)要做的就是設(shè)計(jì)網(wǎng)頁(yè)的版面。從理論上來(lái)說(shuō)，版面布局的方法不拘一格，沒(méi)有固定的方式和方法，即使同樣的主題同樣的素材，不同的人根據(jù)各自的理解和解讀可以設(shè)計(jì)制作出不同風(fēng)格的頁(yè)面效果來(lái)。但不管是哪種布局方法，大概不外乎以下幾類。一種是按頁(yè)面的區(qū)域分布劃分，可以分為“T”形、“口”型、“三”型等幾種形式。從這幾個(gè)形象的字面表達(dá)上，我們不難想象出分別是一種什么樣的布局形式。一種常見(jiàn)的是對(duì)稱樣式的，當(dāng)然所謂的對(duì)稱并不是一對(duì)一的絕對(duì)對(duì)稱，那樣看起來(lái)會(huì)比較呆板，可以通過(guò)上下或左右結(jié)構(gòu)劃分以及色彩的合理搭配形成一種對(duì)稱的效果。還有一種是現(xiàn)在比較常用的所謂“豪華”型版面形式，首頁(yè)設(shè)計(jì)成一個(gè)比較漂亮的海報(bào)或者是制作成優(yōu)美的flash影片。這樣的版型設(shè)計(jì)在廣告及宣傳類型的網(wǎng)頁(yè)中比較常見(jiàn)，突出特點(diǎn)是制作比較新穎，畫(huà)面漂亮，視覺(jué)沖擊比較強(qiáng)。當(dāng)然，要做出一個(gè)完整漂亮的網(wǎng)頁(yè)，靠單一的版面布局樣式是不夠的，往往是幾種樣式的綜合運(yùn)用。在實(shí)踐教學(xué)過(guò)程中，學(xué)生大多比較喜歡第三種樣式的網(wǎng)頁(yè)，但也只是作為欣賞之用，要做出這么有沖擊力的效果，不光需要時(shí)間還需要有一定的專業(yè)功底，經(jīng)常是幾種工具軟件齊上陣做出來(lái)的。
三、網(wǎng)頁(yè)版面的色彩搭配
協(xié)調(diào)，是網(wǎng)頁(yè)版面色彩搭配的基本原則，既不能太單一，也不要搞得太花哨，把整個(gè)頁(yè)面弄得像個(gè)調(diào)色板一樣，要合理搭配，達(dá)到“總體協(xié)調(diào)，局部對(duì)比”的效果。在色彩的運(yùn)用和搭配上，學(xué)生得具備一定的審美觀，懂得色彩的一些基礎(chǔ)知識(shí)。對(duì)于色彩在設(shè)計(jì)中的搭配技巧，則需要通過(guò)不斷的實(shí)踐以及經(jīng)驗(yàn)的積累慢慢悟出來(lái)。這種領(lǐng)悟不是靠講解理論就能夠懂得的，很多來(lái)源于生活。筆者在講課過(guò)程中曾經(jīng)舉過(guò)這樣一個(gè)例子：假設(shè)我們要分別制作一個(gè)清明節(jié)、一個(gè)中秋節(jié)、一個(gè)國(guó)慶節(jié)的網(wǎng)頁(yè)，讓學(xué)生自己選擇以上三個(gè)節(jié)日網(wǎng)站的主色調(diào)。學(xué)生通過(guò)討論之后最終制定了幾種方案，清明節(jié)的主色調(diào)選用灰色，通過(guò)有點(diǎn)哀傷的灰色而不是太沉重的黑色，來(lái)表達(dá)這個(gè)節(jié)日人們對(duì)先人的懷念和哀悼之情；用金黃色來(lái)烘托中秋節(jié)家人團(tuán)聚時(shí)和和美美的溫暖氛圍；而國(guó)慶節(jié)他們選擇用熱烈的大紅色調(diào)來(lái)表達(dá)全國(guó)人民舉國(guó)同慶的壯觀和莊嚴(yán)。像這些不能單純地靠理論知識(shí)去灌輸，而是要通過(guò)日常生活中所見(jiàn)所得的引導(dǎo)，讓學(xué)生自己去領(lǐng)悟和體會(huì)。
四、網(wǎng)頁(yè)版面布局表格嵌套的問(wèn)題
頁(yè)面的版面設(shè)計(jì)方法比較常用的有表格層、框架、模板等。最簡(jiǎn)單也是最基本的方法就是表格布局法。在實(shí)踐教學(xué)中，這種方法因?yàn)楹?jiǎn)單，界面清晰，學(xué)生接受起來(lái)比較容易，也多數(shù)用這種方法做頁(yè)面。但就是這種簡(jiǎn)單的方法在設(shè)計(jì)過(guò)程中也會(huì)遇到一些小問(wèn)題。
1．插入表格及表格的嵌套
在頁(yè)面總體布局的時(shí)候，我們一般用的是直接插入固定寬度的一個(gè)表格，當(dāng)然寬度由頁(yè)面的寬度來(lái)決定。而頁(yè)面內(nèi)部的一些小的分區(qū)域，一般用嵌套表格，也就是在表格內(nèi)再套表格的方式，且是用百分比的形式，這樣嵌套的表格會(huì)自動(dòng)去適應(yīng)外部表格的變化。
2．表格嵌套中的小問(wèn)題
開(kāi)始的時(shí)候?qū)W生不理解為什么要用百分比的形式嵌套表格，筆者結(jié)合“青島西海岸旅游網(wǎng)站”的主頁(yè)設(shè)計(jì)進(jìn)行了講解。在制作頁(yè)面的導(dǎo)航條時(shí)，直接用插入固定寬度的表格，而不是嵌套表格。因?yàn)閷?dǎo)航項(xiàng)目并不一定都是字?jǐn)?shù)一樣的，在輸入的過(guò)程中，由于寬度不統(tǒng)一，表格會(huì)自動(dòng)變寬，而且調(diào)整其中的一個(gè)單元格的寬度時(shí)，會(huì)影響到其他的單元格，所以控制起來(lái)比較麻煩，很難統(tǒng)一導(dǎo)航內(nèi)容的寬度，做出來(lái)的導(dǎo)航條很不整齊，影響整體美觀。而利用百分比的形式再嵌套一個(gè)表格之后，這個(gè)嵌套的表格會(huì)自動(dòng)適應(yīng)原來(lái)上一層表格的寬度，明顯的效果是制作出來(lái)的導(dǎo)航條寬度是平均分配的，看起來(lái)比較規(guī)整，比原來(lái)直接插入一個(gè)表格的效果好很多。通過(guò)以上幾個(gè)方面的設(shè)計(jì)及實(shí)現(xiàn)，一個(gè)基本的網(wǎng)頁(yè)版面的框架已經(jīng)出來(lái)雛形了，接下來(lái)主要的工作就是往這個(gè)框架里面添加網(wǎng)頁(yè)元素，逐步豐富網(wǎng)頁(yè)內(nèi)容。那將會(huì)涉及更深更廣的內(nèi)容，還需要學(xué)生不斷去學(xué)習(xí)和探索。
作者：劉艷秋 單位：山東青島市黃島區(qū)職業(yè)教育中心
第三篇：網(wǎng)站設(shè)計(jì)中風(fēng)格色彩研究
摘要：
在互聯(lián)網(wǎng)時(shí)代，網(wǎng)站設(shè)計(jì)受到很多人的喜愛(ài)，特別是各種設(shè)計(jì)軟件的快速發(fā)展，不僅為專業(yè)設(shè)計(jì)人員提供了便利，也使得越來(lái)越多的人開(kāi)始接觸網(wǎng)站設(shè)計(jì)，獨(dú)特、靈活、便捷的網(wǎng)站設(shè)計(jì)不僅給用戶帶來(lái)美和舒適的享受，而且給用戶留下深刻印象。本文分析了網(wǎng)站設(shè)計(jì)的風(fēng)格定位、色彩搭配和網(wǎng)頁(yè)美化。
關(guān)鍵詞:
網(wǎng)站設(shè)計(jì)；風(fēng)格色彩；美化
網(wǎng)站設(shè)計(jì)和建設(shè)是一門(mén)技術(shù)也是一門(mén)藝術(shù)，怎樣設(shè)計(jì)一個(gè)成功、成熟的網(wǎng)站是很多設(shè)計(jì)人員應(yīng)該關(guān)注、思考的問(wèn)題。而風(fēng)格色彩和美化是網(wǎng)站設(shè)計(jì)的重要內(nèi)容，在具體設(shè)計(jì)中應(yīng)綜合考慮多方面因素，從搜集資料、網(wǎng)站框架設(shè)定、風(fēng)格定位到各個(gè)設(shè)計(jì)制作環(huán)節(jié)和最后的優(yōu)化調(diào)試，要認(rèn)真做好風(fēng)格色彩和美化，不斷提高網(wǎng)站設(shè)計(jì)水平。
1網(wǎng)站設(shè)計(jì)的風(fēng)格定位
網(wǎng)站設(shè)計(jì)首先應(yīng)結(jié)合其主題內(nèi)容，確定其形式和風(fēng)格，實(shí)現(xiàn)內(nèi)容和形式的完美結(jié)合，從而獲得良好的宣傳效果。風(fēng)格定位對(duì)整個(gè)網(wǎng)站設(shè)計(jì)都非常重要，如生活類、娛樂(lè)類、經(jīng)濟(jì)類、技術(shù)類、企業(yè)類等類型網(wǎng)站，而不同類型的網(wǎng)站，其風(fēng)格是不同的，所以在網(wǎng)站設(shè)計(jì)中，應(yīng)考慮不同行業(yè)的性質(zhì)，充分體現(xiàn)出不同主題風(fēng)格。通過(guò)合理、科學(xué)的交互方式、先進(jìn)技術(shù)、合理結(jié)構(gòu)布局和色彩，可以幫助用戶快速、熟悉網(wǎng)站操作，吸引用戶的注意力。
1.1布局風(fēng)格
合理的網(wǎng)站布局為用戶瀏覽網(wǎng)站提供方便，也是網(wǎng)站閱讀的重要指引，精心規(guī)劃地網(wǎng)站布局，可以幫助用戶快速找到所需內(nèi)容。網(wǎng)站布局主要有居中、上下、左右等形式，若細(xì)化劃分還包括“田”字形、“品”字形、“廠”字形、“國(guó)”字形等，不同行業(yè)、不同類型的網(wǎng)站可以結(jié)合自身需求，選擇合適的網(wǎng)站布局。
1.2顏色風(fēng)格
某網(wǎng)站以黑色為背景色，利用專業(yè)的flash制圖軟件，結(jié)合網(wǎng)站主題風(fēng)格，以黑色為基礎(chǔ)，雙擊flash快捷圖標(biāo)，進(jìn)入“開(kāi)始頁(yè)面”，該頁(yè)面中包含從模板創(chuàng)建、創(chuàng)建新項(xiàng)目、打開(kāi)最近項(xiàng)目等內(nèi)容，從模板創(chuàng)建中，設(shè)計(jì)人員可選擇測(cè)試、廣告、幻燈片演示文稿等項(xiàng)目；創(chuàng)新新項(xiàng)目中可創(chuàng)建flash項(xiàng)目、flashJavascript文件、動(dòng)作腳本應(yīng)用文件、動(dòng)作腳本文件、flash表單應(yīng)用程序、flash文檔等，在網(wǎng)站設(shè)計(jì)中主要采用flash文檔，單擊flash文檔按鈕，進(jìn)入flash軟件操作界面。整個(gè)操作界面包括七個(gè)部分：活動(dòng)面板、固定面板、舞臺(tái)、時(shí)間軸、工具欄、菜單欄和標(biāo)題欄。新文檔創(chuàng)建以后，其由默認(rèn)來(lái)設(shè)置文檔屬性，具體設(shè)計(jì)過(guò)程中，flash屬性要求不符合默認(rèn)值，這時(shí)設(shè)計(jì)人員應(yīng)結(jié)合網(wǎng)頁(yè)設(shè)計(jì)要求進(jìn)行手動(dòng)修改該，選擇修改—文檔命令，將文檔屬性對(duì)話框打開(kāi)，在這個(gè)對(duì)話框中修改標(biāo)尺單位、幀頻、背景顏色、文檔的尺寸和名稱等參數(shù)，經(jīng)過(guò)修改以后flash文檔適用非線性編輯，對(duì)修改后的文檔屬性進(jìn)行保存。Flash動(dòng)作制作完成以后，利用SWF格式生成flash播放文件，從而在網(wǎng)絡(luò)系統(tǒng)中傳播。選擇文件—設(shè)置的選項(xiàng)，將設(shè)置對(duì)話框打開(kāi)，在類型選項(xiàng)中能夠看出flash為MOV、HQX、EXE、PNG、JPG、GIF、HTML、SWF等格式文件，對(duì)類型的文件中選中復(fù)選框，然后將該格式標(biāo)簽打開(kāi)。然后挑選一些明亮的顏色和黑色形成鮮明對(duì)比，強(qiáng)化視覺(jué)沖擊力，在操作flash制圖軟件時(shí)，以該軟件系統(tǒng)為設(shè)計(jì)平臺(tái)，優(yōu)化顏色設(shè)置。
2網(wǎng)站設(shè)計(jì)的色彩搭配
網(wǎng)站設(shè)計(jì)過(guò)程中，相關(guān)設(shè)計(jì)人員應(yīng)全面把握用戶的心理狀態(tài)，并且結(jié)合色彩搭配原理，網(wǎng)站設(shè)計(jì)中應(yīng)講究藝術(shù)性，注意色彩搭配合理，色彩鮮明，通常情況下色彩鮮艷的網(wǎng)站更容易吸引用戶，然而網(wǎng)站設(shè)計(jì)不能單純利用某一種顏色，使用戶感到乏味、單調(diào)，但是也不能運(yùn)用所有顏色，使用戶感到缺乏協(xié)調(diào)性和統(tǒng)一性，使整個(gè)網(wǎng)站花俏、輕浮。一個(gè)網(wǎng)站應(yīng)保持一種或者兩種主要顏色，不能使用戶感到乏味、單調(diào)，更不能讓用戶迷失方向，相關(guān)設(shè)計(jì)人員應(yīng)充分考慮到網(wǎng)站主題色，在一個(gè)網(wǎng)站中色彩使用應(yīng)避免超過(guò)四種顏色，顏色太多使用戶感到?jīng)]有側(cè)重點(diǎn)和方向感。另外，確定網(wǎng)站的主題色以后，在利用其它配色，協(xié)調(diào)處理主題色和其它配色的關(guān)系，呈現(xiàn)出良好的網(wǎng)站設(shè)計(jì)效果，并且網(wǎng)站色彩搭配應(yīng)和網(wǎng)頁(yè)內(nèi)容協(xié)調(diào)起來(lái)，結(jié)合不同的網(wǎng)頁(yè)內(nèi)容，選擇不同顏色，通過(guò)色彩的合理搭配，充分體現(xiàn)不同網(wǎng)站的特點(diǎn)和特色，突出個(gè)性，設(shè)計(jì)特點(diǎn)鮮明的網(wǎng)站，吸引用戶在網(wǎng)頁(yè)上駐足。
3網(wǎng)站設(shè)計(jì)的網(wǎng)頁(yè)美化結(jié)合
網(wǎng)站主題內(nèi)容，使用PS設(shè)計(jì)軟件，從開(kāi)始菜單中找到AdobeFlashProfessionalCS5.5，單擊打開(kāi)軟件，新建一個(gè)空白文檔，點(diǎn)擊“新建文檔”對(duì)話框中的ActionScript3.0選項(xiàng)，對(duì)話框右邊出現(xiàn)一系列參數(shù)，在此可以設(shè)置文檔的屬性，啟動(dòng)Flashcs5.5的初始界面，利用工具面板、時(shí)間軸面板、屬性面板等拖曳的活動(dòng)面板，利用鼠標(biāo)按住面板的頂部深灰色區(qū)域可以將面板拖動(dòng)到合適的位置，在菜單“窗口”>“工作區(qū)”中可以選擇適合的工作區(qū)環(huán)境，按快捷鍵N鍵，在舞臺(tái)的空白區(qū)域拉出幾根線條，選中線條在“屬性”（Ctrl+F3）上設(shè)置線條的屬性。在屬性面板中，位置和大小指的是線條距離舞臺(tái)左上角的位置。在筆觸選項(xiàng)中設(shè)置線條的顏色、筆觸的粗細(xì)、樣式等，將端點(diǎn)和結(jié)合部設(shè)置為所需要的樣式。在實(shí)際制作中，也經(jīng)常需要將線稿導(dǎo)入到Flash中，然后根據(jù)線稿新建一個(gè)圖層進(jìn)行描線，將線稿轉(zhuǎn)換為Flash文檔，熟練的使用線條工具和選擇工具進(jìn)行描線是動(dòng)畫(huà)師的基本工作，最后使用“文件”>“保存”（Ctrl+S）或者“文件”>“另存為”（Ctrl+Shift+S），保存動(dòng)畫(huà)項(xiàng)目，存成.fla文件。網(wǎng)站設(shè)計(jì)美化應(yīng)堅(jiān)持反復(fù)和條理的原則，形成整體網(wǎng)頁(yè)秩序美，在運(yùn)動(dòng)發(fā)展過(guò)程中實(shí)現(xiàn)一致性和協(xié)調(diào)性，為了使網(wǎng)站主體畫(huà)面有生氣，保持變化性，要通過(guò)合適的對(duì)比方法，使網(wǎng)站各個(gè)部分實(shí)現(xiàn)有效調(diào)和，保持不同元素的平衡和均齊，實(shí)現(xiàn)網(wǎng)頁(yè)中心和動(dòng)態(tài)元素的統(tǒng)一性。
4結(jié)束語(yǔ)
近年來(lái)，計(jì)算機(jī)科學(xué)技術(shù)快速發(fā)展，網(wǎng)站成為人們進(jìn)行網(wǎng)絡(luò)交互的重要門(mén)戶，結(jié)合網(wǎng)站設(shè)計(jì)要求，做好風(fēng)格定位、色彩搭配和網(wǎng)頁(yè)美化，從而設(shè)計(jì)一個(gè)用色協(xié)調(diào)、形象突出、整體性好、使用方便、簡(jiǎn)潔實(shí)用的網(wǎng)站。
參考文獻(xiàn)：
[1]賀冬梅.淺談網(wǎng)站設(shè)計(jì)的風(fēng)格色彩與美化[J].中國(guó)科技信息,2012,06:138-139.
[2]李海燕.網(wǎng)站設(shè)計(jì)色彩協(xié)同與風(fēng)格異同研究[D].合肥工業(yè)大學(xué),2013.
作者：古艷利 單位：天津市先行多媒體網(wǎng)絡(luò)技術(shù)有限公司