導(dǎo)語(yǔ)：網(wǎng)站設(shè)計(jì)中風(fēng)格色彩及美化探討一文來(lái)源于網(wǎng)友上傳，不代表本站觀(guān)點(diǎn)，若需要原創(chuàng)文章可咨詢(xún)客服老師，歡迎參考。

網(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èi)、娛樂(lè)類(lèi)、經(jīng)濟(jì)類(lèi)、技術(shù)類(lèi)、企業(yè)類(lèi)等類(lèi)型網(wǎng)站，而不同類(lèi)型的網(wǎng)站，其風(fēng)格是不同的，所以在網(wǎng)站設(shè)計(jì)中，應(yīng)考慮不同行業(yè)的性質(zhì)，充分體現(xiàn)出不同主題風(fēng)格。通過(guò)合理、科學(xué)的交互方式、先進(jìn)技術(shù)、合理結(jié)構(gòu)布局和色彩，可以幫助用戶(hù)快速、熟悉網(wǎng)站操作，吸引用戶(hù)的注意力。

1.1布局風(fēng)格

合理的網(wǎng)站布局為用戶(hù)瀏覽網(wǎng)站提供方便，也是網(wǎng)站閱讀的重要指引，精心規(guī)劃地網(wǎng)站布局，可以幫助用戶(hù)快速找到所需內(nèi)容。網(wǎng)站布局主要有居中、上下、左右等形式，若細(xì)化劃分還包括“田”字形、“品”字形、“廠(chǎng)”字形、“國(guó)”字形等，不同行業(yè)、不同類(lèi)型的網(wǎng)站可以結(jié)合自身需求，選擇合適的網(wǎng)站布局。

1.2顏色風(fēng)格

某網(wǎng)站以黑色為背景色，利用專(zhuān)業(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ì)話(huà)框打開(kāi)，在這個(gè)對(duì)話(huà)框中修改標(biāo)尺單位、幀頻、背景顏色、文檔的尺寸和名稱(chēng)等參數(shù)，經(jīng)過(guò)修改以后flash文檔適用非線(xiàn)性編輯，對(duì)修改后的文檔屬性進(jìn)行保存。Flash動(dòng)作制作完成以后，利用SWF格式生成flash播放文件，從而在網(wǎng)絡(luò)系統(tǒng)中傳播。選擇文件—設(shè)置的選項(xiàng)，將設(shè)置對(duì)話(huà)框打開(kāi)，在類(lèi)型選項(xiàng)中能夠看出flash為MOV、HQX、EXE、PNG、JPG、GIF、HTML、SWF等格式文件，對(duì)類(lèi)型的文件中選中復(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)全面把握用戶(hù)的心理狀態(tài)，并且結(jié)合色彩搭配原理，網(wǎng)站設(shè)計(jì)中應(yīng)講究藝術(shù)性，注意色彩搭配合理，色彩鮮明，通常情況下色彩鮮艷的網(wǎng)站更容易吸引用戶(hù)，然而網(wǎng)站設(shè)計(jì)不能單純利用某一種顏色，使用戶(hù)感到乏味、單調(diào)，但是也不能運(yùn)用所有顏色，使用戶(hù)感到缺乏協(xié)調(diào)性和統(tǒng)一性，使整個(gè)網(wǎng)站花俏、輕浮。一個(gè)網(wǎng)站應(yīng)保持一種或者兩種主要顏色，不能使用戶(hù)感到乏味、單調(diào)，更不能讓用戶(hù)迷失方向，相關(guān)設(shè)計(jì)人員應(yīng)充分考慮到網(wǎng)站主題色，在一個(gè)網(wǎng)站中色彩使用應(yīng)避免超過(guò)四種顏色，顏色太多使用戶(hù)感到?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)站，吸引用戶(hù)在網(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ì)話(huà)框中的ActionScript3.0選項(xiàng)，對(duì)話(huà)框右邊出現(xiàn)一系列參數(shù)，在此可以設(shè)置文檔的屬性，啟動(dòng)Flashcs5.5的初始界面，利用工具面板、時(shí)間軸面板、屬性面板等拖曳的活動(dòng)面板，利用鼠標(biāo)按住面板的頂部深灰色區(qū)域可以將面板拖動(dòng)到合適的位置，在菜單“窗口”>“工作區(qū)”中可以選擇適合的工作區(qū)環(huán)境，按快捷鍵N鍵，在舞臺(tái)的空白區(qū)域拉出幾根線(xiàn)條，選中線(xiàn)條在“屬性”（Ctrl+F3）上設(shè)置線(xiàn)條的屬性。在屬性面板中，位置和大小指的是線(xiàn)條距離舞臺(tái)左上角的位置。在筆觸選項(xiàng)中設(shè)置線(xiàn)條的顏色、筆觸的粗細(xì)、樣式等，將端點(diǎn)和結(jié)合部設(shè)置為所需要的樣式。在實(shí)際制作中，也經(jīng)常需要將線(xiàn)稿導(dǎo)入到Flash中，然后根據(jù)線(xiàn)稿新建一個(gè)圖層進(jìn)行描線(xiàn)，將線(xiàn)稿轉(zhuǎn)換為Flash文檔，熟練的使用線(xiàn)條工具和選擇工具進(jìn)行描線(xià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)戶(hù)，結(jié)合網(wǎng)站設(shè)計(jì)要求，做好風(fēng)格定位、色彩搭配和網(wǎng)頁(yè)美化，從而設(shè)計(jì)一個(gè)用色協(xié)調(diào)、形象突出、整體性好、使用方便、簡(jiǎn)潔實(shí)用的網(wǎng)站。

作者:古艷利 李鋼 單位:天津市先行多媒體網(wǎng)絡(luò)技術(shù)有限公司

參考文獻(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.