網(wǎng)站設(shè)計中風(fēng)格色彩及美化探討的論文
網(wǎng)站設(shè)計和建設(shè)是一門技術(shù)也是一門藝術(shù)，怎樣設(shè)計一個成功、成熟的網(wǎng)站是很多設(shè)計人員應(yīng)該關(guān)注、思考的問題。而風(fēng)格色彩和美化是網(wǎng)站設(shè)計的重要內(nèi)容，在具體設(shè)計中應(yīng)綜合考慮多方面因素，從搜集資料、網(wǎng)站框架設(shè)定、風(fēng)格定位到各個設(shè)計制作環(huán)節(jié)和最后的優(yōu)化調(diào)試，要認(rèn)真做好風(fēng)格色彩和美化，不斷提高網(wǎng)站設(shè)計水平。
1網(wǎng)站設(shè)計的風(fēng)格定位
網(wǎng)站設(shè)計首先應(yīng)結(jié)合其主題內(nèi)容，確定其形式和風(fēng)格，實(shí)現(xiàn)內(nèi)容和形式的完美結(jié)合，從而獲得良好的宣傳效果。風(fēng)格定位對整個網(wǎng)站設(shè)計都非常重要，如生活類、娛樂類、經(jīng)濟(jì)類、技術(shù)類、企業(yè)類等類型網(wǎng)站，而不同類型的網(wǎng)站，其風(fēng)格是不同的，所以在網(wǎng)站設(shè)計中，應(yīng)考慮不同行業(yè)的性質(zhì)，充分體現(xiàn)出不同主題風(fēng)格。通過合理、科學(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ì)化劃分還包括“田”字形、“品”字形、“廠”字形、“國”字形等，不同行業(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)入“開始頁面”，該頁面中包含從模板創(chuàng)建、創(chuàng)建新項(xiàng)目、打開最近項(xiàng)目等內(nèi)容，從模板創(chuàng)建中，設(shè)計人員可選擇測試、廣告、幻燈片演示文稿等項(xiàng)目；創(chuàng)新新項(xiàng)目中可創(chuàng)建flash項(xiàng)目、flashJavascript文件、動作腳本應(yīng)用文件、動作腳本文件、flash表單應(yīng)用程序、flash文檔等，在網(wǎng)站設(shè)計中主要采用flash文檔，單擊flash文檔按鈕，進(jìn)入flash軟件操作界面。整個操作界面包括七個部分：活動面板、固定面板、舞臺、時間軸、工具欄、菜單欄和標(biāo)題欄。新文檔創(chuàng)建以后，其由默認(rèn)來設(shè)置文檔屬性，具體設(shè)計過程中，flash屬性要求不符合默認(rèn)值，這時設(shè)計人員應(yīng)結(jié)合網(wǎng)頁設(shè)計要求進(jìn)行手動修改該，選擇修改—文檔命令，將文檔屬性對話框打開，在這個對話框中修改標(biāo)尺單位、幀頻、背景顏色、文檔的尺寸和名稱等參數(shù)，經(jīng)過修改以后flash文檔適用非線性編輯，對修改后的文檔屬性進(jìn)行保存。Flash動作制作完成以后，利用SWF格式生成flash播放文件，從而在網(wǎng)絡(luò)系統(tǒng)中傳播。選擇文件—發(fā)布設(shè)置的選項(xiàng)，將發(fā)布設(shè)置對話框打開，在類型選項(xiàng)中能夠看出flash發(fā)布為MOV、HQX、EXE、PNG、JPG、GIF、HTML、SWF等格式文件，對類型的'文件中選中復(fù)選框，然后將該格式標(biāo)簽打開。然后挑選一些明亮的顏色和黑色形成鮮明對比，強(qiáng)化視覺沖擊力，在操作flash制圖軟件時，以該軟件系統(tǒng)為設(shè)計平臺，優(yōu)化顏色設(shè)置。
2網(wǎng)站設(shè)計的色彩搭配
網(wǎng)站設(shè)計過程中，相關(guān)設(shè)計人員應(yīng)全面把握用戶的心理狀態(tài)，并且結(jié)合色彩搭配原理，網(wǎng)站設(shè)計中應(yīng)講究藝術(shù)性，注意色彩搭配合理，色彩鮮明，通常情況下色彩鮮艷的網(wǎng)站更容易吸引用戶，然而網(wǎng)站設(shè)計不能單純利用某一種顏色，使用戶感到乏味、單調(diào)，但是也不能運(yùn)用所有顏色，使用戶感到缺乏協(xié)調(diào)性和統(tǒng)一性，使整個網(wǎng)站花俏、輕浮。一個網(wǎng)站應(yīng)保持一種或者兩種主要顏色，不能使用戶感到乏味、單調(diào)，更不能讓用戶迷失方向，相關(guān)設(shè)計人員應(yīng)充分考慮到網(wǎng)站主題色，在一個網(wǎng)站中色彩使用應(yīng)避免超過四種顏色，顏色太多使用戶感到?jīng)]有側(cè)重點(diǎn)和方向感。另外，確定網(wǎng)站的主題色以后，在利用其它配色，協(xié)調(diào)處理主題色和其它配色的關(guān)系，呈現(xiàn)出良好的網(wǎng)站設(shè)計效果，并且網(wǎng)站色彩搭配應(yīng)和網(wǎng)頁內(nèi)容協(xié)調(diào)起來，結(jié)合不同的網(wǎng)頁內(nèi)容，選擇不同顏色，通過色彩的合理搭配，充分體現(xiàn)不同網(wǎng)站的特點(diǎn)和特色，突出個性，設(shè)計特點(diǎn)鮮明的網(wǎng)站，吸引用戶在網(wǎng)頁上駐足。
3網(wǎng)站設(shè)計的網(wǎng)頁美化
結(jié)合網(wǎng)站主題內(nèi)容，使用PS設(shè)計軟件，從開始菜單中找到AdobeFlashProfessionalCS5.5，單擊打開軟件，新建一個空白文檔，點(diǎn)擊“新建文檔”對話框中的ActionScript3.0選項(xiàng)，對話框右邊出現(xiàn)一系列參數(shù)，在此可以設(shè)置文檔的屬性，啟動Flashcs5.5的初始界面，利用工具面板、時間軸面板、屬性面板等拖曳的活動面板，利用鼠標(biāo)按住面板的頂部深灰色區(qū)域可以將面板拖動到合適的位置，在菜單“窗口”>“工作區(qū)”中可以選擇適合的工作區(qū)環(huán)境，按快捷鍵N鍵，在舞臺的空白區(qū)域拉出幾根線條，選中線條在“屬性”（Ctrl+F3）上設(shè)置線條的屬性。在屬性面板中，位置和大小指的是線條距離舞臺左上角的位置。在筆觸選項(xiàng)中設(shè)置線條的顏色、筆觸的粗細(xì)、樣式等，將端點(diǎn)和結(jié)合部設(shè)置為所需要的樣式。在實(shí)際制作中，也經(jīng)常需要將線稿導(dǎo)入到Flash中，然后根據(jù)線稿新建一個圖層進(jìn)行描線，將線稿轉(zhuǎn)換為Flash文檔，熟練的使用線條工具和選擇工具進(jìn)行描線是動畫師的基本工作，最后使用“文件”>“保存”（Ctrl+S）或者“文件”>“另存為”（Ctrl+Shift+S），保存動畫項(xiàng)目，存成.fla文件。網(wǎng)站設(shè)計美化應(yīng)堅持反復(fù)和條理的原則，形成整體網(wǎng)頁秩序美，在運(yùn)動發(fā)展過程中實(shí)現(xiàn)一致性和協(xié)調(diào)性，為了使網(wǎng)站主體畫面有生氣，保持變化性，要通過合適的對比方法，使網(wǎng)站各個部分實(shí)現(xiàn)有效調(diào)和，保持不同元素的平衡和均齊，實(shí)現(xiàn)網(wǎng)頁中心和動態(tài)元素的統(tǒng)一性。
4結(jié)束語
近年來，計算機(jī)科學(xué)技術(shù)快速發(fā)展，網(wǎng)站成為人們進(jìn)行網(wǎng)絡(luò)交互的重要門戶，結(jié)合網(wǎng)站設(shè)計要求，做好風(fēng)格定位、色彩搭配和網(wǎng)頁美化，從而設(shè)計一個用色協(xié)調(diào)、形象突出、整體性好、使用方便、簡潔實(shí)用的網(wǎng)站。
參考文獻(xiàn):
[1]賀冬梅.淺談網(wǎng)站設(shè)計的風(fēng)格色彩與美化[J].中國科技信息,2012,06:138-139.
[2]李海燕.網(wǎng)站設(shè)計色彩協(xié)同與風(fēng)格異同研究[D].合肥工業(yè)大學(xué),2013.
【網(wǎng)站設(shè)計中風(fēng)格色彩及美化探討的論文】相關(guān)文章：
3.美化表格說課稿
4.色彩搭配在網(wǎng)站設(shè)計的應(yīng)用論文
5.動態(tài)網(wǎng)站設(shè)計的色彩應(yīng)用論文
8.美化生活議論文
本文來源：http://www.nvnqwx.com/shiyongwen/2783463.htm