多媒體網(wǎng)頁設(shè)計(jì)課中UI界面設(shè)計(jì)教學(xué)探究

黃靜

摘 要 在當(dāng)前高校教育過程中，多媒體網(wǎng)頁設(shè)計(jì)課程是十分重要的組成部分，同時(shí)也是網(wǎng)頁設(shè)計(jì)專業(yè)的必修課程，對(duì)提高學(xué)生網(wǎng)頁設(shè)計(jì)能力具有十分重要的幫助作用。在現(xiàn)代網(wǎng)頁設(shè)計(jì)課程教學(xué)過程中，為能夠課程教學(xué)效果得到提高，促進(jìn)學(xué)生網(wǎng)頁設(shè)計(jì)能力進(jìn)一步發(fā)展，應(yīng)當(dāng)進(jìn)行UI界面設(shè)計(jì)教學(xué)，從而對(duì)學(xué)生設(shè)計(jì)能力進(jìn)行更好培養(yǎng)。本文就多媒體網(wǎng)頁設(shè)計(jì)課程教學(xué)中的UI 界面設(shè)計(jì)教學(xué)進(jìn)行分析。

關(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ì)中引入用戶測試，在檢驗(yàn)網(wǎng)頁設(shè)計(jì)方案使用方面具有更加系統(tǒng)的方法，根據(jù)具有較強(qiáng)代表性的客戶對(duì)方案的最終可行性設(shè)計(jì)進(jìn)行測試，也就是對(duì)其最終目標(biāo)進(jìn)行測試。

第三，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ì)過程更加簡單化。在課堂實(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ì)并非僅僅為簡單制作。①②

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è)UI設(shè)計(jì)專業(yè)課程，從而使UI設(shè)計(jì)課程教學(xué)得到良好發(fā)展。然而，當(dāng)前我國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è)壓力越來越大，人才競爭也越來越激烈，學(xué)生為能夠使自身競爭力得以有效提高，必須要具備良好人文素質(zhì)及職業(yè)道德，同時(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ì)競賽，從而使學(xué)生社會(huì)實(shí)踐能力得以增強(qiáng)。在提高學(xué)生實(shí)踐能力方面，設(shè)計(jì)競賽屬于十分重要的一種途徑，所以在UI設(shè)計(jì)教學(xué)過程中可適當(dāng)引入設(shè)計(jì)競賽內(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）.

③ 熊科軍，黃琴，李平平.淺議網(wǎng)頁設(shè)計(jì)課程中UI設(shè)計(jì)教學(xué)的重要性[J].大眾文藝，2015（5）.

④ 陸培培.淺析獨(dú)立學(xué)院UI界面設(shè)計(jì)課程的教學(xué)改革[J].美術(shù)教育研究，2015（19）.