導語：網(wǎng)站設計中風格色彩及美化探討一文來源于網(wǎng)友上傳，不代表本站觀點，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

網(wǎng)站設計和建設是一門技術也是一門藝術，怎樣設計一個成功、成熟的網(wǎng)站是很多設計人員應該關注、思考的問題。而風格色彩和美化是網(wǎng)站設計的重要內(nèi)容，在具體設計中應綜合考慮多方面因素，從搜集資料、網(wǎng)站框架設定、風格定位到各個設計制作環(huán)節(jié)和最后的優(yōu)化調(diào)試，要認真做好風格色彩和美化，不斷提高網(wǎng)站設計水平。

1網(wǎng)站設計的風格定位

網(wǎng)站設計首先應結合其主題內(nèi)容，確定其形式和風格，實現(xiàn)內(nèi)容和形式的完美結合，從而獲得良好的宣傳效果。風格定位對整個網(wǎng)站設計都非常重要，如生活類、娛樂類、經(jīng)濟類、技術類、企業(yè)類等類型網(wǎng)站，而不同類型的網(wǎng)站，其風格是不同的，所以在網(wǎng)站設計中，應考慮不同行業(yè)的性質(zhì)，充分體現(xiàn)出不同主題風格。通過合理、科學的交互方式、先進技術、合理結構布局和色彩，可以幫助用戶快速、熟悉網(wǎng)站操作，吸引用戶的注意力。

1.1布局風格

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

1.2顏色風格

某網(wǎng)站以黑色為背景色，利用專業(yè)的flash制圖軟件，結合網(wǎng)站主題風格，以黑色為基礎，雙擊flash快捷圖標，進入“開始頁面”，該頁面中包含從模板創(chuàng)建、創(chuàng)建新項目、打開最近項目等內(nèi)容，從模板創(chuàng)建中，設計人員可選擇測試、廣告、幻燈片演示文稿等項目；創(chuàng)新新項目中可創(chuàng)建flash項目、flashJavascript文件、動作腳本應用文件、動作腳本文件、flash表單應用程序、flash文檔等，在網(wǎng)站設計中主要采用flash文檔，單擊flash文檔按鈕，進入flash軟件操作界面。整個操作界面包括七個部分：活動面板、固定面板、舞臺、時間軸、工具欄、菜單欄和標題欄。新文檔創(chuàng)建以后，其由默認來設置文檔屬性，具體設計過程中，flash屬性要求不符合默認值，這時設計人員應結合網(wǎng)頁設計要求進行手動修改該，選擇修改—文檔命令，將文檔屬性對話框打開，在這個對話框中修改標尺單位、幀頻、背景顏色、文檔的尺寸和名稱等參數(shù)，經(jīng)過修改以后flash文檔適用非線性編輯，對修改后的文檔屬性進行保存。Flash動作制作完成以后，利用SWF格式生成flash播放文件，從而在網(wǎng)絡系統(tǒng)中傳播。選擇文件—設置的選項，將設置對話框打開，在類型選項中能夠看出flash為MOV、HQX、EXE、PNG、JPG、GIF、HTML、SWF等格式文件，對類型的文件中選中復選框，然后將該格式標簽打開。然后挑選一些明亮的顏色和黑色形成鮮明對比，強化視覺沖擊力，在操作flash制圖軟件時，以該軟件系統(tǒng)為設計平臺，優(yōu)化顏色設置。

2網(wǎng)站設計的色彩搭配

網(wǎng)站設計過程中，相關設計人員應全面把握用戶的心理狀態(tài)，并且結合色彩搭配原理，網(wǎng)站設計中應講究藝術性，注意色彩搭配合理，色彩鮮明，通常情況下色彩鮮艷的網(wǎng)站更容易吸引用戶，然而網(wǎng)站設計不能單純利用某一種顏色，使用戶感到乏味、單調(diào)，但是也不能運用所有顏色，使用戶感到缺乏協(xié)調(diào)性和統(tǒng)一性，使整個網(wǎng)站花俏、輕浮。一個網(wǎng)站應保持一種或者兩種主要顏色，不能使用戶感到乏味、單調(diào)，更不能讓用戶迷失方向，相關設計人員應充分考慮到網(wǎng)站主題色，在一個網(wǎng)站中色彩使用應避免超過四種顏色，顏色太多使用戶感到?jīng)]有側重點和方向感。另外，確定網(wǎng)站的主題色以后，在利用其它配色，協(xié)調(diào)處理主題色和其它配色的關系，呈現(xiàn)出良好的網(wǎng)站設計效果，并且網(wǎng)站色彩搭配應和網(wǎng)頁內(nèi)容協(xié)調(diào)起來，結合不同的網(wǎng)頁內(nèi)容，選擇不同顏色，通過色彩的合理搭配，充分體現(xiàn)不同網(wǎng)站的特點和特色，突出個性，設計特點鮮明的網(wǎng)站，吸引用戶在網(wǎng)頁上駐足。

3網(wǎng)站設計的網(wǎng)頁美化

結合網(wǎng)站主題內(nèi)容，使用PS設計軟件，從開始菜單中找到AdobeFlashProfessionalCS5.5，單擊打開軟件，新建一個空白文檔，點擊“新建文檔”對話框中的ActionScript3.0選項，對話框右邊出現(xiàn)一系列參數(shù)，在此可以設置文檔的屬性，啟動Flashcs5.5的初始界面，利用工具面板、時間軸面板、屬性面板等拖曳的活動面板，利用鼠標按住面板的頂部深灰色區(qū)域可以將面板拖動到合適的位置，在菜單“窗口”>“工作區(qū)”中可以選擇適合的工作區(qū)環(huán)境，按快捷鍵N鍵，在舞臺的空白區(qū)域拉出幾根線條，選中線條在“屬性”（Ctrl+F3）上設置線條的屬性。在屬性面板中，位置和大小指的是線條距離舞臺左上角的位置。在筆觸選項中設置線條的顏色、筆觸的粗細、樣式等，將端點和結合部設置為所需要的樣式。在實際制作中，也經(jīng)常需要將線稿導入到Flash中，然后根據(jù)線稿新建一個圖層進行描線，將線稿轉換為Flash文檔，熟練的使用線條工具和選擇工具進行描線是動畫師的基本工作，最后使用“文件”>“保存”（Ctrl+S）或者“文件”>“另存為”（Ctrl+Shift+S），保存動畫項目，存成.fla文件。網(wǎng)站設計美化應堅持反復和條理的原則，形成整體網(wǎng)頁秩序美，在運動發(fā)展過程中實現(xiàn)一致性和協(xié)調(diào)性，為了使網(wǎng)站主體畫面有生氣，保持變化性，要通過合適的對比方法，使網(wǎng)站各個部分實現(xiàn)有效調(diào)和，保持不同元素的平衡和均齊，實現(xiàn)網(wǎng)頁中心和動態(tài)元素的統(tǒng)一性。

4結束語

近年來，計算機科學技術快速發(fā)展，網(wǎng)站成為人們進行網(wǎng)絡交互的重要門戶，結合網(wǎng)站設計要求，做好風格定位、色彩搭配和網(wǎng)頁美化，從而設計一個用色協(xié)調(diào)、形象突出、整體性好、使用方便、簡潔實用的網(wǎng)站。

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

參考文獻:

[1]賀冬梅.淺談網(wǎng)站設計的風格色彩與美化[J].中國科技信息,2012,06:138-139.

[2]李海燕.網(wǎng)站設計色彩協(xié)同與風格異同研究[D].合肥工業(yè)大學,2013.