網(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è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)布局和色彩,可以幫助用戶快速、熟悉網(wǎng)站操作,吸引用戶的注意力。
1.1布局風(fēng)格
合理的網(wǎng)站布局為用戶瀏覽網(wǎng)站提供方便,也是網(wǎng)站閱讀的重要指引,精心規(guī)劃地網(wǎng)站布局,可以幫助用戶快速找到所需內(nèi)容。網(wǎng)站布局主要有居中、上下、左右等形式,若細(xì)化劃分還包括“田”字形、“品”字形、“廠”字形、“國(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ì)話框打開(kāi),在這個(gè)對(duì)話框中修改標(biāo)尺單位、幀頻、背景顏色、文檔的尺寸和名稱等參數(shù),經(jīng)過(guò)修改以后flash文檔適用非線性編輯,對(duì)修改后的文檔屬性進(jìn)行保存。Flash動(dòng)作制作完成以后,利用SWF格式生成flash播放文件,從而在網(wǎng)絡(luò)系統(tǒng)中傳播。選擇文件—發(fā)布設(shè)置的選項(xiàng),將發(fā)布設(shè)置對(duì)話框打開(kāi),在類(lèi)型選項(xiàng)中能夠看出flash發(fā)布為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)全面把握用戶的心理狀態(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)站設(shè)計(jì)中風(fēng)格色彩及美化探討的論文】相關(guān)文章:
網(wǎng)站設(shè)計(jì)中色彩的作用分析的論文10-15
探討就色彩在園林設(shè)計(jì)中的應(yīng)用論文11-18
標(biāo)志色彩設(shè)計(jì)探討的論文11-10
餐飲空間設(shè)計(jì)中色彩與風(fēng)格相結(jié)合的研究論文10-24
色彩中園林設(shè)計(jì)的應(yīng)用探討論文11-15
風(fēng)景園林設(shè)計(jì)中色彩設(shè)計(jì)探討論文11-10
平面設(shè)計(jì)中色彩的體現(xiàn)技巧探討論文11-19