網站設計中風格色彩及美化探討的論文

網站設計和建設是一門技術也是一門藝術，怎樣設計一個成功、成熟的網站是很多設計人員應該關注、思考的問題。而風格色彩和美化是網站設計的重要內容，在具體設計中應綜合考慮多方面因素，從蒐集資料、網站框架設定、風格定位到各個設計製作環節和最後的優化調試，要認真做好風格色彩和美化，不斷提高網站設計水平。

1網站設計的風格定位

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

1.1佈局風格

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

1.2顏色風格

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

2網站設計的色彩搭配

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

3網站設計的網頁美化

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

4結束語

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

參考文獻:

[1]賀冬梅.淺談網站設計的風格色彩與美化[J].中國科技資訊,2012,06:138-139.

[2]李海燕.網站設計色彩協同與風格異同研究[D].合肥工業大學,2013.