時(shí)間：2023-07-31 17:25:00
開篇：寫作不僅是一種記錄，更是一種創(chuàng)造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網(wǎng)頁設(shè)計(jì)方案，希望這些內(nèi)容能成為您創(chuàng)作過程中的良師益友，陪伴您不斷探索和進(jìn)步。
所謂原型，可以理解為外化的心智活動(dòng)的實(shí)踐模式。本研究認(rèn)為，網(wǎng)頁設(shè)計(jì)心智技能的形成同樣要經(jīng)歷上述3個(gè)階段。而“原型”作為貫穿心智技能形成的核心，其建構(gòu)意義重大。本文的先期研究在對(duì)已經(jīng)具備了網(wǎng)頁設(shè)計(jì)心智技能的熟手問卷調(diào)查基礎(chǔ)上，利用“心理模擬法”創(chuàng)擬了“網(wǎng)頁設(shè)計(jì)活動(dòng)原型”，本研究將討論如何利用該原型展開三階段的培養(yǎng)。對(duì)學(xué)生而言，網(wǎng)頁設(shè)計(jì)活動(dòng)的原型定向往往需要教師的示范和講解，那么教師首先應(yīng)該使學(xué)生明確網(wǎng)頁設(shè)計(jì)活動(dòng)原型的結(jié)構(gòu)、各個(gè)環(huán)節(jié)的操作原則及必要性并利用腳手架支持的問題來驅(qū)動(dòng)啟發(fā)學(xué)生的主動(dòng)性和自覺性；然后按照原型正確示范和講解完成某一網(wǎng)站建設(shè)任務(wù)的完整過程。這里需要強(qiáng)調(diào)的是，教師需要將原型中每一個(gè)心智動(dòng)作詳細(xì)展開。原型定向階段的教學(xué)，只是網(wǎng)頁設(shè)計(jì)活動(dòng)心智技能教學(xué)的開端，要使學(xué)生真正形成心智技能，還需要 進(jìn)行實(shí)際操作。學(xué)生利用上述在定向階段形成的原型，親自從事某一網(wǎng)頁設(shè)計(jì)活動(dòng)，將在頭腦中建立起來的活動(dòng)程序計(jì)劃以外顯的方式付諸執(zhí)行。
在這個(gè)階段，應(yīng)該借助腳手架支持問題來驅(qū)動(dòng)學(xué)生利用原型，把構(gòu)成這一活動(dòng)的所有動(dòng)作系列，依照一定的順序作出不能遺漏和缺失，教師可以提出以下要求：①要根據(jù)“原型“嚴(yán)格遵循動(dòng)作序列逐一執(zhí)行，及時(shí)檢查和矯正動(dòng)作的執(zhí)行情況；②學(xué)生在實(shí)踐模式的每個(gè)環(huán)節(jié)提交一些階段性材料或者記錄一些完成過程來保證是按照實(shí)踐模式的步驟完成任務(wù)的；③建議學(xué)生將動(dòng)作執(zhí)行和言語相結(jié)合，邊說邊做。網(wǎng)頁設(shè)計(jì)心智技能的原型內(nèi)化階段是將上述實(shí)踐模式向頭腦內(nèi)部轉(zhuǎn)化的過程，表現(xiàn)為學(xué)生從事網(wǎng)站建設(shè)任務(wù)時(shí)可以離開實(shí)踐模式，借助語言指導(dǎo)來完成。學(xué)生只有在多種不同的實(shí)踐條件下反復(fù)進(jìn)行網(wǎng)站建設(shè)的具體活動(dòng)，才能不斷從原型中抽取本質(zhì)的東西，最后形成普遍適用于不同實(shí)踐條件的原型（心智技能），只有到這一步心智技能才算真正形成。
二、一個(gè)充分體現(xiàn)心智技能三階段理論的PBLEs設(shè)計(jì)
在網(wǎng)頁心智技能培養(yǎng)三階段理論的指導(dǎo)下，學(xué)習(xí)環(huán)境設(shè)計(jì)比較合理的安排是：首先依托一個(gè)充分體現(xiàn)原型的范例講解和操作，完成活動(dòng)原型中蘊(yùn)含的相關(guān)知識(shí)和操作流程的講解，初步形成“原型定向”。這一階段教師應(yīng)該關(guān)注腳手架支持的問題設(shè)計(jì)。然后，實(shí)施基于項(xiàng)目的學(xué)習(xí)，指導(dǎo)學(xué)生利用課后時(shí)間自主完成幾項(xiàng)網(wǎng)站建設(shè)的綜合任務(wù)，將原型進(jìn)行操作和內(nèi)化，最終使學(xué)生具備網(wǎng)頁設(shè)計(jì)心智技能。下面就從“原型定向”階段PBLEs設(shè)計(jì)最關(guān)注的腳手架支持問題展開敘述。在“原型定向”階段，教師需要提取“網(wǎng)頁設(shè)計(jì)活動(dòng)基本原型”中的4個(gè)核心環(huán)節(jié)，然后把這4個(gè)核心環(huán)節(jié)中蘊(yùn)含的相關(guān)知識(shí)和操作流程設(shè)計(jì)成腳手架支持的問題，繼而通過教師逐步示范和講解一系列問題的解決過程，完成網(wǎng)頁設(shè)計(jì)活動(dòng)的定向。
例如，附件網(wǎng)頁設(shè)計(jì)活動(dòng)原型定向階段PBLEs設(shè)計(jì)方案中，對(duì)應(yīng)“網(wǎng)站方案設(shè)計(jì)環(huán)節(jié)”的學(xué)習(xí)內(nèi)容，將其轉(zhuǎn)化成9個(gè)具體的腳手架問題。它們分別對(duì)應(yīng)網(wǎng)站建設(shè)過程中“需求分析”、“系統(tǒng)分析”、“風(fēng)格設(shè)計(jì)”、“UI版面初步布局”、“色彩定位”及“網(wǎng)站建設(shè)日程規(guī)劃”等重要學(xué)習(xí)內(nèi)容。這些腳手架支持的問題是以完成“網(wǎng)站方案設(shè)計(jì)”這一環(huán)節(jié)為驅(qū)動(dòng)力而提出的，將引發(fā)和維持學(xué)生在該學(xué)習(xí)階段中的學(xué)習(xí)興趣和動(dòng)機(jī)，引導(dǎo)他們帶著明確的問題與目標(biāo)，模仿教師的示范行為，開展真實(shí)的問題解決過程。在腳手架支持的問題設(shè)計(jì)方面，教師需要依據(jù)學(xué)生能力臨近發(fā)展水平，問題難度要居于該臨近發(fā)展區(qū)內(nèi)，這樣學(xué)生就可以調(diào)動(dòng)己有的網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)及操作技能等認(rèn)知經(jīng)驗(yàn)來解決當(dāng)前面臨的腳手架問題。
網(wǎng)頁設(shè)計(jì)活動(dòng)是一個(gè)漸進(jìn)過程，腳手架支持的問題是依照這個(gè)漸進(jìn)過程的發(fā)展順序提出的，難度一般是逐級(jí)升高。因此，在設(shè)計(jì)這些腳手架支持的問題時(shí)，還需要注意合理安排難點(diǎn)和重點(diǎn)、考慮子任務(wù)的大小、所需知識(shí)技能含量、相關(guān)影響因素等多個(gè)方面。根據(jù)問題的難度，我們提供了支持指導(dǎo)、相關(guān)案例、輔助資料等，并創(chuàng)設(shè)必要的實(shí)踐條件，使問題解決具有操作性。這一階段，還要求教師關(guān)注各個(gè)問題解決的策略選擇和轉(zhuǎn)換的講解、示范及獨(dú)立、協(xié)作及競(jìng)爭(zhēng)等組織策略的合理運(yùn)用。而學(xué)生則以教師演示的優(yōu)秀范例為榜樣，利用大量的相關(guān)案例、信息資源、認(rèn)知工具、協(xié)作工具及境脈等展開原型的定向?qū)W習(xí)。事實(shí)上，教師演示如何根據(jù)客戶要求完成網(wǎng)站建設(shè)任務(wù)的過程就充分體現(xiàn)了網(wǎng)頁設(shè)計(jì)活動(dòng)原型的范例，這將給予學(xué)生解決問題的邏輯結(jié)構(gòu)和方法過程，它包含了一種內(nèi)在的邏輯，為學(xué)生提供了支架，通過對(duì)范例的學(xué)習(xí)，學(xué)生可以模仿其中的路徑和方法，從而完成原型的定向。
在原型的操作階段，比較適合采用基于項(xiàng)目的學(xué)習(xí)方式，即教師布置幾個(gè)不同的網(wǎng)站建設(shè)任務(wù)，以完成作品為驅(qū)動(dòng)，通過一系列腳手架支持的問題來引導(dǎo)學(xué)生利用上一階段獲得的網(wǎng)頁設(shè)計(jì)活動(dòng)原型完成網(wǎng)站建設(shè)。這一階段要求學(xué)生依照一定的順序，不能遺漏和缺失地作出原型定向中的所有動(dòng)作系列。該階段的重點(diǎn)在于任務(wù)的設(shè)計(jì)，我們?cè)O(shè)計(jì)了以“個(gè)人網(wǎng)站”、“品牌推廣網(wǎng)站”及“公司企業(yè)網(wǎng)站”為主題的具體項(xiàng)目。這3個(gè)項(xiàng)目的難度逐級(jí)升高，有一定的挑戰(zhàn)性。教師還需要提供支持指導(dǎo)和輔助材料，并創(chuàng)設(shè)必要的實(shí)踐條件，使任務(wù)具有可操作性，這樣，學(xué)習(xí)者就能夠在實(shí)踐中掌握問題解決技能和方法。在原型內(nèi)化階段，學(xué)生所從事的網(wǎng)站建設(shè)任務(wù)是可以離開實(shí)踐模式的。教師需要為學(xué)生提供在多種不同的實(shí)踐條件下反復(fù)進(jìn)行網(wǎng)站建設(shè)活動(dòng)的機(jī)會(huì)。例如，我們?cè)O(shè)計(jì)了以“小組為團(tuán)隊(duì)”，為本學(xué)院設(shè)計(jì)制作一個(gè)學(xué)院網(wǎng)站這一具體任務(wù)，期望學(xué)生通過不同的實(shí)踐過程，不斷的從操作原型中抽取更本質(zhì)的東西，最后形成普遍適用于不同實(shí)踐條件的心智技能。案例：網(wǎng)頁設(shè)計(jì)活動(dòng)原型定向階段的腳手架支持問題設(shè)計(jì)。
客戶要求：XX化妝品公司預(yù)借助互聯(lián)網(wǎng)塑造良好的企業(yè)和產(chǎn)品形象，提高品牌知名度、美譽(yù)度和特色度。針對(duì)這這次品牌推廣，我公司公開競(jìng)標(biāo)，請(qǐng)有合作意向的設(shè)計(jì)團(tuán)隊(duì)于本月底之前提交設(shè)計(jì)方案及網(wǎng)站一稿，我方將從提交的方案和初稿中挑選出最滿意的設(shè)計(jì)，并與其設(shè)計(jì)團(tuán)隊(duì)正式簽約，預(yù)付30％的定金。同時(shí)，我們將提供企業(yè)LOGO、廣告語、企業(yè)品牌發(fā)展歷史、品牌產(chǎn)品的圖片，推廣活動(dòng)視頻等資料。學(xué)習(xí)目的：學(xué)生通過觀察、模仿學(xué)習(xí)教師是如何根據(jù)客戶要求完成網(wǎng)站建設(shè)任務(wù)的完整過程。腳手架支持的問題設(shè)計(jì)：
（1）網(wǎng)站方案設(shè)計(jì)環(huán)節(jié)的學(xué)習(xí)。腳手架支持的問題：①接到企業(yè)網(wǎng)站建設(shè)任務(wù)后，作為網(wǎng)頁設(shè)計(jì)師的我們首先要作什么？②如何與客戶溝通，提取與網(wǎng)站任務(wù)相關(guān)的關(guān)鍵詞，解讀網(wǎng)站主題，分析市場(chǎng)前景？③從哪些方面分析目標(biāo)用戶群體特征？④如何結(jié)合網(wǎng)站主題、目標(biāo)用戶群體特征、企業(yè)機(jī)構(gòu)已有VI色彩特征、客戶提供的原始素材等確定網(wǎng)站的主色？⑤鑒于主色，如何依據(jù)色彩設(shè)計(jì)原則（互補(bǔ)色，分裂互補(bǔ)三色組，類似色搭配原則等），確定網(wǎng)站整體的色彩定位？⑥如何根據(jù)網(wǎng)站主題和信息量大小，結(jié)合布局特征，選擇適用的UI版面布局？⑦結(jié)合客戶的要求及公司或機(jī)構(gòu)的性質(zhì)，如何對(duì)網(wǎng)站的功能模塊進(jìn)行規(guī)劃設(shè)計(jì)，繪制出網(wǎng)站層次結(jié)構(gòu)圖，描述各功能模塊及作用？⑧如何展開網(wǎng)站的風(fēng)格設(shè)計(jì)？你了解常用的網(wǎng)站風(fēng)格設(shè)計(jì)原則嗎？⑨結(jié)合上述分析，如何撰寫網(wǎng)站設(shè)計(jì)方案？
（2）主要頁面效果的設(shè)計(jì)與制作環(huán)節(jié)的學(xué)習(xí)。腳手架支持的問題：①根據(jù)網(wǎng)站設(shè)計(jì)方案中確定的頁面尺寸，色彩定位，UI版面布局設(shè)計(jì)，風(fēng)格設(shè)計(jì)，功能模塊設(shè)計(jì)等信息，利用“PhotoShop”完成頁面效果圖設(shè)計(jì)的步驟和方法是什么？②利用“Firework”制作網(wǎng)頁切片的技巧和原則是什么？
（3）基于Htnl＋CSS技術(shù)的網(wǎng)頁基本制作環(huán)節(jié)的學(xué)習(xí)。腳手架支持的問題：專家熟手利用html＋CSS技術(shù)制作網(wǎng)頁有什么技巧？在制作過程可能遇到什么樣的難題，該如何應(yīng)對(duì)？
（4）網(wǎng)頁動(dòng)畫效果設(shè)計(jì)與制作環(huán)節(jié)的學(xué)習(xí)。腳手架支持的問題：①如何利用JavaScript或Flash技術(shù)炫動(dòng)你的網(wǎng)頁？給頁面添加動(dòng)畫的時(shí)候有什么需要注意的地方？②完整的較為準(zhǔn)確的三維動(dòng)畫建模創(chuàng)作流程是怎樣的？③三維動(dòng)畫建模活動(dòng)中，“創(chuàng)意構(gòu)思”、“模型設(shè)計(jì)”及“模型制作”這3個(gè)關(guān)鍵環(huán)節(jié)的目的、過程及階段性成果分別是什么？任務(wù)活動(dòng)：結(jié)合自己的建模經(jīng)驗(yàn)說明三維動(dòng)畫建模活動(dòng)的完整流程，然后小組交流。問題思考：①如何進(jìn)行創(chuàng)意構(gòu)思？②如何進(jìn)行模型設(shè)計(jì)？③如何進(jìn)行模型制作？任務(wù)活動(dòng)：①仔細(xì)聆聽教師的范例講解，然后借助因特網(wǎng)資料展開品牌場(chǎng)景的創(chuàng)意構(gòu)思、設(shè)計(jì)與制作的活動(dòng)，創(chuàng)建場(chǎng)景模型形成階段性成果和建模作品；②交流和評(píng)價(jià)其他人的作品，通過競(jìng)爭(zhēng)選出3個(gè)最優(yōu)秀的場(chǎng)景模型。范例講解：展示了完成企業(yè)品牌場(chǎng)景任務(wù)的建模過程（審題、構(gòu)思、設(shè)計(jì)、制作）。
三、結(jié)語
關(guān)鍵詞 網(wǎng)頁設(shè)計(jì) UI界面設(shè)計(jì) 教學(xué)分析
Abstract In the current higher education in the process of multimedia web design is a very important part， but also the required course of professional web design， with the help of a very important role in improving students' ability of web design. In the teaching process of modern web design courses， improve the teaching effect of the course is to promote the further development of web design， students' ability， should be UI interface design teaching， thus to cultivate students' ability to design better. This paper analyzes the UI interface design teaching in multimedia web design course teaching.
Keywords web design； UI interface design； teaching analysis
隨著現(xiàn)代網(wǎng)絡(luò)技術(shù)不斷發(fā)展，社會(huì)上對(duì)網(wǎng)頁設(shè)計(jì)人才也有著越來越大的需求，因此在高校教育過程中加強(qiáng)網(wǎng)頁設(shè)計(jì)課程教學(xué)，對(duì)網(wǎng)頁設(shè)計(jì)專業(yè)人才進(jìn)行培養(yǎng)具有十分重要的作用及意義。就當(dāng)前網(wǎng)頁設(shè)計(jì)課程教學(xué)實(shí)際情況而言，UI界面設(shè)計(jì)教學(xué)已經(jīng)成為十分重要的一項(xiàng)內(nèi)容，可在很大程度上提高學(xué)生設(shè)計(jì)能力，促進(jìn)網(wǎng)頁設(shè)計(jì)教學(xué)進(jìn)一步發(fā)展。作為網(wǎng)頁設(shè)計(jì)課程教師，應(yīng)當(dāng)充分認(rèn)識(shí)UI界面設(shè)計(jì)教學(xué)的重要性，并且要通過有效方法及策略加強(qiáng)UI界面設(shè)計(jì)教學(xué)，使其得到理想效果。
1 網(wǎng)頁設(shè)計(jì)課程中UI界面設(shè)計(jì)教學(xué)的重要性分析
首先，UI設(shè)計(jì)教學(xué)使網(wǎng)頁設(shè)計(jì)實(shí)踐中視覺傳達(dá)設(shè)計(jì)理論的不適性得以有效解決。對(duì)于傳統(tǒng)視覺設(shè)計(jì)理論而言，其研究對(duì)象主要為靜止媒介中相關(guān)視覺現(xiàn)象及規(guī)律，其代表主要就是形式、色彩以及圖形與文字等一些基礎(chǔ)理論課程，其視覺對(duì)象大部分都屬于二維空間，其基礎(chǔ)為視覺感官刺激，是一種信息傳遞設(shè)計(jì)。相比于傳統(tǒng)視覺傳達(dá)設(shè)計(jì)而言，網(wǎng)頁設(shè)計(jì)的承載媒介與其存在本質(zhì)差異，與靜止媒介相比較而言，網(wǎng)絡(luò)媒介在形式上具備光影效果強(qiáng)化，同時(shí)還具備運(yùn)動(dòng)現(xiàn)象參與以及交互行為主導(dǎo)，在網(wǎng)頁設(shè)計(jì)過程中以靜止形態(tài)為基礎(chǔ)的版式和視覺流程原理兩者之間有嚴(yán)重不適情況出現(xiàn)，網(wǎng)頁設(shè)計(jì)涉及到聽覺、視覺及觸覺等多種感覺渠道，因此在網(wǎng)頁設(shè)計(jì)實(shí)踐過程中單獨(dú)利用傳統(tǒng)視覺設(shè)計(jì)理論很難對(duì)其進(jìn)行指導(dǎo)，而UI設(shè)計(jì)理念的應(yīng)用能夠使這一情況得以很好解決。
其次，UI設(shè)計(jì)教學(xué)使網(wǎng)頁設(shè)計(jì)方法及設(shè)計(jì)效果具有更加明確的驗(yàn)證方式。對(duì)于設(shè)計(jì)類課程而言，其核心內(nèi)容就是通^對(duì)學(xué)生進(jìn)行啟發(fā)，使其對(duì)設(shè)計(jì)進(jìn)行思考及實(shí)踐，這樣才能夠使設(shè)計(jì)教育產(chǎn)生更加實(shí)際的價(jià)值。在UI設(shè)計(jì)理論體系中，其核心目標(biāo)為用戶，也就是對(duì)用戶進(jìn)行研究，從而對(duì)設(shè)計(jì)更好服務(wù)于用戶進(jìn)行研究，在學(xué)生將網(wǎng)站項(xiàng)目作為互聯(lián)網(wǎng)產(chǎn)品實(shí)行設(shè)計(jì)訓(xùn)練情況下，課堂教學(xué)中的各個(gè)方面均將會(huì)更加明確，并且在實(shí)行設(shè)計(jì)實(shí)踐過程中，也就能夠在情感上對(duì)所選擇設(shè)計(jì)方法合理性更加容易理解。在UI設(shè)計(jì)過程中提出信息架構(gòu)有關(guān)理論，這一理論使網(wǎng)站信息結(jié)構(gòu)設(shè)計(jì)具有更加可靠方法，并且在設(shè)計(jì)網(wǎng)站導(dǎo)航系統(tǒng)、標(biāo)識(shí)系統(tǒng)以及檢索系統(tǒng)與組織系統(tǒng)過程中，可使設(shè)計(jì)人員責(zé)任及實(shí)施方法更加明晰。另外，在UI設(shè)計(jì)中引入用戶測(cè)試，在檢驗(yàn)網(wǎng)頁設(shè)計(jì)方案使用方面具有更加系統(tǒng)的方法，根據(jù)具有較強(qiáng)代表性的客戶對(duì)方案的最終可行性設(shè)計(jì)進(jìn)行測(cè)試，也就是對(duì)其最終目標(biāo)進(jìn)行測(cè)試。
第三，UI設(shè)計(jì)教學(xué)能夠使網(wǎng)頁設(shè)計(jì)課程更好應(yīng)用于網(wǎng)頁設(shè)計(jì)教學(xué)。對(duì)于UI設(shè)計(jì)理論教學(xué)而言，其對(duì)網(wǎng)頁技術(shù)課程和網(wǎng)頁技術(shù)課程兩者之間界定進(jìn)行明確，可使設(shè)計(jì)人員對(duì)設(shè)計(jì)更加專注地進(jìn)行思考及實(shí)踐，而不必對(duì)程序進(jìn)行考慮，同時(shí)隨著當(dāng)前網(wǎng)頁制作工具逐漸向集成化及人性化發(fā)展，在面對(duì)設(shè)計(jì)對(duì)象中，通過復(fù)雜功能可使設(shè)計(jì)過程更加簡(jiǎn)單化。在課堂實(shí)際教學(xué)過程中，應(yīng)當(dāng)使學(xué)生對(duì)當(dāng)前網(wǎng)頁制作技術(shù)能夠達(dá)到的效果有所了解，并且要了解一些基礎(chǔ)操作代碼，這在實(shí)際教學(xué)過程中對(duì)不同層次學(xué)生分配不同任務(wù)十分有利，可使因材施教得以真正實(shí)現(xiàn)，并且對(duì)于課程中的主要任務(wù)，可將其定位于教學(xué)設(shè)計(jì)方法，可對(duì)設(shè)計(jì)任務(wù)的驅(qū)動(dòng)性及設(shè)計(jì)實(shí)踐參與進(jìn)一步強(qiáng)調(diào)，可使學(xué)生了解設(shè)計(jì)并非僅僅為簡(jiǎn)單制作。①②
2 當(dāng)前網(wǎng)頁設(shè)計(jì)課程中UI設(shè)計(jì)教學(xué)現(xiàn)狀分析
就當(dāng)前實(shí)際情況而言，UI設(shè)計(jì)課程仍屬于前沿學(xué)科，由于當(dāng)前UI設(shè)計(jì)專業(yè)就業(yè)形勢(shì)比較良好，很多高校均開設(shè)UI設(shè)計(jì)專業(yè)課程，從而使UI設(shè)計(jì)課程教學(xué)得到良好發(fā)展。然而，當(dāng)前我國(guó)UI設(shè)計(jì)產(chǎn)業(yè)仍不夠完善，當(dāng)前很多人對(duì)UI設(shè)計(jì)認(rèn)識(shí)仍處于較淺層次，因而當(dāng)前高校內(nèi)UI設(shè)計(jì)教學(xué)仍缺乏完善系統(tǒng)，其具體體現(xiàn)主要表現(xiàn)在以下方面：
第一，UI設(shè)計(jì)課程與網(wǎng)頁設(shè)計(jì)課程結(jié)合程度比較低。對(duì)于UI設(shè)計(jì)課程而言，其中包含很多網(wǎng)頁設(shè)計(jì)方面的相關(guān)知識(shí)點(diǎn)，然而很多高校在對(duì)UI設(shè)計(jì)課程進(jìn)行設(shè)計(jì)時(shí)與其它課程之間出現(xiàn)脫節(jié)情況，其所導(dǎo)致結(jié)果就是學(xué)生無法對(duì)該課程知識(shí)較好地進(jìn)行系統(tǒng)性學(xué)習(xí)。
第二，UI設(shè)計(jì)課程設(shè)置缺乏實(shí)踐性。對(duì)于UI設(shè)計(jì)課程而言，其實(shí)踐性比較強(qiáng)，然而當(dāng)前很多院校在實(shí)際教學(xué)過程中往往存在定位不清楚情況，其所造成結(jié)果及時(shí)學(xué)生未能夠?qū)ο嚓P(guān)專業(yè)知識(shí)進(jìn)行較系統(tǒng)學(xué)習(xí)，導(dǎo)致其在今后社會(huì)就業(yè)過程中缺乏應(yīng)有技能。
第三，教師素質(zhì)比較低。在UI設(shè)計(jì)教學(xué)過程中，教師素質(zhì)會(huì)對(duì)其產(chǎn)生直接影響，然而在當(dāng)前高校UI設(shè)計(jì)教學(xué)過程中，很多教師都缺乏專業(yè)素質(zhì)，學(xué)歷比較低，并且實(shí)踐能力比較差，未能夠較好把握課程教學(xué)，導(dǎo)致實(shí)際教學(xué)效果不理想。②③
3 網(wǎng)頁設(shè)計(jì)教學(xué)過程中UI設(shè)計(jì)教學(xué)的有效策略分析
3.1 進(jìn)一步完善課程教學(xué)大綱
在當(dāng)前網(wǎng)頁設(shè)計(jì)教學(xué)過程中，UI設(shè)計(jì)課程教學(xué)已經(jīng)成為必須內(nèi)容，其與其它課程之間具有十分密切的聯(lián)系，所以在設(shè)置課程方面應(yīng)當(dāng)對(duì)課程教學(xué)大綱進(jìn)一步進(jìn)行完善。
首先，應(yīng)當(dāng)對(duì)當(dāng)前教學(xué)目標(biāo)明確。對(duì)于UI界面設(shè)計(jì)課程教學(xué)目標(biāo)而言，一方面是要求學(xué)生將各種相關(guān)網(wǎng)頁設(shè)計(jì)實(shí)踐操作方法掌握，并且對(duì)各種網(wǎng)頁設(shè)計(jì)規(guī)范及標(biāo)準(zhǔn)熟知；另一方面而言，就是要使學(xué)生將網(wǎng)頁設(shè)計(jì)相關(guān)流程掌握，對(duì)于用戶設(shè)計(jì)理念應(yīng)當(dāng)準(zhǔn)確領(lǐng)悟，并且應(yīng)當(dāng)對(duì)相關(guān)流程熟知。
其次，對(duì)課時(shí)行合理分配。由于UI設(shè)計(jì)課程內(nèi)容具有較強(qiáng)連貫性，該課程開始應(yīng)當(dāng)安排在二年級(jí)或者三年級(jí)開設(shè)，從而使學(xué)生能夠?qū)⒈匾A(chǔ)知識(shí)掌握，之所以對(duì)課時(shí)進(jìn)行這樣的設(shè)計(jì)，主要目的就是使學(xué)生先對(duì)相關(guān)系統(tǒng)理論知識(shí)進(jìn)行一年時(shí)間學(xué)習(xí)，使其能夠?qū)⑾嚓P(guān)基礎(chǔ)理論知識(shí)掌握，在此基礎(chǔ)上對(duì)該課程進(jìn)行深入進(jìn)一步學(xué)習(xí)。另外，還能夠?yàn)閷W(xué)生今后就業(yè)劃分提供能力進(jìn)行學(xué)習(xí)，可使學(xué)生依據(jù)今后就業(yè)崗位對(duì)相關(guān)學(xué)習(xí)能力進(jìn)行鍛煉。
第三，對(duì)設(shè)置課程原則明確。在對(duì)課程進(jìn)行具體設(shè)置過程中，應(yīng)當(dāng)注意遵循相關(guān)原則，主要包括人性化原則、反饋原則以及靈活性原則，此外還包括安全性原則與易用性原則。
3.2 明確培養(yǎng)人才方案
人才培養(yǎng)方案能夠?qū)虒W(xué)活動(dòng)進(jìn)行指導(dǎo)，同時(shí)也是教學(xué)活動(dòng)得以開展的依據(jù)，人才培養(yǎng)方案對(duì)具體教學(xué)內(nèi)容及具體課程設(shè)置結(jié)構(gòu)進(jìn)行規(guī)定，在制定人才培養(yǎng)方面為不斷進(jìn)行變化的，人才培養(yǎng)的制定應(yīng)當(dāng)以深入社會(huì)調(diào)研為基礎(chǔ)，同時(shí)應(yīng)當(dāng)與學(xué)生實(shí)際特點(diǎn)相結(jié)合。
通過調(diào)查UI設(shè)計(jì)專業(yè)人員實(shí)際就業(yè)情況及社會(huì)對(duì)學(xué)生能力要求，其結(jié)果顯示當(dāng)前學(xué)生就業(yè)能力，尤其學(xué)生實(shí)踐能力仍有一定缺陷。因此，在當(dāng)前實(shí)際教學(xué)過程中應(yīng)當(dāng)對(duì)人才培養(yǎng)方案進(jìn)行積極探討，從而將明確人才培養(yǎng)方案制定出來，以便能夠?qū)θ瞬排囵B(yǎng)方向進(jìn)行合理定位。對(duì)于UI設(shè)計(jì)課程而言，其是以地區(qū)產(chǎn)業(yè)升級(jí)需求為基礎(chǔ)，為社會(huì)培養(yǎng)實(shí)用型高素質(zhì)人才的一門課程，所以其課程定位應(yīng)當(dāng)為確定一體化項(xiàng)目課程。所以，通過進(jìn)行課程學(xué)習(xí)，所培養(yǎng)的學(xué)生應(yīng)當(dāng)具備的技能主要包括以下方面：
其一，應(yīng)當(dāng)具備牢固理論基礎(chǔ)。對(duì)于UI界面設(shè)計(jì)而言，其理論性比較強(qiáng)，若缺乏牢固理論基礎(chǔ)，則在今后結(jié)業(yè)過程中學(xué)生也就無法對(duì)相關(guān)知識(shí)點(diǎn)進(jìn)行熟練運(yùn)用，所以學(xué)生對(duì)該課程進(jìn)行學(xué)習(xí)的前提就是應(yīng)當(dāng)將相關(guān)理論知識(shí)掌握。
其二，應(yīng)當(dāng)具備較強(qiáng)的實(shí)踐操作能力。學(xué)生在畢業(yè)之后都是要直接進(jìn)入就業(yè)崗位的，所以學(xué)生必須要具備較強(qiáng)就業(yè)實(shí)踐能力。
其三，應(yīng)當(dāng)具備較高綜合素質(zhì)。隨著當(dāng)前社會(huì)就業(yè)壓力越來越大，人才競(jìng)爭(zhēng)也越來越激烈，學(xué)生為能夠使自身競(jìng)爭(zhēng)力得以有效提高，必須要具淞己萌宋乃刂始爸耙檔賴攏同時(shí)還應(yīng)當(dāng)具備較高的思想政治素質(zhì)。
3.3 積極創(chuàng)新課堂教學(xué)手段
首先，應(yīng)當(dāng)積極豐富課堂教學(xué)方法，進(jìn)一步激發(fā)學(xué)生學(xué)習(xí)熱情。傳統(tǒng)灌輸式教學(xué)模式會(huì)對(duì)學(xué)生學(xué)習(xí)熱情及創(chuàng)新思維產(chǎn)生抑制，所以，教師應(yīng)當(dāng)改變傳統(tǒng)單一教學(xué)方法。在實(shí)際教學(xué)過程中，教師可選擇多種方法相結(jié)合的教學(xué)方式，可使學(xué)生通過課堂融入社會(huì)，然后再回歸課堂，并且可在課堂對(duì)自身所設(shè)計(jì)優(yōu)秀作品進(jìn)行展示，使學(xué)生在多樣化訓(xùn)練過程中能夠積極參與。
其次，在課堂教學(xué)過程中可引入設(shè)計(jì)競(jìng)賽，從而使學(xué)生社會(huì)實(shí)踐能力得以增強(qiáng)。在提高學(xué)生實(shí)踐能力方面，設(shè)計(jì)競(jìng)賽屬于十分重要的一種途徑，所以在UI設(shè)計(jì)教學(xué)過程中可適當(dāng)引入設(shè)計(jì)競(jìng)賽內(nèi)容，從而使理論性及實(shí)踐性實(shí)現(xiàn)有效結(jié)合，進(jìn)而有效提高學(xué)生學(xué)習(xí)積極性。
第三，可開展作品展示，加強(qiáng)學(xué)生之間學(xué)習(xí)交流。在實(shí)際課堂教學(xué)過程中，教師可選擇課堂展覽方式，可邀請(qǐng)同一專業(yè)學(xué)生共同進(jìn)行欣賞，使學(xué)生能夠在參觀展覽過程中加強(qiáng)交流討論，從而使學(xué)生綜合素養(yǎng)能夠得以有效提高，促進(jìn)學(xué)生進(jìn)一步發(fā)展。③④
4 結(jié)語
在當(dāng)前多媒體網(wǎng)頁設(shè)計(jì)實(shí)際教學(xué)過程中，UI設(shè)計(jì)教學(xué)是十分重要的一項(xiàng)內(nèi)容，對(duì)網(wǎng)頁設(shè)計(jì)教學(xué)進(jìn)一步發(fā)展具有很大促進(jìn)作用。因此，在實(shí)際教學(xué)過程中，教師應(yīng)當(dāng)充分認(rèn)識(shí)UI設(shè)計(jì)教學(xué)重要性，并且應(yīng)用了解當(dāng)前教學(xué)現(xiàn)狀，從而通過進(jìn)一步完善課程教學(xué)大綱，明確培養(yǎng)人才方案，積極創(chuàng)新課堂教學(xué)手段等方式加強(qiáng)UI設(shè)計(jì)教學(xué)，從而使實(shí)際教學(xué)效果得以提升。
注釋
① 張軍.網(wǎng)頁設(shè)計(jì)課程中關(guān)于UI設(shè)計(jì)教學(xué)的探索體會(huì)[J].湖北美術(shù)學(xué)院學(xué)報(bào)，2009（4）.
② 張延玲，喻蕓.網(wǎng)頁設(shè)計(jì)課程中融入U(xiǎn)I設(shè)計(jì)理念的教學(xué)探索[J].電腦知識(shí)與技術(shù)，2015（34）.
【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì)與制作 一體化
根據(jù)一體化教學(xué)的要求，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中實(shí)施一體化教學(xué)，要做好以下幾個(gè)環(huán)節(jié)設(shè)計(jì)：
一、課程標(biāo)準(zhǔn)
專業(yè)知識(shí)目標(biāo)。熟悉和掌握網(wǎng)頁設(shè)計(jì)與制作的基本知識(shí)，了解和熟悉HTML語言，掌握靜態(tài)網(wǎng)頁設(shè)計(jì)與制作的知識(shí)，掌握網(wǎng)頁中動(dòng)態(tài)效果的設(shè)計(jì)與實(shí)現(xiàn)方法，掌握網(wǎng)頁中圖片設(shè)計(jì)和處理、動(dòng)畫設(shè)計(jì)的知識(shí)，掌握網(wǎng)站檢查與的知識(shí)。
職業(yè)能力目標(biāo)。具備收集、處理、準(zhǔn)備、加工的能力；具備網(wǎng)頁設(shè)計(jì)及網(wǎng)頁中圖形設(shè)計(jì)、動(dòng)畫設(shè)計(jì)的基本能力，能獨(dú)立設(shè)計(jì)一個(gè)內(nèi)容完整、圖文并茂、技術(shù)運(yùn)用得當(dāng)?shù)木W(wǎng)站；具備初步的網(wǎng)站開發(fā)、維護(hù)和管理能力；具備獨(dú)立撰寫網(wǎng)站制作說明等簡(jiǎn)單科技文件的基本能力。
職業(yè)素質(zhì)目標(biāo)。按時(shí)守信的誠(chéng)實(shí)作風(fēng)；樂觀向上的敬業(yè)精神；溝通協(xié)作的團(tuán)隊(duì)意識(shí)；知識(shí)獲取和應(yīng)用的自主學(xué)習(xí)能力；探索實(shí)踐的創(chuàng)新能力。
二、課程設(shè)計(jì)
圍繞“將工作任務(wù)轉(zhuǎn)化為任務(wù)引領(lǐng)、并以任務(wù)驅(qū)動(dòng)進(jìn)行教學(xué)的課程”的思路進(jìn)行課程設(shè)計(jì)。
工作任務(wù)分析。具備Internet、網(wǎng)頁設(shè)計(jì)與制作、后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)和建立、網(wǎng)站規(guī)劃與建設(shè)、通訊及網(wǎng)絡(luò)技術(shù)等技術(shù)方面的專業(yè)知識(shí)。具備網(wǎng)站規(guī)劃，靜態(tài)網(wǎng)頁設(shè)計(jì)，建立動(dòng)態(tài)網(wǎng)站，進(jìn)行網(wǎng)站的上傳、更新、維護(hù)的能力，同時(shí)必須具備一定的平面設(shè)計(jì)基礎(chǔ)。
工作任務(wù)設(shè)計(jì)。在《網(wǎng)頁設(shè)計(jì)與制作》學(xué)習(xí)領(lǐng)域中貫穿兩個(gè)平行的工作任務(wù)：一個(gè)是模仿型總?cè)蝿?wù)：《XX學(xué)院網(wǎng)頁》網(wǎng)站設(shè)計(jì)與制作；一個(gè)是開放型總?cè)蝿?wù)：個(gè)人網(wǎng)站設(shè)計(jì)與制作；以模仿型總?cè)蝿?wù)作為教學(xué)載體，教學(xué)的基本要求和完成實(shí)際工作所要求的基本知識(shí)、技能都融入在該任務(wù)中。根據(jù)網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)的實(shí)際工作流程，將該任務(wù)切分為若干子任務(wù)，學(xué)生依據(jù)任務(wù)樣本，在教室的示范引導(dǎo)下通過模仿逐個(gè)子任務(wù)，最后完成總?cè)蝿?wù)，獲取學(xué)習(xí)成果。
學(xué)習(xí)領(lǐng)域設(shè)計(jì)。本課程學(xué)習(xí)中每個(gè)情境對(duì)應(yīng)一個(gè)子任務(wù)，設(shè)計(jì)方案如下：
三、實(shí)施建議
（1）教學(xué)模式。本課程采用“理實(shí)一體、任務(wù)驅(qū)動(dòng)”的教學(xué)模式。課程教學(xué)全部在多媒體機(jī)房進(jìn)行，“教、學(xué)、做”完全融合，整個(gè)教學(xué)過程分為“總?cè)蝿?wù)導(dǎo)入逐個(gè)完成由模仿型總?cè)蝿?wù)分解而成的子任務(wù)，與此同步逐個(gè)完成開放型總?cè)蝿?wù)最后完成兩個(gè)總?cè)蝿?wù)（獲取學(xué)習(xí)成果）”的過程。
（2）教學(xué)方法：任務(wù)驅(qū)動(dòng)，講練結(jié)合：采用任務(wù)驅(qū)動(dòng)教學(xué)，以完成模仿型任務(wù)作為教學(xué)載體，以完成開放型任務(wù)作為教學(xué)拓展。教師以任務(wù)引領(lǐng)，實(shí)施以學(xué)生為中心的教學(xué)，融“教、學(xué)、做”為一體。學(xué)生通過完成任務(wù)的過程實(shí)習(xí)對(duì)所學(xué)知識(shí)的構(gòu)建；案例引入，創(chuàng)設(shè)情境：引入頗具代表性的各類網(wǎng)站，一一展示給學(xué)生，并和他們一起就網(wǎng)站特點(diǎn)、內(nèi)容、結(jié)構(gòu)、技術(shù)逐一進(jìn)行分析和討論；討論交流，啟發(fā)引導(dǎo)：在完成工作任務(wù)時(shí)，怎么做，按照什么步驟做都由學(xué)生參與討論；邊學(xué)邊做完成任務(wù)過程中引導(dǎo)教師與學(xué)生、學(xué)生與學(xué)生之間的多向交流；適時(shí)進(jìn)行典型作品的欣賞點(diǎn)評(píng)，同時(shí)引導(dǎo)學(xué)生參與自評(píng)和互評(píng)。教學(xué)過程中注重傳授學(xué)生一種思想，一種解決問題的方法，引導(dǎo)學(xué)生從多個(gè)方面去解決問題，用多種方法解決同一問題。
《網(wǎng)頁設(shè)計(jì)與制作》一體化教學(xué)是一個(gè)系統(tǒng)工程，在一體化教學(xué)中要注意計(jì)算機(jī)教室、教學(xué)計(jì)劃、教材、教案、學(xué)案、及教法、師資等的設(shè)計(jì)，只有這樣，才能符合一體化教學(xué)的要求，才能組織好一體化教學(xué)。相信在不久的將來，為適應(yīng)職業(yè)技術(shù)教育的發(fā)展要求，逐步實(shí)現(xiàn)一體化教學(xué)，為職業(yè)技術(shù)教育培養(yǎng)出更多更好的實(shí)用型、技能型人才。
參考文獻(xiàn)：
論文關(guān)鍵詞：平面設(shè)計(jì)軟件；實(shí)訓(xùn)課程；項(xiàng)目設(shè)計(jì)；實(shí)訓(xùn)項(xiàng)目；成果評(píng)價(jià)；職業(yè)能力
平面設(shè)計(jì)軟件實(shí)訓(xùn)是配合《平面設(shè)計(jì)軟件》課程開設(shè)的為時(shí)2周的實(shí)訓(xùn)課，是培養(yǎng)學(xué)生職業(yè)能力的一個(gè)重要環(huán)節(jié)。以往的實(shí)訓(xùn)課通常是通過讓學(xué)生做一些課業(yè)進(jìn)行的，教師給出一個(gè)課題，學(xué)生在指定時(shí)間按教師的要求完成作品，整個(gè)過程在教師的輔導(dǎo)下完成。在這樣的教學(xué)過程中，學(xué)生的職業(yè)能力難以得到很好的訓(xùn)練，團(tuán)隊(duì)精神難以得到有效的培養(yǎng)。所以，在實(shí)訓(xùn)課上進(jìn)行項(xiàng)目教學(xué)是很有必要的，因?yàn)轫?xiàng)目教學(xué)法的核心是在教師的指導(dǎo)下，由學(xué)生去探尋得到最終結(jié)果的途徑，學(xué)習(xí)的重點(diǎn)在學(xué)習(xí)過程而非學(xué)習(xí)結(jié)果，這對(duì)學(xué)生能力的培養(yǎng)是很有幫助的。在2周的時(shí)間里，如何設(shè)計(jì)項(xiàng)目才能使學(xué)生真實(shí)地體驗(yàn)一個(gè)項(xiàng)目的完整制作過程，是需要教師研討的問題。
實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)分析
實(shí)訓(xùn)課的教學(xué)不同于理論課。由于學(xué)生已經(jīng)初步具備了該課程的知識(shí)和技能基礎(chǔ)，實(shí)訓(xùn)課要在理論課的基礎(chǔ)上重點(diǎn)訓(xùn)練學(xué)生的專業(yè)技能和職業(yè)能力。所以，項(xiàng)目的設(shè)計(jì)要求更能體現(xiàn)實(shí)際工作環(huán)境的特點(diǎn)，學(xué)生通過項(xiàng)目能更好地應(yīng)用學(xué)過的知識(shí)解決實(shí)際問題，鍛煉自己的實(shí)際工作能力。
設(shè)計(jì)理念平面設(shè)計(jì)是近十幾年逐步發(fā)展起來的一個(gè)復(fù)合性職業(yè)，涉及面非常廣泛，涵蓋的職業(yè)范疇包括商業(yè)展示設(shè)計(jì)、商業(yè)廣告設(shè)計(jì)、商業(yè)環(huán)境藝術(shù)設(shè)計(jì)、書籍裝幀設(shè)計(jì)、包裝結(jié)構(gòu)與裝潢設(shè)計(jì)、服裝設(shè)計(jì)、工業(yè)產(chǎn)品設(shè)計(jì)、商業(yè)插畫設(shè)計(jì)、標(biāo)志設(shè)計(jì)、企業(yè)ci設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等等。針對(duì)目前平面設(shè)計(jì)行業(yè)及社會(huì)其他相關(guān)崗位對(duì)人才的需求和對(duì)教學(xué)內(nèi)容及教學(xué)方法的研討，實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)應(yīng)該圍繞著專業(yè)方向和培養(yǎng)目標(biāo)進(jìn)行設(shè)計(jì)；圍繞著用完整的實(shí)際工作流程訓(xùn)練學(xué)生綜合設(shè)計(jì)制作能力的目標(biāo)進(jìn)行項(xiàng)目開發(fā)，即按照實(shí)際工作“調(diào)研策劃創(chuàng)意設(shè)計(jì)制作提交審核”的流程進(jìn)行教學(xué)設(shè)計(jì)；以項(xiàng)目小組的形式開展教學(xué)活動(dòng)；通過實(shí)訓(xùn)項(xiàng)目訓(xùn)練，培養(yǎng)學(xué)生的創(chuàng)新精神和團(tuán)隊(duì)精神，使學(xué)生能夠綜合運(yùn)用美學(xué)思想、平面藝術(shù)設(shè)計(jì)的基本原理和設(shè)計(jì)規(guī)律及計(jì)算機(jī)圖形圖像設(shè)計(jì)軟件，完成符合實(shí)際要求的平面設(shè)計(jì)作品，實(shí)現(xiàn)平面設(shè)計(jì)專業(yè)的教學(xué)目標(biāo)。項(xiàng)目的設(shè)計(jì)理念應(yīng)當(dāng)是以培養(yǎng)學(xué)生完成實(shí)際工作任務(wù)的職業(yè)能力為目標(biāo)，但設(shè)計(jì)的項(xiàng)目不一定非要來源于企業(yè)，因?yàn)楸菊n程的學(xué)生是“廣告設(shè)計(jì)與制作”專業(yè)的一年級(jí)新生，還沒有學(xué)過平面設(shè)計(jì)方面的專業(yè)課，用2周的時(shí)間完成一個(gè)真實(shí)的企業(yè)項(xiàng)目有一定的難度。為了順利實(shí)現(xiàn)《平面設(shè)計(jì)軟件》實(shí)訓(xùn)課程的教學(xué)目標(biāo)，可采取將虛擬項(xiàng)目按照真實(shí)項(xiàng)目完成的形式進(jìn)行教學(xué)設(shè)計(jì)。
設(shè)計(jì)思路平面設(shè)計(jì)專業(yè)的能力目標(biāo)是使學(xué)生能夠根據(jù)平面藝術(shù)設(shè)計(jì)的基本原理和設(shè)計(jì)規(guī)律，針對(duì)不同的用戶要求進(jìn)行各種平面作品的設(shè)計(jì)與制作。所以，“網(wǎng)站頁面設(shè)計(jì)制作”項(xiàng)目、“pop廣告設(shè)計(jì)制作”項(xiàng)目、“商業(yè)插畫設(shè)計(jì)制作”等項(xiàng)目都可以用來作為《平面設(shè)計(jì)軟件》實(shí)訓(xùn)課程的實(shí)訓(xùn)項(xiàng)目。產(chǎn)品類廣告設(shè)計(jì)可以重點(diǎn)培養(yǎng)學(xué)生市場(chǎng)調(diào)研、策劃、創(chuàng)意等能力；文化類廣告設(shè)計(jì)可以培養(yǎng)學(xué)生掌握完整的設(shè)計(jì)制作流程；“網(wǎng)站頁面設(shè)計(jì)制作”可以通過圖形、色彩、文字等設(shè)計(jì)元素的運(yùn)用培養(yǎng)學(xué)生綜合的平面設(shè)計(jì)能力。下面以“某集團(tuán)房地產(chǎn)網(wǎng)站頁面設(shè)計(jì)制作”項(xiàng)目為例，分析實(shí)訓(xùn)項(xiàng)目的設(shè)計(jì)方案。
實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)方案
項(xiàng)目背景隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)絡(luò)已經(jīng)成為人們生活中不可缺少的一部分，利用網(wǎng)絡(luò)查找各種所需要的信息已經(jīng)是人們習(xí)以為常的手段。在這種形勢(shì)下，很多企業(yè)、個(gè)人都需要擁有自己的網(wǎng)站和網(wǎng)頁。某房地產(chǎn)企業(yè)為了更好地宣傳企業(yè)形象和推介企業(yè)產(chǎn)品，需要制作一個(gè)引人注目的精美網(wǎng)站展示自己。
【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì)；圖形設(shè)計(jì)；運(yùn)用價(jià)值；運(yùn)用要點(diǎn)
前言
科學(xué)技術(shù)的不斷進(jìn)步，促進(jìn)了計(jì)算機(jī)技術(shù)以及互聯(lián)網(wǎng)的迅速發(fā)展，在各個(gè)國(guó)家基本實(shí)現(xiàn)了全覆蓋。隨著信息時(shí)代的到來，人們對(duì)于信息的利用更加頻繁，對(duì)網(wǎng)頁的關(guān)注度逐漸升溫，好的計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)會(huì)給企業(yè)以及瀏覽者帶來更大的價(jià)值，要想成功吸引更多的人們注意網(wǎng)頁，就需要將圖形設(shè)計(jì)完美的融入其中，以達(dá)到想要的效果。
1網(wǎng)頁設(shè)計(jì)與圖形設(shè)計(jì)概述
網(wǎng)頁設(shè)計(jì)，是為傳遞信息而進(jìn)行頁面設(shè)計(jì)的工作，其主要是依據(jù)企業(yè)的需求，利用計(jì)算機(jī)為媒介，將信息展示在瀏覽者面前。作為一種宣傳媒介，網(wǎng)頁設(shè)計(jì)的精美程度決定了瀏覽者對(duì)其的關(guān)注度，更絕對(duì)了其利用價(jià)值的大小。網(wǎng)頁設(shè)計(jì)包含以下種類：功能型網(wǎng)頁設(shè)計(jì)、形象型網(wǎng)頁設(shè)計(jì)和信息型網(wǎng)頁設(shè)計(jì)，其主要利用顏色、字體、圖片、樣式進(jìn)行美化設(shè)計(jì)，根據(jù)用戶要求策劃和設(shè)計(jì)出滿意的網(wǎng)頁，高級(jí)的網(wǎng)頁設(shè)計(jì)甚至?xí)紤]到通過聲光、交互等來實(shí)現(xiàn)更好的試聽感受。網(wǎng)頁設(shè)計(jì)最為常用的工具包含PS、FL、AL、DW等[1]。圖形設(shè)計(jì)，是網(wǎng)頁設(shè)計(jì)技術(shù)中的重要組成部分，影響著網(wǎng)頁設(shè)計(jì)的效果，對(duì)提升網(wǎng)頁的設(shè)計(jì)感和感染力具有重要作用。圖形設(shè)計(jì)重在圖形，它是傳達(dá)信息的圖像符號(hào)，通過不同的表現(xiàn)形式，將作品中要表達(dá)的意境表現(xiàn)出來[2]，其重在創(chuàng)意上。圖形設(shè)計(jì)擁有眾多優(yōu)勢(shì)，有直觀性、審美性、指示性、象征性等，這些都能夠提升計(jì)算機(jī)網(wǎng)頁的設(shè)計(jì)效果。
2圖形設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中運(yùn)用的價(jià)值
2.1提升計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的藝術(shù)效果
圖形設(shè)計(jì)的創(chuàng)新性，可以在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的策劃中與眾不同，更能夠提升計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的藝術(shù)效果，將網(wǎng)頁的別具一格的設(shè)計(jì)展現(xiàn)在用戶面前，讓更多的瀏覽者關(guān)注網(wǎng)頁，激發(fā)用戶群體的瀏覽興趣，起到更好的傳遞信息的效果。在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中，利用圖形設(shè)計(jì)中的完整的表達(dá)力，為用戶打造信息傳遞的視覺盛宴，保證計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的質(zhì)量。據(jù)相關(guān)調(diào)查顯示，最受關(guān)注的網(wǎng)頁，往往是利用圖形設(shè)計(jì)相結(jié)合的。
2.2增添計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)色彩，向多元化發(fā)展
圖形設(shè)計(jì)的形式多種多樣，更可以說是資源豐富多彩，其利用音頻、圖像以及藝術(shù)文字的形式進(jìn)行計(jì)算機(jī)網(wǎng)頁的設(shè)計(jì)，大大的增添了藝術(shù)色彩和愉悅的氛圍，并使得傳統(tǒng)的單一網(wǎng)頁形式向多元化方向發(fā)展。傳統(tǒng)的計(jì)算機(jī)網(wǎng)頁只是通過簡(jiǎn)單的元素將信息傳遞給瀏覽者，在表達(dá)上基本上就是文字配以簡(jiǎn)單的圖片，在信息的檢索上更是以文字為主[3]，將現(xiàn)代的圖形設(shè)計(jì)加入到計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)后，用戶可以通過音頻以及圖片進(jìn)行搜索，這種表現(xiàn)形式的變化圖形設(shè)計(jì)所起的作用功不可沒。
2.3加強(qiáng)了視覺沖擊力與感染力，更加人性化
計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)主要是通過文字和圖像相結(jié)合向使用者展示信息，圖像設(shè)計(jì)是將文字與圖像再加工，利用其獨(dú)特的處理技術(shù)，將文字與圖像的表現(xiàn)形式更具有視覺沖擊力與感染力，能夠較深瀏覽者的印象，提升瀏覽效率。圖形設(shè)計(jì)能夠?qū)⑽淖峙c圖像互相轉(zhuǎn)換，滿足瀏覽者的需求，并給人以簡(jiǎn)潔美觀的效果，更能夠體現(xiàn)設(shè)計(jì)者的理念，使計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)更加人性化。
3圖形設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中運(yùn)用的要點(diǎn)
3.1圖片格式設(shè)置要符合
在圖形設(shè)計(jì)中，設(shè)計(jì)工作者一定要注意計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中對(duì)圖片格式的要求，只有符合的才能夠?qū)崿F(xiàn)其利用價(jià)值，才能夠達(dá)到設(shè)計(jì)方案中的實(shí)際效果。我們?cè)跒g覽網(wǎng)頁中，經(jīng)常會(huì)出現(xiàn)圖片、音頻打不開的現(xiàn)象，使得我們需要的信息沒有很好的讀取。因此，在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中，一定要合理的處理圖像以及連接圖片，使其格式滿足網(wǎng)頁設(shè)計(jì)的要求，為用戶展現(xiàn)良好的視覺效果。
3.2圖像大小要控制在要求范圍內(nèi)
在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中，對(duì)圖像大小的要求非常嚴(yán)格，如果在利用圖形設(shè)計(jì)中不控制好圖像的大小，就會(huì)嚴(yán)重影響圖像在瀏覽者面前呈現(xiàn)的效果。計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)本身就收資源空間大小的限制，只有控制好圖像的質(zhì)量與范圍，才能夠提升網(wǎng)頁設(shè)計(jì)質(zhì)量。例如，我們?cè)跒g覽網(wǎng)頁時(shí)會(huì)經(jīng)常看見一些失真、或者比例失調(diào)的圖片，不僅影響了我們?yōu)g覽效果，還嚴(yán)重影響了我們繼續(xù)瀏覽下去的興趣。
3.3圖片顏色配置要科學(xué)
不同的色彩表現(xiàn)形式有所不同，同一的色彩會(huì)顯得單調(diào)，多種色彩搭配會(huì)顯得凌亂，在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中使用圖形設(shè)計(jì)時(shí)，無論哪種顏色都要優(yōu)化配置好，并要有一定的科學(xué)性。在圖形設(shè)計(jì)中，可以通過PS實(shí)際軟件對(duì)圖片進(jìn)行顏色調(diào)整，使其適合計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)整體色調(diào)，為瀏覽者展示良好的畫面感。
4結(jié)束語
計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)本身就具有一定的難度，圖形設(shè)計(jì)的加入使之更加的繁瑣，設(shè)計(jì)人員在運(yùn)用過程中一定要加以注意，更具網(wǎng)頁設(shè)計(jì)的實(shí)際要求進(jìn)行圖形的選擇與處理，才能夠增強(qiáng)圖形設(shè)計(jì)在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的視覺效果，實(shí)現(xiàn)其使用價(jià)值。
參考文獻(xiàn)
[1]王正紅.探討網(wǎng)頁設(shè)計(jì)中圖形的應(yīng)用[J].現(xiàn)代裝飾（理論），2014，11：86.
[2]溫雪，畢軍濤，孫授卿.試析計(jì)算機(jī)圖形圖像設(shè)計(jì)以及視覺傳達(dá)設(shè)計(jì)[J].通訊世界，2015，17：221.
關(guān)鍵詞 網(wǎng)頁設(shè)計(jì) 發(fā)展趨勢(shì) 教學(xué)設(shè)計(jì)
中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A
Improve Web Design Curriculum Teaching of Art
Professional with the Development Trend
XIE Tao
(Graduate Department, Hubei Academy of Fine Arts, Wuhan, Hubei 430060)
AbstractAs a digital media arts and visual communication in one aesthetic, as an integrated interdisciplinary curriculum, "Web Design" is developed as the core curriculum by many professional art and design colleges and universities. With the rapid technological development, professional web design courses for the Art features need continuously to improve teaching methods, enrich the teaching content in order to enable students to master the most practical web design techniques, to train highly qualified personnel for the different needs.
Key wordsweb design; development trend; teaching design
隨著計(jì)算機(jī)技術(shù)的發(fā)展和Internet互聯(lián)網(wǎng)普及化程度越來越高，網(wǎng)頁設(shè)計(jì)與制作已經(jīng)成為當(dāng)代視覺設(shè)計(jì)師必備的專業(yè)技能之一。就網(wǎng)頁設(shè)計(jì)課程教學(xué)而言，不僅要求學(xué)生掌握相關(guān)的計(jì)算機(jī)技術(shù)，更要具有專業(yè)的美工基礎(chǔ)和藝術(shù)素養(yǎng)。培養(yǎng)能適應(yīng)時(shí)展與市場(chǎng)需求的網(wǎng)頁設(shè)計(jì)師，藝術(shù)專業(yè)網(wǎng)頁設(shè)計(jì)課程就必須緊隨技術(shù)更新步伐進(jìn)行教學(xué)改革，以便適應(yīng)時(shí)展需求。
1 設(shè)計(jì)軟件與開發(fā)技術(shù)的發(fā)展與更新
網(wǎng)頁設(shè)計(jì)軟件眾多，業(yè)界廣泛使用Adobe公司的Dreamweaver，高校網(wǎng)頁設(shè)計(jì)課程也基本以此作為軟件教學(xué)內(nèi)容。經(jīng)過數(shù)年發(fā)展，最新版的Dreamweaver CS 5推出了許多新功能，因此課程的軟件操作教學(xué)內(nèi)容也需圍繞新版本展開講授。
早期的網(wǎng)頁設(shè)計(jì)師在設(shè)計(jì)流程中主要追求良好的美學(xué)效果，不太關(guān)注語義化和可用性方面的問題。隨著技術(shù)的發(fā)展進(jìn)步，遵循網(wǎng)頁標(biāo)準(zhǔn)（Web標(biāo)準(zhǔn)）進(jìn)行網(wǎng)頁設(shè)計(jì)和網(wǎng)站開發(fā)，已經(jīng)成為當(dāng)代網(wǎng)頁設(shè)計(jì)師必備的技能之一。用Div+CSS布局來替代傳統(tǒng)的table布局，使內(nèi)容與表現(xiàn)相分離，頁面信息結(jié)構(gòu)更清晰，有利于內(nèi)容的重用。網(wǎng)頁標(biāo)準(zhǔn)還使網(wǎng)站開發(fā)與維護(hù)更簡(jiǎn)易，與未來瀏覽器也完美兼容，使訪問者獲得更好的瀏覽體驗(yàn)。
Flash曾經(jīng)作為網(wǎng)頁設(shè)計(jì)中的視覺元素之一，現(xiàn)在已經(jīng)發(fā)展成能夠開發(fā)整套網(wǎng)站的強(qiáng)大工具，提供了大量的遠(yuǎn)遠(yuǎn)超過 Html 所能夠?qū)崿F(xiàn)的視覺表現(xiàn)效果，F(xiàn)lash 使創(chuàng)建復(fù)雜的、互動(dòng)性強(qiáng)并且擁有動(dòng)畫元素的網(wǎng)站成為可能。Flash流媒體技術(shù)的廣泛使用也是網(wǎng)頁設(shè)計(jì)的一個(gè)新趨勢(shì)，頁面元素不再是靜態(tài)的文字和圖片，也不再局限于二維的Flas效果，結(jié)合音頻和視頻技術(shù)的Flv流媒體技術(shù)由于不需要安裝插件，有著優(yōu)秀的兼容性及交互性，在網(wǎng)頁設(shè)計(jì)中的應(yīng)用達(dá)到一個(gè)新的高度。
3D技術(shù)是當(dāng)前視覺藝術(shù)的一個(gè)熱點(diǎn)，基于Internet具有交互性的虛擬現(xiàn)實(shí)建模語言Web 3D技術(shù)，使二維的網(wǎng)頁向三維發(fā)展提供了很好的支持，代表了三維網(wǎng)頁的發(fā)展方向。同時(shí)，更多的瀏覽器開始完美支持和表現(xiàn)新一代Web 語言、互聯(lián)網(wǎng)標(biāo)準(zhǔn)Html5，視頻播放、動(dòng)畫、3D交互圖像、Web視頻聊天及會(huì)議、音頻的采樣和混合都將是Html5的重要優(yōu)點(diǎn)和應(yīng)用趨勢(shì)，并將引領(lǐng)下一代 Web 實(shí)現(xiàn)類似桌面的應(yīng)用體驗(yàn)。
隨著技術(shù)的進(jìn)步，網(wǎng)頁設(shè)計(jì)越來越重于表現(xiàn)多媒體的特性，這就需要網(wǎng)頁設(shè)計(jì)師不僅要掌握基本的專業(yè)技能，還需拓展其他相關(guān)領(lǐng)域的專業(yè)知識(shí)，才能提高職場(chǎng)競(jìng)爭(zhēng)實(shí)力。
2 審美的提高促進(jìn)網(wǎng)頁設(shè)計(jì)新思維
一個(gè)極具藝術(shù)感染力的網(wǎng)頁設(shè)計(jì)作品會(huì)得到眾多來訪者的傾心，提高網(wǎng)站的親和力與回訪率。特別是在信息高速發(fā)展的今天，人們審美意識(shí)的提高，客觀上將網(wǎng)頁設(shè)計(jì)推向了更高層次的表現(xiàn)境界，網(wǎng)頁設(shè)計(jì)風(fēng)格個(gè)性化、技術(shù)多元化將成為必然的發(fā)展趨勢(shì)。
網(wǎng)頁的設(shè)計(jì)與制作，除了要表現(xiàn)動(dòng)態(tài)效果及強(qiáng)大的交互功能，還應(yīng)著力提高設(shè)計(jì)美感和藝術(shù)氛圍，界面設(shè)計(jì)同樣要符合視覺藝術(shù)的形式美法則。
（1）布局合理、排版簡(jiǎn)潔。結(jié)合優(yōu)秀的版式設(shè)計(jì)，對(duì)頁面元素及內(nèi)容進(jìn)行歸檔分類與優(yōu)化，做到信息的主次分明。
（2）風(fēng)格統(tǒng)一、整體性好。網(wǎng)站的整體性是通過好的界面設(shè)計(jì)風(fēng)格體現(xiàn)出來的，色彩搭配要協(xié)調(diào)，圖像圖形的制作要精致，突顯網(wǎng)站主題與格調(diào)。
（3）創(chuàng)新性的視覺特色。善于做創(chuàng)新性的視覺設(shè)計(jì)，讓頁面設(shè)計(jì)在同類網(wǎng)站中脫穎而出，帶給用戶愉悅的視覺感受和瀏覽體驗(yàn)。
（4）易用性。網(wǎng)頁最終會(huì)于用戶終端顯示，簡(jiǎn)潔易用也是非常重要的設(shè)計(jì)原則，讓美的頁面建立在易用的基礎(chǔ)上，在整個(gè)設(shè)計(jì)過程中都要始終貫穿這種思想。
網(wǎng)頁設(shè)計(jì)師根據(jù)網(wǎng)站定位的需求，重視用戶體驗(yàn)，并將獨(dú)特的設(shè)計(jì)思維融合到網(wǎng)頁設(shè)計(jì)中去才能做出最優(yōu)異的網(wǎng)頁設(shè)計(jì)。藝術(shù)專業(yè)的學(xué)生應(yīng)充分發(fā)揮自己的設(shè)計(jì)優(yōu)勢(shì)，將技術(shù)與藝術(shù)緊密結(jié)合，使設(shè)計(jì)制作出來的網(wǎng)頁達(dá)到實(shí)用性和審美性的高度統(tǒng)一。
3 根據(jù)市場(chǎng)的需求充實(shí)網(wǎng)頁設(shè)計(jì)課程教學(xué)內(nèi)容
藝術(shù)設(shè)計(jì)專業(yè)培養(yǎng)的網(wǎng)頁設(shè)計(jì)師主要涉及網(wǎng)頁前端架構(gòu)，如網(wǎng)站的整體風(fēng)格規(guī)劃及版式設(shè)計(jì)、界面設(shè)計(jì)等，這些都屬于網(wǎng)站開發(fā)流程中視覺設(shè)計(jì)的范疇。作為整個(gè)開發(fā)團(tuán)隊(duì)的一員，網(wǎng)頁設(shè)計(jì)師不僅要?jiǎng)偃吻岸嗽O(shè)計(jì)，還要與站點(diǎn)開發(fā)人員合作密切，熟悉網(wǎng)站后臺(tái)的管理；不僅要精通靜態(tài)Html（Xhtml）語言與CSS，還要了解各種動(dòng)態(tài)網(wǎng)站架構(gòu)語言如ASP、PHP、JSP、CGI等；除了能勝任網(wǎng)站的規(guī)劃與設(shè)計(jì)，還要掌握網(wǎng)站建設(shè)相關(guān)方面的知識(shí)如服務(wù)器與虛擬主機(jī)的管理與維護(hù)、域名的注冊(cè)與解析、網(wǎng)站備案、SEO搜索引擎優(yōu)化等。除此以外，網(wǎng)頁設(shè)計(jì)師還能借助各類CMS(網(wǎng)站內(nèi)容管理系統(tǒng))構(gòu)建各種功能性的網(wǎng)站、論壇及博客系統(tǒng)。
競(jìng)爭(zhēng)所需使越來越多的公司和企業(yè)開始開拓網(wǎng)絡(luò)市場(chǎng)，樹立其在互聯(lián)網(wǎng)上的良好形象。市場(chǎng)的多元化發(fā)展趨勢(shì)也對(duì)網(wǎng)頁設(shè)計(jì)師的素質(zhì)提出了更高的要求，不僅要精通專業(yè)技能，還要眼光敏銳及時(shí)把握網(wǎng)頁設(shè)計(jì)相關(guān)領(lǐng)域的最新動(dòng)向。這就要求網(wǎng)頁設(shè)計(jì)課程教學(xué)在講授理論知識(shí)與操作技能的同時(shí)，還需重視實(shí)踐教學(xué)的重要性，從多方面拓寬學(xué)生的知識(shí)層面。
4 根據(jù)教學(xué)目標(biāo)及內(nèi)容調(diào)整教學(xué)方法
在傳統(tǒng)網(wǎng)頁設(shè)計(jì)教學(xué)中，一般沿用以教材為中心，教師課堂理論陳述及操作演示的教學(xué)模式，缺乏實(shí)踐性，無法達(dá)到課程教學(xué)目標(biāo)。因此，要充分利用多媒體教學(xué)環(huán)境，發(fā)揮教師在教學(xué)中的主導(dǎo)作用和學(xué)生在學(xué)習(xí)過程中的主體作用，采用適當(dāng)?shù)慕虒W(xué)方法激發(fā)學(xué)生學(xué)習(xí)興趣。
4.1 改進(jìn)實(shí)踐教學(xué)，鍛煉學(xué)生獨(dú)立創(chuàng)作的能力
在實(shí)踐教學(xué)中，根據(jù)教學(xué)目的和教學(xué)內(nèi)容選用典型案例，通過對(duì)網(wǎng)頁設(shè)計(jì)案例的分析講授其中所應(yīng)用到的理論知識(shí)，在學(xué)生理解基本理論知識(shí)的基礎(chǔ)上再演示案例，使學(xué)生進(jìn)一步熟悉相關(guān)理論知識(shí)的應(yīng)用及實(shí)際操作，有助于培養(yǎng)學(xué)生分析問題、解決問題的能力。同時(shí)，教師可以從威客網(wǎng)上搜集一些商業(yè)設(shè)計(jì)項(xiàng)目作為實(shí)訓(xùn)內(nèi)容，讓教學(xué)目標(biāo)更加貼近市場(chǎng)的真實(shí)需求，提高學(xué)生學(xué)習(xí)的主動(dòng)性和積極性。另外，還可以定期舉辦網(wǎng)頁設(shè)計(jì)大賽，組織學(xué)生和專業(yè)教師進(jìn)行評(píng)選，并將優(yōu)秀參賽作品放在網(wǎng)站上作為教學(xué)成果展示，這些活動(dòng)不僅能調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，也極大地豐富了學(xué)生的學(xué)習(xí)生活。
4.2 借助網(wǎng)絡(luò)技術(shù)實(shí)現(xiàn)教學(xué)互動(dòng)，完善教學(xué)手段
在實(shí)際教學(xué)中，不是所有學(xué)生都能及時(shí)掌握教師課堂上所講的內(nèi)容，還需在課后對(duì)相關(guān)知識(shí)點(diǎn)進(jìn)行復(fù)習(xí)鞏固，網(wǎng)頁設(shè)計(jì)課程本身的特點(diǎn)也決定了可以充分發(fā)揮網(wǎng)絡(luò)資源的巨大優(yōu)勢(shì)。教師可以開設(shè)個(gè)人教學(xué)網(wǎng)站，將課件及相應(yīng)的學(xué)習(xí)資料放到網(wǎng)站上供學(xué)生訪問下載，同步與更新各種學(xué)習(xí)相關(guān)信息，學(xué)生也能通過在線留言板和學(xué)習(xí)論壇與同學(xué)或老師相互討論，解決問題，教師則可以根據(jù)反饋信息及時(shí)調(diào)整教學(xué)內(nèi)容。
4.3 理論與操作相結(jié)合，綜合全面評(píng)價(jià)學(xué)生
考核是檢測(cè)教與學(xué)的重要手段，也是教學(xué)中一個(gè)重要環(huán)節(jié)。一個(gè)好的考核方式不僅能全面真實(shí)地反映學(xué)生的學(xué)習(xí)水平，還能反映出教學(xué)中存在的問題。除了必要的理論知識(shí)考核，可以布置一個(gè)項(xiàng)目設(shè)計(jì)任務(wù)作為課程實(shí)踐部分的考核內(nèi)容，比如讓學(xué)生設(shè)計(jì)制作自己的個(gè)人網(wǎng)站。先對(duì)個(gè)人網(wǎng)站的設(shè)計(jì)做總體規(guī)劃，列出設(shè)計(jì)方案，由教師審閱并給予修改建議后再完善方案并實(shí)施，在設(shè)計(jì)過程中教師要關(guān)注進(jìn)度并及時(shí)指出設(shè)計(jì)中的不足之處讓學(xué)生解決。這種考核方式既強(qiáng)調(diào)了實(shí)踐性教學(xué)，又培養(yǎng)了學(xué)生自己獨(dú)立完成網(wǎng)站設(shè)計(jì)和制作的能力。
互聯(lián)網(wǎng)作為一種新興的數(shù)字媒體發(fā)展迅速，網(wǎng)頁設(shè)計(jì)也成為視覺設(shè)計(jì)師最為關(guān)注的新領(lǐng)域之一。藝術(shù)專業(yè)的網(wǎng)頁設(shè)計(jì)課程教學(xué)不僅要體現(xiàn)時(shí)代性，還要富于創(chuàng)造性，具備前瞻性。教師必須緊密關(guān)注網(wǎng)頁發(fā)展動(dòng)向，隨市場(chǎng)和時(shí)代的發(fā)展趨勢(shì)改進(jìn)教學(xué)內(nèi)容和教學(xué)方法，才能培養(yǎng)出適應(yīng)市場(chǎng)需求的高素質(zhì)設(shè)計(jì)人才。
參考文獻(xiàn)
[1]張偉娜.《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的探討與實(shí)踐[J].中國(guó)教育信息化?高教職教,2008(2).
[2]張麗香.高校《網(wǎng)頁設(shè)計(jì)》課程教學(xué)探討[J].大眾科技,2008(5):104-150.
關(guān)鍵詞： 高職教育 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì) 教學(xué)改革
作為一個(gè)重要組件，有較強(qiáng)的實(shí)用性，在現(xiàn)階段的眾多高職院校課程教學(xué)過程中發(fā)揮著非常重要的作用。然而對(duì)于這樣一種具有較強(qiáng)抽象性與技術(shù)性的專業(yè)課程而言，若仍然沿用傳統(tǒng)的灌輸式教學(xué)模式，很難達(dá)到預(yù)期的教學(xué)效果。在學(xué)習(xí)該門課程過程中，大多數(shù)學(xué)生只掌握了一些基本的語句與片段，還沒有形成一個(gè)完整的知識(shí)體系。因此，為了提升與增強(qiáng)該門課的教學(xué)質(zhì)量與教學(xué)效果，應(yīng)加強(qiáng)教學(xué)改革，強(qiáng)化對(duì)學(xué)生實(shí)踐環(huán)節(jié)的重視，以最終提升學(xué)生的綜合專業(yè)技能。
1.高職動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)傳統(tǒng)教學(xué)過程中存在的問題
對(duì)于傳統(tǒng)的教學(xué)方法而言，注重學(xué)生的專業(yè)理論知識(shí)學(xué)習(xí)，根據(jù)教學(xué)內(nèi)容與課程安排，由淺入深地對(duì)知識(shí)點(diǎn)進(jìn)行講解。在學(xué)生掌握了一定的理論知識(shí)后，再引導(dǎo)學(xué)生進(jìn)行相對(duì)應(yīng)的項(xiàng)目聯(lián)系。但這種模式化的教學(xué)模式很容易感受到學(xué)習(xí)過程的枯燥乏味，并且從初期學(xué)習(xí)階段就沒有建立起與課程學(xué)習(xí)相適應(yīng)的思維方式，從而導(dǎo)致學(xué)生學(xué)習(xí)效率低下，更談不上理論知識(shí)與實(shí)踐操作的有效結(jié)合。
對(duì)于大部分高職學(xué)生而言，原本就對(duì)編程設(shè)計(jì)的興趣不大，而在傳統(tǒng)的教學(xué)過程中多將和數(shù)據(jù)庫(kù)的交互部分的內(nèi)容放在了最后環(huán)節(jié)，很多學(xué)生在學(xué)到該部分重點(diǎn)內(nèi)容時(shí)幾乎完全失去了學(xué)習(xí)興趣，對(duì)該部分的掌握情況也較差，這在很大程度上影響到了學(xué)生的整體專業(yè)技能。同時(shí)，對(duì)于部分高職院校而言，對(duì)動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的實(shí)訓(xùn)環(huán)節(jié)不夠重視，并且沒有形成一套完善的實(shí)訓(xùn)體系，在實(shí)訓(xùn)階段大多是要求學(xué)生按照指定的題目來分階段完成任務(wù)，并且將實(shí)訓(xùn)重點(diǎn)放在了注冊(cè)、登錄，以及數(shù)據(jù)庫(kù)操作等功能，對(duì)項(xiàng)目的分析討論、實(shí)施，以及總結(jié)等環(huán)節(jié)卻很少設(shè)計(jì)，在很大程度上抑制了學(xué)生對(duì)專業(yè)技能的系統(tǒng)性掌握，并且給學(xué)生綜合分析能力的提升造成了一定困難。
動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)教學(xué)改革措施
2.1對(duì)教學(xué)內(nèi)容進(jìn)行改革
對(duì)于高職教育而言，其目的是為社會(huì)培養(yǎng)符合崗位需求的應(yīng)用型技術(shù)人才。為此，在具體的職業(yè)教學(xué)過程中，應(yīng)充分尊重學(xué)生畢業(yè)后的崗位需求，以提升教學(xué)工作的針對(duì)性與科學(xué)合理性。對(duì)于《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》課程而言，其目的是引導(dǎo)學(xué)生掌握基本的網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)，并能獨(dú)立完成動(dòng)態(tài)網(wǎng)站的制作。同時(shí)，隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展，網(wǎng)頁制作技術(shù)也在發(fā)生變化，新方法與新技術(shù)不斷引入。為此，在教學(xué)內(nèi)容的選擇過程中，因根據(jù)崗位需求、學(xué)生自身需求，以及新技術(shù)特點(diǎn)及應(yīng)用等因素，對(duì)教學(xué)內(nèi)容進(jìn)行不斷完善與創(chuàng)新，增加新的知識(shí)點(diǎn)，調(diào)整教材內(nèi)容順序，選擇一種更利于學(xué)生接受的課程設(shè)置方式，并定期召開網(wǎng)絡(luò)交流會(huì)與研討會(huì)，對(duì)學(xué)生在學(xué)習(xí)過程中遇到的困惑與問題及時(shí)解決。
2.2對(duì)教學(xué)方式進(jìn)行改革
上文已經(jīng)提到，《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》是一門實(shí)踐性較強(qiáng)的學(xué)科，學(xué)生有良好的動(dòng)手能力，學(xué)生應(yīng)掌握如CGI、ASP、、PHP、JSP等變成語言。在具體的教學(xué)過程中，教師還可根據(jù)具體授課內(nèi)容進(jìn)行實(shí)例教學(xué)，讓學(xué)生自己動(dòng)手在網(wǎng)上查找一些相關(guān)范例，在教師的現(xiàn)場(chǎng)指導(dǎo)下進(jìn)行講解，以調(diào)動(dòng)起學(xué)生的學(xué)習(xí)積極性。同時(shí)，教師應(yīng)擺脫各種客觀條件的限制，注重實(shí)踐環(huán)節(jié)的教學(xué)工作，既對(duì)學(xué)生的理論知識(shí)掌握情況進(jìn)行檢查，又促進(jìn)學(xué)生理論知識(shí)與實(shí)踐操作的有機(jī)結(jié)合，從而提升教學(xué)質(zhì)量與教學(xué)效率。
為了提升學(xué)生的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)綜合專業(yè)技能，在具體的教學(xué)工作過程中可引入項(xiàng)目驅(qū)動(dòng)、課堂討論等教學(xué)方式。在理論教學(xué)環(huán)節(jié)，學(xué)生已經(jīng)對(duì)動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)有了一定的認(rèn)識(shí)，因此教師在課堂上要引導(dǎo)學(xué)生按照題目要求，發(fā)揮他們的主觀能動(dòng)性，對(duì)在學(xué)習(xí)過程中遇到的難點(diǎn)進(jìn)行重點(diǎn)討論與分析，從而引導(dǎo)學(xué)生掌握動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的重點(diǎn)內(nèi)容。之后，教師可引入學(xué)生已經(jīng)掌握的知識(shí)點(diǎn)，為學(xué)生布置一定的設(shè)計(jì)任務(wù)，以強(qiáng)化學(xué)生對(duì)所學(xué)知識(shí)的認(rèn)知與理解。如可以引導(dǎo)學(xué)生根據(jù)他們自己的理解來分析一個(gè)登錄界面都包含哪些控件，在實(shí)現(xiàn)界面之后，應(yīng)連接到具體的數(shù)據(jù)庫(kù)sql語句。之后，教師可根據(jù)學(xué)生的思路提出相應(yīng)的意見，并根據(jù)討論得出的思路與方法逐步設(shè)計(jì)實(shí)現(xiàn)。在完成這些基本的功能之后，還可引導(dǎo)學(xué)生對(duì)基本功能進(jìn)行拓展，以使設(shè)計(jì)界面更加人性化。
3.注重實(shí)訓(xùn)環(huán)節(jié)，提升學(xué)生的綜合專業(yè)技能
為了提升學(xué)生畢業(yè)后的崗位適應(yīng)能力與綜合專業(yè)技能，必須加強(qiáng)對(duì)實(shí)訓(xùn)環(huán)節(jié)的重視。在實(shí)訓(xùn)開始階段應(yīng)要求學(xué)生提出整體設(shè)計(jì)方案與思路，并在經(jīng)過小組討論之后獲得統(tǒng)一的目標(biāo)。在此過程中，應(yīng)注意對(duì)項(xiàng)目進(jìn)行模塊劃分，確定模式的時(shí)間完成順序，以確保設(shè)計(jì)工作的有效性。
因每個(gè)學(xué)生學(xué)習(xí)能力與實(shí)踐能力的不同，在實(shí)際的實(shí)訓(xùn)環(huán)節(jié)應(yīng)根據(jù)學(xué)生的個(gè)體差異進(jìn)行分組搭配。同時(shí)，對(duì)于不同的實(shí)訓(xùn)項(xiàng)目而言，應(yīng)針對(duì)小組綜合實(shí)力的差異選擇難度不同的實(shí)訓(xùn)題目。對(duì)于基礎(chǔ)相對(duì)較差的學(xué)生而言，應(yīng)要求他們實(shí)現(xiàn)對(duì)注冊(cè)、登錄，以及數(shù)據(jù)庫(kù)管理等工作，切實(shí)掌握與數(shù)據(jù)庫(kù)之間的交互。而對(duì)于綜合能力相對(duì)較強(qiáng)的學(xué)生而言，除了要求他們實(shí)現(xiàn)后臺(tái)管理之外，還應(yīng)完成對(duì)前臺(tái)界面的管理，并初步完成簡(jiǎn)單的網(wǎng)頁設(shè)計(jì)。在此過程中，應(yīng)對(duì)每一個(gè)學(xué)生都嚴(yán)格要求，對(duì)每一個(gè)細(xì)節(jié)操作的要求都做到細(xì)致入微，以提高學(xué)生設(shè)計(jì)操作的準(zhǔn)確度與實(shí)際操作技能。
4.結(jié)語
在現(xiàn)階段的高職動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)教學(xué)過程中，應(yīng)加強(qiáng)教學(xué)改革，提升學(xué)生的動(dòng)手實(shí)踐與分析問題、解決問題的能力，為提升學(xué)生畢業(yè)后的崗位適應(yīng)能力打下堅(jiān)實(shí)的基礎(chǔ)。為了提升教學(xué)質(zhì)量，還應(yīng)加強(qiáng)學(xué)生實(shí)踐操作與教學(xué)改革的結(jié)合，針對(duì)學(xué)生自身需求，靈活選擇教學(xué)方式與內(nèi)容，以切實(shí)提升學(xué)生的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技能。
參考文獻(xiàn)：
1．綜合性
傳統(tǒng)藝術(shù)設(shè)計(jì)活動(dòng)僅圍繞著社會(huì)文明、文化等方面，設(shè)計(jì)題材內(nèi)容相對(duì)單一，這限制了現(xiàn)代化藝術(shù)領(lǐng)域創(chuàng)作的變革趨勢(shì)。新時(shí)期藝術(shù)思想強(qiáng)調(diào)了題材的廣泛性，提出藝術(shù)設(shè)計(jì)也是一門綜合性極強(qiáng)的學(xué)科，可以從多個(gè)方面開展相關(guān)的設(shè)計(jì)活動(dòng)。數(shù)字時(shí)代藝術(shù)設(shè)計(jì)更具綜合性特點(diǎn)，它涉及到社會(huì)、文化、經(jīng)濟(jì)、市場(chǎng)、科技等諸多方面的因素，其審美標(biāo)準(zhǔn)也隨著這諸多因素的變化而改變。
2．主觀性
藝術(shù)是被創(chuàng)造的，設(shè)計(jì)師是藝術(shù)的創(chuàng)造者，堅(jiān)持主觀思想表達(dá)是數(shù)字時(shí)代藝術(shù)設(shè)計(jì)的基本要求。數(shù)字技術(shù)是藝術(shù)設(shè)計(jì)的輔助工具，設(shè)計(jì)者才是新藝術(shù)的締造者，藝術(shù)設(shè)計(jì)貴在創(chuàng)造活動(dòng)與實(shí)踐，是設(shè)計(jì)者自身綜合素質(zhì)的體現(xiàn)，如：表現(xiàn)能力、感知能力、想象能力。設(shè)計(jì)師可以結(jié)合有關(guān)的藝術(shù)題材，從背景文化、地理、歷史、人文知識(shí)等方面，結(jié)合個(gè)人主體思想或藝術(shù)理念展開設(shè)計(jì)。
3．創(chuàng)造性
隨著時(shí)代的變化與發(fā)展，藝術(shù)設(shè)計(jì)更是呈現(xiàn)了多元化趨勢(shì)，“創(chuàng)新”是藝術(shù)領(lǐng)域永恒的主題，只有創(chuàng)新改革才能塑造出更多的作品。從創(chuàng)造性思維角度出發(fā)，數(shù)字藝術(shù)設(shè)計(jì)是對(duì)生活方式的一種創(chuàng)造性的改造，不論是在商業(yè)活動(dòng)中的信息傳達(dá)里的應(yīng)用，還是日常生活的行為方式中的應(yīng)用，數(shù)字藝術(shù)根本目標(biāo)就是讓人類獲得各種更有價(jià)值，這也是數(shù)字時(shí)代藝術(shù)設(shè)計(jì)的新思想。
4．科學(xué)性
藝術(shù)是一門內(nèi)涵深刻的學(xué)科，并不是所有創(chuàng)作設(shè)計(jì)都能稱之為藝術(shù)，科學(xué)理念也是影響藝術(shù)設(shè)計(jì)的新思想。一個(gè)好的產(chǎn)品不是的設(shè)計(jì)者的純自我的表達(dá)，是有嚴(yán)謹(jǐn)?shù)目茖W(xué)精神在里面的，是一個(gè)合理統(tǒng)籌的一個(gè)有目的的活動(dòng)。面對(duì)數(shù)字化發(fā)展時(shí)代，藝術(shù)設(shè)計(jì)的科學(xué)性要求更高，除了從專業(yè)領(lǐng)域展開設(shè)計(jì)外，還要把自己的觀點(diǎn)和觀念通過科學(xué)的調(diào)查、合理的流程歸劃一步步的完善出來的。
5．技術(shù)性
數(shù)字時(shí)代本質(zhì)上是科技變換時(shí)代，依賴于科學(xué)技術(shù)才能創(chuàng)造更多的藝術(shù)作品，科學(xué)理論應(yīng)用于藝術(shù)設(shè)計(jì)也是不可缺少的思想認(rèn)識(shí)。各種材料的研究、電腦技術(shù)的應(yīng)用、數(shù)據(jù)的整理、工業(yè)化的生產(chǎn)以及產(chǎn)品的銷售等等，都是藝術(shù)設(shè)計(jì)不能繞開的問題，這類設(shè)計(jì)活動(dòng)與人們社會(huì)實(shí)踐是密切相關(guān)的。合理應(yīng)用高端科技輔助藝術(shù)設(shè)計(jì)思想，才能實(shí)現(xiàn)數(shù)字時(shí)代的科技化價(jià)值，塑造出更加獨(dú)特的藝術(shù)作品。
二、數(shù)字藝術(shù)設(shè)計(jì)思想的應(yīng)用形式
數(shù)字時(shí)代開辟了藝術(shù)設(shè)計(jì)領(lǐng)域的新時(shí)代，數(shù)字技術(shù)融入傳統(tǒng)藝術(shù)設(shè)計(jì)是必然的發(fā)展趨勢(shì)，這些都依賴于新型設(shè)計(jì)思想的綜合應(yīng)用。數(shù)字藝術(shù)設(shè)計(jì)方案中常常會(huì)涉及到多方面內(nèi)容，無論是設(shè)計(jì)師或者技術(shù)人員都要注重新思想的應(yīng)用，把最先進(jìn)的藝術(shù)理論、題材、內(nèi)容等融合起來，創(chuàng)建更加符合現(xiàn)代化的藝術(shù)設(shè)計(jì)體系。本次結(jié)合常見藝術(shù)設(shè)計(jì)內(nèi)容，對(duì)藝術(shù)設(shè)計(jì)新思想應(yīng)用情況進(jìn)行闡述。主要應(yīng)用形式包括：
1．廣告設(shè)計(jì)
內(nèi)容包括廣告策劃與創(chuàng)意，文案、廣告經(jīng)營(yíng)、媒體研究、攝像與攝影、 廣告設(shè)計(jì)、市場(chǎng)調(diào)查等課程。廣告設(shè)計(jì)是數(shù)字化藝術(shù)的主要內(nèi)容，主要適用于新聞媒體、廣告公司、市場(chǎng)調(diào)查、信息咨詢等行業(yè)，對(duì)藝術(shù)設(shè)計(jì)的數(shù)字化水平較高。因而，數(shù)字藝術(shù)設(shè)計(jì)階段要采用高端科技輔助廣告設(shè)計(jì)，利用三維模型技術(shù)體現(xiàn)出廣告創(chuàng)作效果，將設(shè)計(jì)方案借助模型體現(xiàn)出最終的效果，這是數(shù)字時(shí)代藝術(shù)的新概念。
2．室內(nèi)設(shè)計(jì)
內(nèi)容包括室內(nèi)空間設(shè)計(jì)、室內(nèi)陳設(shè)設(shè)計(jì)，可用數(shù)字技術(shù)為室內(nèi)空間進(jìn)行詳細(xì)地規(guī)劃，自動(dòng)篩選出最佳室內(nèi)布局方案。設(shè)計(jì)師借助數(shù)字媒體展示，事先規(guī)劃出某個(gè)空間設(shè)計(jì)方案，從數(shù)字藝術(shù)角度編排建筑物結(jié)構(gòu)，全面系統(tǒng)地認(rèn)識(shí)、理解室內(nèi)設(shè)計(jì)的特征和規(guī)律。此外，數(shù)字藝術(shù)對(duì)室內(nèi)設(shè)計(jì)的多個(gè)設(shè)計(jì)環(huán)節(jié)和表現(xiàn)形式和創(chuàng)意，能夠具備較完備的多角度施工效果圖的繪制及模型制作能力。
3．網(wǎng)頁設(shè)計(jì)
網(wǎng)頁藝術(shù)設(shè)計(jì)包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁藝術(shù)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽元素和版式設(shè)計(jì)兩個(gè)方面，兩者都不開數(shù)字技術(shù)的綜合應(yīng)用。一般來說，網(wǎng)頁設(shè)計(jì)主要服務(wù)于商業(yè)化運(yùn)作，利用互聯(lián)網(wǎng)科技輔助網(wǎng)頁制作與編策，從視覺、聽覺等方面提升了網(wǎng)頁的吸引力，這是藝術(shù)設(shè)計(jì)創(chuàng)造性的主要表現(xiàn)。
4．環(huán)境設(shè)計(jì)
物質(zhì)生活水平不斷提升，人們對(duì)生活環(huán)境質(zhì)量要求越來越高，利用數(shù)字技術(shù)輔助環(huán)境設(shè)計(jì)也是一種科技化方式。在中國(guó)，所謂的“環(huán)境藝術(shù)設(shè)計(jì)”就是指景觀園林設(shè)計(jì)、室內(nèi)設(shè)計(jì)、建筑裝飾設(shè)計(jì)和裝飾裝潢等。計(jì)算機(jī)動(dòng)態(tài)展示是環(huán)境設(shè)計(jì)的先進(jìn)科技，按照設(shè)計(jì)者要求選用動(dòng)態(tài)模擬器，為設(shè)計(jì)師提供方案預(yù)演過程，對(duì)建筑環(huán)境、園林環(huán)境等提出更多可行的意見，進(jìn)一步提升了藝術(shù)設(shè)計(jì)成效。
5．版式設(shè)計(jì)
是指書籍正文的全部格式設(shè)計(jì)，與藝術(shù)設(shè)計(jì)也存在著密切的關(guān)聯(lián)，強(qiáng)化了書籍版面的視覺效果。數(shù)字版面設(shè)計(jì)體現(xiàn)了綜合思想的應(yīng)用價(jià)值，對(duì)整個(gè)書籍相關(guān)內(nèi)容均展開一系列的設(shè)計(jì)活動(dòng)，除封面、環(huán)襯和扉頁之外，前言也包括在其中。另外，數(shù)字軟件可取代人工編輯操作，對(duì)書籍的版心、天頭、地腳、內(nèi)口、外口等要素，按照標(biāo)準(zhǔn)比例進(jìn)行自動(dòng)化邊坡，從而提高了書籍整體的編排質(zhì)量。
三、未來藝術(shù)設(shè)計(jì)師的新要求
藝術(shù)設(shè)計(jì)是不斷創(chuàng)作的過程，任何一類藝術(shù)設(shè)計(jì)都要經(jīng)過詳細(xì)的編排，融合先進(jìn)藝術(shù)設(shè)計(jì)思想及題材，才能創(chuàng)造出更加優(yōu)越的藝術(shù)作品。數(shù)字時(shí)代是藝術(shù)領(lǐng)域的必然趨勢(shì)，數(shù)字藝術(shù)設(shè)計(jì)必將打破傳統(tǒng)藝術(shù)設(shè)計(jì)思路，改變過去藝術(shù)創(chuàng)作領(lǐng)域的不足之處。另一方面。新時(shí)代藝術(shù)設(shè)計(jì)在廣告、室內(nèi)、網(wǎng)頁、環(huán)境等方面的應(yīng)用更加廣泛，其對(duì)設(shè)計(jì)師的創(chuàng)作要求也在提升。
1．勇于革新
藝術(shù)創(chuàng)作的流程是從無到有，從一張空白的畫布上開始，藝術(shù)家將自己的觀點(diǎn)或感受表達(dá)在作品創(chuàng)作上。數(shù)字時(shí)代是藝術(shù)創(chuàng)作的新領(lǐng)域，革新思想是藝術(shù)設(shè)計(jì)不可少的，這要求設(shè)計(jì)師具有革新精神，不能滿足于現(xiàn)有的藝術(shù)設(shè)計(jì)成就。例如，充分利用數(shù)字技術(shù)平臺(tái)進(jìn)行創(chuàng)作，提高藝術(shù)思想帶來的不同風(fēng)格，把創(chuàng)新性與主觀性思想綜合起來應(yīng)用，用創(chuàng)新實(shí)現(xiàn)藝術(shù)方案的最優(yōu)化。
2．符合大眾
藝術(shù)設(shè)計(jì)目的是準(zhǔn)確的向受眾傳遞信息，設(shè)計(jì)師的作品不僅僅在于視覺享受，更需要讓作品中所傳達(dá)的信息準(zhǔn)確的被受眾所理解和接受。社會(huì)群眾是藝術(shù)設(shè)計(jì)的“欣賞者、使用者”，一切藝術(shù)設(shè)計(jì)均是服務(wù)于社會(huì)大眾。無論是傳統(tǒng)時(shí)代或數(shù)字時(shí)代，藝術(shù)設(shè)計(jì)思想都要滿足大眾的審美要求，與群眾審美藝術(shù)觀念相結(jié)合，這是現(xiàn)代藝術(shù)設(shè)計(jì)最基本的理念要求。
3．持續(xù)創(chuàng)作
一個(gè)藝術(shù)家通常都是具有天賦的，藝術(shù)天賦應(yīng)當(dāng)長(zhǎng)時(shí)間應(yīng)用于設(shè)計(jì)實(shí)踐。對(duì)于設(shè)計(jì)師來說，從最開始的時(shí)候，藝術(shù)家都要經(jīng)歷學(xué)習(xí)繪畫，不斷創(chuàng)作來發(fā)展自己的藝術(shù)特長(zhǎng)。對(duì)于當(dāng)前數(shù)字化時(shí)代，設(shè)計(jì)師要堅(jiān)持探索之路，從不同題材實(shí)施藝術(shù)創(chuàng)作活動(dòng)。采用最新技術(shù)輔助藝術(shù)設(shè)計(jì)活動(dòng)，體現(xiàn)出數(shù)字時(shí)代藝術(shù)設(shè)計(jì)新思想的創(chuàng)新價(jià)值，把數(shù)字產(chǎn)品與藝術(shù)理論緊密地聯(lián)系起來。
四、結(jié)論
1卡通元素為何被應(yīng)用經(jīng)平面廣告設(shè)計(jì)中
卡通雖然起源于歐洲，但得以發(fā)展卻是在美國(guó)。卡通形象是簡(jiǎn)潔設(shè)計(jì)理念的具體表現(xiàn)，設(shè)計(jì)者用簡(jiǎn)約的外形對(duì)動(dòng)物或人物形象進(jìn)行概括，或直觀，或幽默，或親和、可愛。卡通由于其有別于以往的設(shè)計(jì)理念，在當(dāng)前信息時(shí)代迅速受到人們的青睞和追捧。設(shè)計(jì)者從自然環(huán)境和人文環(huán)境中提取原始素材，不斷更新人們的審美趣味，以滿足人們欣賞性需求。同時(shí)這也推動(dòng)了平面廣告設(shè)計(jì)中對(duì)卡通元素的應(yīng)用，在現(xiàn)實(shí)生活中，從70后到00后都有喜愛的卡通形象，這些現(xiàn)實(shí)中存在的現(xiàn)象，也使其商業(yè)價(jià)值日益彰顯出來。因此，為了商品在營(yíng)銷中獲得更好的效益，在平面廣告設(shè)計(jì)中增加該商品的附加值，使得所推廣促銷的商品能吸引更多消費(fèi)者，就需要將卡通元素應(yīng)用于平面廣告設(shè)計(jì)中。
2卡通元素的應(yīng)用手法
2.1抽象化和擬人手法的應(yīng)用
將卡通元素運(yùn)用于平面設(shè)計(jì)其設(shè)計(jì)手法和設(shè)計(jì)定位，取決于其題材與內(nèi)容，并以抽象化和擬人化為主要設(shè)計(jì)手法。抽象化設(shè)計(jì)手法，主要是從繁復(fù)的信息中提取其重要特征進(jìn)行簡(jiǎn)化，用抽象的手法抓住其外形特征，并賦予其典型意義作為符號(hào)性特征，這樣的設(shè)計(jì)有助于人們迅速對(duì)其進(jìn)行識(shí)別。而擬人化設(shè)計(jì)手法，則是達(dá)到和觀賞者共情的設(shè)計(jì)要求，以傳遞設(shè)計(jì)者希望達(dá)到的效果。例如，表情設(shè)計(jì)中，一個(gè)夸張的笑口大開的設(shè)計(jì)，就能迅速將開心的情緒傳遞給觀賞者。因此，可以說在平面廣告設(shè)計(jì)中，通過將動(dòng)物擬人化設(shè)計(jì)，來贏得受眾喜愛，能夠取得較好的廣告設(shè)計(jì)效應(yīng)。
2.2夸張的表現(xiàn)手法
個(gè)性化設(shè)計(jì)作為平面廣告設(shè)計(jì)中的創(chuàng)新技巧，是伴隨時(shí)展而產(chǎn)生的。具有創(chuàng)新型特色的個(gè)性設(shè)計(jì)，能夠體現(xiàn)時(shí)代感和社會(huì)性，比較能夠突出設(shè)計(jì)者的創(chuàng)作構(gòu)思和表現(xiàn)力。往往在設(shè)計(jì)卡通形象時(shí)，將夸張的手法融入卡通元素中，能夠直接抓住廣告的重點(diǎn)，并巧妙地表現(xiàn)主題。通過將夸張的個(gè)性化設(shè)計(jì)，融入平面廣告設(shè)計(jì)當(dāng)中，能夠符合大眾追求新穎、突出的效果，并且滿足了受眾對(duì)廣告的心理和情感預(yù)期。在設(shè)計(jì)中用夸張的個(gè)性化設(shè)計(jì)來表現(xiàn)商品的品位和時(shí)尚趣味，能更好地詮釋所推廣商品的品牌價(jià)值。
3卡通元素在平面廣告設(shè)計(jì)中的應(yīng)用
由于卡通元素在視覺傳達(dá)中的親和力，當(dāng)其應(yīng)用于平面廣告設(shè)計(jì)中時(shí)，能夠?yàn)橛^賞者提供輕松的交流方式，這也有利于所推廣的商品吸引消費(fèi)群體。而在當(dāng)前信息快速更新的時(shí)代，如何從各種信息和廣告中脫穎而出，盡量用簡(jiǎn)潔直觀的設(shè)計(jì)方案，贏得消費(fèi)者的青睞，以達(dá)到客戶推廣、宣傳商品的目的，就需要在卡通元素中融入各種表達(dá)技巧。
3.1卡通元素中的情感表達(dá)
情感在人們生活中起到紐帶作用，在卡通元素中融入情感表達(dá)，能迅速拉近商品和受眾之間的關(guān)系，讓受眾得到精神上的共振效應(yīng)。平面廣告設(shè)計(jì)中，突出卡通元素的感染力，能增進(jìn)消費(fèi)者對(duì)所推廣的商品產(chǎn)生好感，從而激發(fā)其購(gòu)買和收藏的興趣。
3.2卡通元素中的時(shí)尚化
在平面廣告設(shè)計(jì)中各種時(shí)尚元素的延伸，促進(jìn)了人們之間的交流，同時(shí)也在時(shí)尚設(shè)計(jì)中賦予了所處時(shí)代的特征。在現(xiàn)實(shí)生活中，時(shí)尚的觸角不僅觸及了媒體、藝術(shù)，還觸及到了社會(huì)的方方面面。隨著信息化時(shí)代的推動(dòng)，人們對(duì)時(shí)尚的追求也不斷在更新。因此，在平面廣告設(shè)計(jì)中，突出卡通元素的時(shí)尚化特點(diǎn)，以契合消費(fèi)者的審美趣味，進(jìn)而影響受眾的消費(fèi)觀念，有利于促進(jìn)商品的推廣。
3.3突出卡通元素趣味化特點(diǎn)
源于人們對(duì)事物的好奇心，以及對(duì)新奇事物的探究心理，在卡通元素中融入趣味化特點(diǎn)，能使得所推廣、宣傳的商品趣味性和新奇性得到較好的彰顯從而刺激消費(fèi)。這樣的設(shè)計(jì)方案能讓受眾得到輕松愜意的視覺滿足，從而收到廣告推廣希望達(dá)到的效果。在滿足受眾視覺感受和心理愉悅的同時(shí)，也拉近了商品和消費(fèi)者之間的距離。
3.4在設(shè)計(jì)中體現(xiàn)同構(gòu)思維
格式塔心理學(xué)派的魯?shù)婪?#8226;阿恩海姆曾說過，當(dāng)對(duì)象的力結(jié)構(gòu)與人的感知力結(jié)構(gòu)一致時(shí)，其審美感受和審美經(jīng)驗(yàn)便能得到激發(fā)。所謂同構(gòu)思維就是：兩種或超過兩種事物的性質(zhì)和形狀，以及其賦予的意義能在特定指向下，做關(guān)聯(lián)性思考，從而誘發(fā)新觀念和事物的思維方式。在平面廣告設(shè)計(jì)中，運(yùn)用同構(gòu)思維能突顯設(shè)計(jì)者的創(chuàng)造性思維，使得設(shè)計(jì)方案的生命力得到彰顯。
4卡通元素的實(shí)際應(yīng)用
在設(shè)計(jì)中加入卡通元素，能夠讓其所推廣商品更加吸引消費(fèi)者的注意力。由于喜歡卡通形象受眾的不斷增加，各年齡段都有特定的卡通形象標(biāo)識(shí)，這使得卡通元素實(shí)際應(yīng)用范圍被較大的拓展了。從視聽媒體，如電視、電影，到聽覺媒體，廣播和電話鈴聲等，都增加了卡通元素的實(shí)際運(yùn)用，并且收到了較好的經(jīng)濟(jì)效益和廣告推廣效應(yīng)。這也使得平面廣告設(shè)計(jì)中，卡通元素也被廣泛地應(yīng)用了。例如，報(bào)紙、雜志和戶外櫥窗布置，以及交通等實(shí)物廣告當(dāng)中，卡通元素被廣泛應(yīng)用，并且獲得審美和推廣方面的雙效益。
5卡通元素被應(yīng)用于網(wǎng)頁設(shè)計(jì)中
關(guān)鍵詞：網(wǎng)頁；網(wǎng)站；網(wǎng)頁制作；個(gè)人網(wǎng)站；商業(yè)網(wǎng)站
中圖分類號(hào)：G718文獻(xiàn)標(biāo)識(shí)碼：B文章編號(hào)：1672-1578（2017）05-0004-01
計(jì)算機(jī)網(wǎng)絡(luò)已深入到人類生活的各個(gè)方面，已經(jīng)成為人們生活中不可或缺的部分，并促進(jìn)了科學(xué)、技術(shù)、文化、教育和經(jīng)濟(jì)的不斷向前發(fā)展，影響著我們的生活和工作方式，當(dāng)全球信息網(wǎng)在世界盛行之際，用戶是不是都有著自己制作網(wǎng)頁、開發(fā)網(wǎng)站的想法呢？
這里提到了網(wǎng)站、網(wǎng)頁兩個(gè)概念，首先我們需要了解一下網(wǎng)站、網(wǎng)頁和主頁之間關(guān)系，網(wǎng)站是所有網(wǎng)頁的集合，類似一幢樓。而網(wǎng)頁是每一幢樓里面的房間，主頁是用戶看到的第一個(gè)網(wǎng)頁，可以理解為庭院。具體關(guān)系是：主頁是網(wǎng)站最重要的網(wǎng)頁，主頁和網(wǎng)頁構(gòu)成了整個(gè)網(wǎng)站，網(wǎng)站包含主頁和網(wǎng)頁（內(nèi)頁）。
如果要建一幢樓，那么有沒有應(yīng)該注意的問題呢？答案當(dāng)然是肯定的，其實(shí)制作網(wǎng)站和建樓房是一樣的道理。下面筆者結(jié)合在這幾年從事職業(yè)院校計(jì)算機(jī)專業(yè)《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)過程中總結(jié)出的一些小心得，以設(shè)計(jì)個(gè)人網(wǎng)站為例，談?wù)勗诰W(wǎng)頁設(shè)計(jì)與制作中的幾點(diǎn)應(yīng)用體會(huì)。
1.文件目錄巧設(shè)置
我們?cè)谥谱骶W(wǎng)頁的時(shí)候需要將做好的文件保存到硬盤上，許多人往往隨意建立目錄，這樣雖然不影響瀏覽，可是會(huì)給以后自己更新主頁帶來許多不必要的麻煩，而且如果你的是好幾個(gè)人共同維護(hù)，那么將會(huì)嚴(yán)重影響你們的合作，這時(shí)規(guī)劃網(wǎng)站文件的目錄就顯得越發(fā)重要了。在建立目錄的時(shí)候可以按照以下幾點(diǎn)來操作：
①每個(gè)欄目盡量使用一個(gè)子目錄，將不同欄目的文件分開保存，這樣如果要撤銷一個(gè)欄目，只要?jiǎng)h除對(duì)應(yīng)的目錄即可。在每一個(gè)目錄中都建立一個(gè)"images"子目錄，將每個(gè)欄目的圖片分開保存。如果網(wǎng)頁中使用了模版，那么這些圖片可以放到主頁根目錄中的"images"文件夾中，當(dāng)然你也可以使用"picture"等英文單詞或拼音命名，且目錄名不能過長(zhǎng)，這樣既不便于記憶又容易出錯(cuò)，當(dāng)然也可以根據(jù)各欄目的意思來給目錄命名，建議用英文意思命名，切忌不要使用中文作為目錄的名字。②目錄的層次不要太深，盡量保持在三層以內(nèi)，如果一個(gè)訪問者要經(jīng)過幾次點(diǎn)擊才能找到他想要的東西，那么就很難吸引他再來了。③將每個(gè)頁面共有的元素保存到一個(gè)文件夾中，既節(jié)省了頁面下載的速度又不會(huì)因?yàn)閯h除一個(gè)頁面而導(dǎo)致其余頁面出錯(cuò)。
2.網(wǎng)頁字體用缺省
經(jīng)常會(huì)有學(xué)生問我這樣的問題，他在自己的電腦上瀏覽時(shí)都非常漂亮，可為什么用其他電腦訪問時(shí)，那些漂亮的文字就變得普普通通了，這是因?yàn)槟愕木W(wǎng)頁中加入了一些非系統(tǒng)默認(rèn)的字體，這時(shí)如果其他電腦上沒有那種字體的話，它會(huì)自動(dòng)用宋體來代替，所以漂亮的字體不僅變普通了，頁面的排版也會(huì)因字體的改動(dòng)而變得"慘不忍睹"。其實(shí)在網(wǎng)頁中9磅（pt）和11磅的宋體都是比較漂亮的，你可以自己選擇使用。如果你非要使用非系統(tǒng)字體，可以使用圖像處理軟件將這些文字轉(zhuǎn)化為圖片格式后再插入到網(wǎng)頁中。
3.免費(fèi)代碼適當(dāng)用
現(xiàn)在許多網(wǎng)站都提供如郵件列表、新聞代碼和調(diào)查引擎等，其實(shí)它只是提供了一小段代碼，當(dāng)你將這些代碼加入到網(wǎng)頁中后，如果有人訪問你的網(wǎng)站，那么瀏覽器就會(huì)根據(jù)那段代碼從提供服務(wù)網(wǎng)站的服務(wù)器中調(diào)用程序。這樣不但嚴(yán)重影響頁面的下載，而且這些華而不實(shí)的東西也沒有什么用處。
4.主題內(nèi)容小而精
主題小而精是指題材的定位要精、要小，因?yàn)閷?duì)于一般的制作者來說沒有也不可能有足夠的時(shí)間和精力去制作一個(gè)應(yīng)有盡有的站點(diǎn)。雖然在做網(wǎng)站的時(shí)候很想把所有認(rèn)為精彩的東西都放上去，但往往這樣反而沒了特色，給人的感覺是沒有主題，好像什么都有卻都很膚淺。主題小但并不是內(nèi)容少，它所涉及本方面的信息要全，一般來說，專題類網(wǎng)站要比大而全的網(wǎng)站更受歡迎。
5.網(wǎng)站特色需注重
網(wǎng)絡(luò)給我們帶來了通訊便捷和資源共享的好處，如何才能讓自己的網(wǎng)站吸引來訪者目光，使其駐足，首先原創(chuàng)是必不可少的，當(dāng)然你也可以加一些他人的創(chuàng)作，借鑒別人的創(chuàng)作思路方法等，其次要根據(jù)自己的實(shí)際情況加入一些有特色的屬于自己的東西。最好挑選自己擅長(zhǎng)或者感興趣的內(nèi)容，主題最好是自己最擅長(zhǎng)并且最有興趣的東西，其中興趣特別重要的，只有感興趣才能創(chuàng)造出靈感，特別是對(duì)于個(gè)人網(wǎng)站，其最大的動(dòng)力就是對(duì)這方面是否特別感興趣。對(duì)于個(gè)人網(wǎng)站的內(nèi)容設(shè)計(jì)可以從自己的專業(yè)或興趣愛好方面多做考慮，如自己在計(jì)算機(jī)、書法、繪畫等方面有獨(dú)到的工夫，就可以將此專題作為網(wǎng)站的內(nèi)容。
看了以上內(nèi)容是不是覺得制作一個(gè)網(wǎng)站非常麻煩，還需要注意這些那些，但如果把我們制作的網(wǎng)站看作是商品，瀏覽者即是顧客，要想讓顧客買東西，當(dāng)然顧客是上帝，那么我們的宗旨即是：一切為顧客著想。
參考文獻(xiàn)：
[1]劉濤.網(wǎng)頁設(shè)計(jì)經(jīng)典應(yīng)用網(wǎng)頁制作綜合案例高等教育出版社2008.
關(guān)鍵詞： Java； 程序設(shè)計(jì)； 網(wǎng)頁； 水面特效； 圖像
中圖分類號(hào)：TP301.6；311.11 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1006-8228（2014）10-54-02
Water special effects on Webpage using Java
Wang Zhida
（Ningbo Polytechnic， Ningbo， Zhejiang 315800， China）
Abstract： The implementing project of making water special effects on webpage using Java is introduced. The related technique method and programming are discussed in detail， with some applied issues. The core technology is casting image on waving water. The waves are regarded as sine curves. The frame's phase angle and amplitude are calculated. The amplitude is used as frame vertical deviant to draw each line of the frame. Meanwhile， double buffer technology is utilized to process the image on buffer area and display it on the window.
Key words： Java； programing； webpage； water special effects； image
0 引言
使用Applet程序可以方便地進(jìn)行圖像處理，再融合動(dòng)畫技術(shù)，可在網(wǎng)頁上制作出各種特殊效果。本文介紹水面特效的制作，將圖像映在波動(dòng)的水中，如圖1所示，運(yùn)行時(shí)水面是運(yùn)動(dòng)的。
圖1 水面特效
1 實(shí)現(xiàn)方案
1.1 總體設(shè)計(jì)
采用雙緩沖技術(shù)，先在圖像緩沖區(qū)中處理圖像，完成后再顯示到窗體上。為此需要設(shè)置圖像緩沖區(qū)，并將緩沖區(qū)邏輯劃分為左、右兩部分。總體制作過程為：緩沖區(qū)左半部顯示圖像，右半部繪制倒影，左半部制作動(dòng)畫幀（覆蓋圖像），窗體顯示圖像和動(dòng)畫幀。如圖2所示。
圖2 總體制作過程
1.2 繪制倒影
倒影的繪制采用逐線移動(dòng)的處理方法，如圖3所示。
圖3 繪制倒影
圖3中h是緩沖區(qū)高度，i是線號(hào)，在程序中可以作為循環(huán)變量。按照上圖的設(shè)計(jì)，向下移動(dòng)是正向，開始的移動(dòng)量是正的，但隨著i的不斷增加，移動(dòng)量將逐漸變?yōu)樨?fù)值，表示向上移動(dòng)。
1.3 繪制動(dòng)畫幀
本例設(shè)計(jì)12個(gè)動(dòng)畫幀，幀號(hào)0～11，存于num，幀數(shù)越多圖像越精細(xì)，但動(dòng)畫循環(huán)中的延時(shí)時(shí)間需要相應(yīng)縮短。水波為正弦波，不同的幀相位角angle不同，用如下公式計(jì)算：
angle=num?2?л/12
仍然采用逐線移動(dòng)的方法繪制動(dòng)畫幀，動(dòng)畫幀中的圖像線可以理解為是倒影中相應(yīng)圖像線偏離原先位置形成的。假設(shè)向上偏移，偏移量用變量wave存儲(chǔ)，當(dāng)wave為負(fù)時(shí)則表示向下偏移，如圖4所示。
圖4 繪制動(dòng)畫幀
2 程序設(shè)計(jì)
程序整體框架如下：
import java.awt.*；
import java.applet.*；
public class MyJavaApplet extends Applet
{ Image img； //圖像
Image imgBuff； //圖像緩沖區(qū)
Graphics ibg； //緩沖區(qū)畫筆
int w，h； //圖像寬高
int num=0； //幀號(hào)
double angle； //相位角
int wave； //偏移量
public void init（）
{ //加載圖像、追蹤、獲取圖像寬高
//創(chuàng)建緩沖區(qū)及其畫筆
//在緩沖區(qū)的左半部顯示圖像
//在緩沖區(qū)的右半部繪制倒影
}
public void paint（Graphics g）
{ //計(jì)算當(dāng)前幀的相位角
//在緩沖區(qū)的左半部繪制動(dòng)畫幀
//產(chǎn)生下一幀的幀號(hào)
//在Applet窗體上部顯示圖像
//在Applet窗體下部顯示動(dòng)畫幀
//休眠50毫秒
repaint（）；
}
public void update（Graphics g）
{ paint（g）；
}
}
由于設(shè)計(jì)在paint方法中完成循環(huán)，在paint方法的最后，使用repaint方法再調(diào)用paint。程序使用了update方法，且在其中使用參數(shù)g調(diào)用paint方法，其作用是取消每次循環(huán)的清屏操作，避免動(dòng)畫出現(xiàn)閃爍[5]。
在init方法的最后，按照設(shè)計(jì)方案，使用循環(huán)，用逐線移動(dòng)的方法，在緩沖區(qū)的右半部繪制倒影，代碼[2]為：
for（int i=0；i
{ ibg.copyArea（0，i，w，1，w，（h-1）-2*i）；
}
循環(huán)變量i即線號(hào)；copyArea方法前4個(gè)參數(shù)指定了一個(gè)區(qū)域的左上角坐標(biāo)（0，i），和寬（w）高（1），即一根圖像線，后2個(gè)參數(shù)說明向右移動(dòng)w和向下移動(dòng)（h-1）-2*i，即移動(dòng)到緩沖區(qū)右半部形成倒影的位置，向下的移動(dòng)量在設(shè)計(jì)方案中已經(jīng)分析過；循環(huán)執(zhí)行結(jié)束后，倒影也繪制完成。
在paint方法中，繪制動(dòng)畫幀也是在循環(huán)中采用逐線移動(dòng)的方法，代碼如下[3]：
for（int i=0；i
{ wave=（int）（（i/12.0+1）*Math.sin（h/12.0*（h-i）/（i+1）+angle））；
ibg.copyArea（w，i+wave，w，1，-w，-wave）；
}
循環(huán)變量i即線號(hào)，循環(huán)中先計(jì)算倒影圖像中相應(yīng)的圖像線偏離原先位置的偏移量wave，然后使用copyArea方法移動(dòng)，偏移量wave在設(shè)計(jì)方案中已經(jīng)分析過。copyArea方法的前4個(gè)參數(shù)指定了一個(gè)區(qū)域的左上角坐標(biāo)（w，i+wave），和寬（w）高（1），即顯示在緩沖區(qū)右半部的倒影圖像上水平方向的一根圖像線；后2個(gè)參數(shù)說明向左移動(dòng)w和向上移動(dòng)wave，即移動(dòng)到緩沖區(qū)左半部形成動(dòng)畫幀的位置。循環(huán)執(zhí)行結(jié)束后，一個(gè)動(dòng)畫幀也就繪制完成[4]。
3 應(yīng)用要點(diǎn)
實(shí)際應(yīng)用中，展示水面特效的Applet窗體尺寸是由網(wǎng)頁設(shè)計(jì)規(guī)劃確定的，可通過標(biāo)記傳送，程序用getParameter方法接收[1]。 標(biāo)記應(yīng)在和標(biāo)記之間，無論什么類型的數(shù)據(jù)，都是以字符串的形式傳送的，格式為：
getParameter方法原型為：
String getParameter（"參數(shù)名"）
返回值是字符串類型的，需要時(shí)可在程序中將其轉(zhuǎn)換為原始類型。
參考文獻(xiàn)：
[1] 陳杰華.JavaScript Web開發(fā)技術(shù)（第2版）[M].清華大學(xué)出版社，
2013.
[2] 于波.Java程序設(shè)計(jì)與工程實(shí)踐[M].清華大學(xué)出版社，2013.
[3] 孫燮華.Java程序設(shè)計(jì)與應(yīng)用開發(fā)[M].機(jī)械工業(yè)出版社，2013.
【關(guān)鍵詞】Web設(shè)計(jì) CSS層疊樣式表 應(yīng)用思考
CSS層疊樣式表單（Cascading Style Sheets）屬于標(biāo)記性語言，應(yīng)用其進(jìn)行網(wǎng)頁制作，可以有效降低作業(yè)量，提高作業(yè)效率。在網(wǎng)頁設(shè)計(jì)過程中應(yīng)用CSS技術(shù)，不僅可以對(duì)代碼的重復(fù)使用效率進(jìn)行有效提升，對(duì)HTML語言的繁瑣標(biāo)記進(jìn)行全面簡(jiǎn)化，對(duì)網(wǎng)頁布局進(jìn)行精確控制，還可以強(qiáng)化網(wǎng)頁的傳輸效率，為網(wǎng)頁的維護(hù)與更新升級(jí)奠定了良好的技術(shù)基礎(chǔ)。本文重點(diǎn)闡述了CSS層疊樣式表單在網(wǎng)頁設(shè)計(jì)過程中的應(yīng)用思考，以期可以為網(wǎng)頁設(shè)計(jì)人員提供一定的參考，提高其CSS技術(shù)的應(yīng)用水平，促使網(wǎng)頁設(shè)計(jì)實(shí)現(xiàn)全面創(chuàng)新與發(fā)展。
1 CSS層疊樣式表單
CSS屬于標(biāo)記性語言，將其與HTML語言有機(jī)結(jié)合，可以為網(wǎng)頁的外觀進(jìn)行精準(zhǔn)控制。上世紀(jì)90年代末，CSS技術(shù)誕生，不過由于瀏覽器支持力度較小，人們并沒有對(duì)其給予高度重視。而隨著科學(xué)技術(shù)的快速發(fā)展，瀏覽器普遍實(shí)現(xiàn)了CSS技術(shù)支撐，應(yīng)用CSS技術(shù)，可以在HTML文檔中添加大小、顏色以及類型等字體樣式，對(duì)于網(wǎng)頁設(shè)計(jì)者而言，該技術(shù)可以有效分離網(wǎng)頁的外觀控制與內(nèi)容，具有較強(qiáng)的實(shí)用性。CSS層疊樣式表單在網(wǎng)頁設(shè)計(jì)中的應(yīng)用具有較強(qiáng)的靈活性，不僅可以定義在行內(nèi)，也可以在特定的頁面位置進(jìn)行定義，除此之外，它也可以扮演外部樣式文件，支持網(wǎng)頁調(diào)用。而CSS的主要制訂、頒布機(jī)構(gòu)為W3C組織，CSS自頒發(fā)以來，共經(jīng)歷了四個(gè)版本，分別為1.0、2.0、2.1、3.0，現(xiàn)階段，仍被人們廣泛應(yīng)用的版本為2.1和3.0。W3C屬于民間性技術(shù)組織，因此，在頒布CSS技術(shù)時(shí)，并沒有使用規(guī)范進(jìn)行強(qiáng)制要求，因此，瀏覽器基于各自的差異，在CSS支持方面具有較大的差異性，這在很大程度上擴(kuò)大了開發(fā)者工作的難度系數(shù)。不過，現(xiàn)階段，CSS已成為Firefox、IE等主流瀏覽器的事實(shí)技術(shù)規(guī)范，這在很大程度上提高了CSS的瀏覽器支持率。
2 CSS層疊樣式表單在Web設(shè)計(jì)中的具體應(yīng)用
2.1 背景控制
在設(shè)計(jì)網(wǎng)頁時(shí)，設(shè)計(jì)者要對(duì)色彩的應(yīng)用給予高度重視，網(wǎng)站色彩是用戶的第一感官，因此，對(duì)于網(wǎng)站設(shè)計(jì)而言，頁面背景控制具有十分關(guān)鍵的重要性以及必要性。在背景控制方面結(jié)合CSS技術(shù)，不僅可以應(yīng)用純色背景，還可以利用背景圖像構(gòu)設(shè)具有較強(qiáng)復(fù)雜性的效果圖。采取純色背景需要涉及background-color這一屬性，相關(guān)屬性值有三個(gè)，分別為顏色英文關(guān)鍵詞、16進(jìn)制的顏色值以及RGB顏色分量。這一屬性除了可以對(duì)背景顏色進(jìn)行設(shè)置，還可以設(shè)定HTML背景色，以此為基礎(chǔ)便可以對(duì)頁面進(jìn)行分塊處理。而WEB代碼中常見的background-color：#0000FF所表示的便是藍(lán)色的網(wǎng)頁背景。
創(chuàng)建背景圖像會(huì)涉及background-im-age這一屬性，其屬性值僅有一個(gè)，即url（）。在設(shè)計(jì)網(wǎng)頁的過程中，設(shè)計(jì)者普遍在images文件內(nèi)存放圖片，因此，用戶若在網(wǎng)頁中見到background：url（images/bg?gif）語句，其中的url表示便是相對(duì)路徑，bg.gif表示的則是背景圖片，images則表示圖片儲(chǔ)存的文件夾。用戶使用網(wǎng)頁時(shí)，會(huì)發(fā)現(xiàn)背景具有漸變的現(xiàn)象，這是在設(shè)計(jì)過程中結(jié)合了Photoshop軟件與Dream weaver軟件，擇取CSS技術(shù)設(shè)計(jì)漸變背景。首先，通過Photoshop構(gòu)設(shè)圖片文件，以5CACFE為前景色，以FFFFFF為背景色；結(jié)合漸變工具，對(duì)其進(jìn)行上下拉動(dòng)，對(duì)圖片文件進(jìn)行顏色填充。其次，通過單列選擇工具選擇頁面，確保其像素為1×700，然后以bg.gif格式對(duì)其進(jìn)行另存處理；最后，構(gòu)設(shè)網(wǎng)頁文件，并針對(duì)其頁面的內(nèi)嵌樣式表進(jìn)行聲明設(shè)計(jì)。將body屬性加設(shè)于CSS技術(shù)中，多次反復(fù)顯示原定的圖片水平方向，確保頁面背景色與圖片底色相同后，將其加設(shè)于屬性中，便可以實(shí)現(xiàn)背景漸變。
2.2 鏈接控制
在設(shè)計(jì)Web的過程中，不僅可以在當(dāng)前網(wǎng)頁文件中應(yīng)用CSS層疊樣式表單，而且對(duì)其所實(shí)施的鏈接控制相對(duì)比而言具有較強(qiáng)的廣泛性。在HTML頁面中應(yīng)用CSS層疊樣式表單，常見性連接方式為外部鏈接。利用外部鏈接法，首先，要構(gòu)建外部文件用于儲(chǔ)存CSS層疊樣式表單代碼；其次，通過HTML語言所包含的LINK元素對(duì)CSS代碼進(jìn)行有效調(diào)用；最后，通過修改CSS文件，便可以獲取一個(gè)全新的、頁面繁多的站點(diǎn)。由此可見，應(yīng)用外部鏈接方法，不僅可以提高網(wǎng)頁改版效率，還能促使網(wǎng)站文件實(shí)現(xiàn)最優(yōu)配置。具體做法如下：將輸入HTML語言所包含的head標(biāo)簽，然后通過LINK元素對(duì)CSS代碼進(jìn)行調(diào)用即可。
2.3 頁面布局
傳統(tǒng)的Web設(shè)計(jì)方案以表格頁面布局為主，隨著科學(xué)技術(shù)的不斷創(chuàng)新與完善，表格頁面布局技術(shù)所含有的弊端逐漸顯露，例如，網(wǎng)速較慢、后臺(tái)代碼繁多以及代碼冗余等，DIV+CSS技術(shù)營(yíng)運(yùn)而生。利用該技術(shù)對(duì)Web進(jìn)行頁面布局設(shè)計(jì)，通過DIV對(duì)象，可以對(duì)頁面進(jìn)行區(qū)域劃分，并將所需信息進(jìn)行標(biāo)注，CSS便可以對(duì)這些信息進(jìn)行樣式表現(xiàn)。DIV+CSS結(jié)構(gòu)示意圖如圖1所示。
利用標(biāo)記將網(wǎng)頁劃分為3個(gè)區(qū)域：一是，頭部區(qū)域，代碼為#header；二是內(nèi)容區(qū)域，代碼為#main；三是底部區(qū)域，代碼為#footer，其中，內(nèi)容區(qū)域共有兩個(gè)部分：一是右側(cè)部分，代碼為#right；二是左側(cè)部分，代碼為#left，這便為頁面布局的整體結(jié)構(gòu)。應(yīng)用CSS層疊樣式表單不僅可以添加并定位這些區(qū)域的樣式，還可以將相應(yīng)的內(nèi)容，例如，圖片、文字等，添加到區(qū)域內(nèi)部。由于CSS、HTML處于彼此分離狀態(tài)，且HTML可以對(duì)CSS進(jìn)行有效調(diào)用，因此，要相對(duì)HTML內(nèi)容進(jìn)行革新，只需對(duì)CSS進(jìn)行更改即可，這在很大程度上提高了網(wǎng)站升級(jí)、維護(hù)工作的便捷性。DIV+CSS結(jié)構(gòu)的具體代碼如下所示：
3 Web設(shè)計(jì)過程中應(yīng)用CSS常見性問題
（1）在書寫過程中，要嚴(yán)格遵循相應(yīng)的規(guī)范標(biāo)準(zhǔn)命名CSS的各個(gè)部分，并對(duì)其代碼進(jìn)行最大程度的縮寫，這樣不僅可以提高代碼書寫效率，還能縮減文件內(nèi)存占有量。除此之外，設(shè)計(jì)者要對(duì)class所具備的多重定義給予高度重視，并準(zhǔn)確把握各個(gè)瀏覽器屬性的默認(rèn)值，基于瀏覽器所具備的兼容性質(zhì)，設(shè)計(jì)者可以將CSS?padding與CSS?margin元素設(shè)為0，應(yīng)用相同樣式套用不同元素時(shí)，設(shè)計(jì)者要對(duì)樣式的類別明進(jìn)行有效定義。
（2）在校驗(yàn)時(shí)，常見性問題為W3C校驗(yàn)合格，但CSS2.0校驗(yàn)不合格。主要原因是W3C的字體定義，如果在設(shè)計(jì)完成后，結(jié)束語不是類別字體，而是單獨(dú)字體，便會(huì)導(dǎo)致系統(tǒng)在操作過程中遺漏相關(guān)定義。
（3）兼容問題。IE瀏覽器可以對(duì)“*”進(jìn)行有效識(shí)別，而其他瀏覽器則不具備這項(xiàng)功能，因此，設(shè)計(jì)者在書寫代碼過程中，要對(duì)瀏覽器類別進(jìn)行有效識(shí)別，這樣才能有效表面CSS出現(xiàn)兼容問題。
4 結(jié)語
本文主要對(duì)CSS層疊樣式表單在Web設(shè)計(jì)中的頁面布局、鏈接控制以及背景控制方面的應(yīng)用進(jìn)行了思考，并闡述了具體注意事項(xiàng)。不過，CSS層疊樣式表單的應(yīng)用范圍是十分廣泛的，對(duì)于網(wǎng)頁設(shè)計(jì)者而言，CSS技術(shù)具有較強(qiáng)的靈活性，不僅可以有效融入HTML語言，強(qiáng)化其屬性控制能效，還可以有機(jī)結(jié)合DIV，從而提高Web頁面布局的合理性與美觀性，這些還需Web設(shè)計(jì)者深入研討具體應(yīng)用技巧。
參考文獻(xiàn)
[1]何勇.WEB設(shè)計(jì)中CSS技術(shù)的應(yīng)用研究[J].數(shù)字技術(shù)與應(yīng)用，2013（01）.
[2]李君.Web設(shè)計(jì)中CSS層疊樣式表的應(yīng)用研究[J].電腦開發(fā)與應(yīng)用，2013（10）.
[3]張俊蘭，何婧媛，葉倩.DIV+CSS技術(shù)在誠(chéng)欣電子商城系統(tǒng)中的應(yīng)用研究[J].電子設(shè)計(jì)工程，2012（05）.
