張立楊

摘要：“UI界面設(shè)計”屬于比較新的課程，該課程是高校視覺傳達設(shè)計專業(yè)重要專業(yè)平臺課。本文分別對CDIO教育理念和“UI界面設(shè)計”課程設(shè)置進行分析研究，把這種成熟的工科教學(xué)理念與設(shè)計學(xué)科技術(shù)性很強的課程結(jié)合，從而設(shè)計出一套切實可行的設(shè)計專業(yè)課程，以打造合理、科學(xué)、高效的課堂。

關(guān)鍵詞：CDIO模式；UI界面設(shè)計；課程教學(xué)；研究

UI界面設(shè)計是近幾年發(fā)展起來的一門新型課程，它的綜合性比較強，涉及了視覺傳達、網(wǎng)絡(luò)、計算機等不同的學(xué)科，它是視覺傳達設(shè)計專業(yè)的一門專業(yè)平臺課程。隨著科技的進步，智能手機成為人們生活的必備品，人們在使用高科技的同時也追求設(shè)計感十足的界面設(shè)計。移動手機端UI界面設(shè)計從用戶使用角度為切入點，滿足用戶的心理需求和視覺美感享受。為了符合時代發(fā)展需求和科技的進步，高校設(shè)計和相關(guān)專業(yè)也逐漸加強了對UI界面的研發(fā)和設(shè)計等方面的教學(xué)研究，開設(shè)相關(guān)的課程教學(xué)為社會培養(yǎng)了大批的設(shè)計專業(yè)人才。但是，高校對于UI界面設(shè)計課程的開設(shè)方式和人才的培養(yǎng)教學(xué)體系還不完善，仍然存在很多實際問題，需要教師在課程教學(xué)環(huán)節(jié)及實踐過程中不斷地進行探索，在實踐中完善課程配置，逐步提高教學(xué)質(zhì)量，最終目的是要為企業(yè)、行業(yè)培養(yǎng)一批具有專業(yè)素質(zhì)的應(yīng)用設(shè)計型人才。本文通過結(jié)合CDIO教育模式的教育理念，以社會企業(yè)的需求為目標(biāo)，對UI界面設(shè)計的課程布置合理化分配和實踐教學(xué)研究進行分析。

一、CDIO教學(xué)模式概述

CDIO其主要含義是由四個英文單詞構(gòu)成，分別代表了構(gòu)思（Conceiving）、設(shè)計（Designing）、實現(xiàn)（Implementing）以及運作（Operation）的意思。這種教育觀念對課程的設(shè)計以及人才的培養(yǎng)能夠發(fā)揮比較積極的作用，尤其是針對應(yīng)用設(shè)計型人才的培養(yǎng)，是一種理念非常先進的教育模式體系。我國高等院校藝術(shù)設(shè)計學(xué)科課程的教學(xué)研究顯示，利用CDIO模式能夠系統(tǒng)地對學(xué)生進行培養(yǎng)，重視學(xué)生的實踐能力，幫助學(xué)生在實踐中扎實基本功，發(fā)揮自身的主觀能動性和創(chuàng)新意識。具體到UI界面設(shè)計課程中，CDIO教學(xué)模式正好是以設(shè)計產(chǎn)品的整個周期進行安排的。從構(gòu)思、草圖、界面布局設(shè)計、流程設(shè)計、功能研發(fā)一直到產(chǎn)品的運行等，讓學(xué)生全過程地參與其中，并且充分發(fā)揮自身的主觀能動性，親身實踐，從個人能力、團隊能力以及學(xué)生的專業(yè)基礎(chǔ)知識等方面培養(yǎng)學(xué)生，最終全面提升學(xué)生的綜合素質(zhì)。

二、UI界面設(shè)計課程教學(xué)現(xiàn)狀分析

UI界面設(shè)計屬于一門綜合性比較強的設(shè)計專業(yè)課程，涉及的學(xué)科比較多，內(nèi)容體系比較龐大，課程設(shè)計復(fù)雜。這門課程以培養(yǎng)學(xué)生綜合設(shè)計能力、創(chuàng)意思維、創(chuàng)新能力與實踐能力為目的，進行創(chuàng)新設(shè)計能力和產(chǎn)品設(shè)計綜合能力訓(xùn)練，使學(xué)生掌握創(chuàng)新設(shè)計技法、UI界面系統(tǒng)視覺方案設(shè)計、布局和交互設(shè)計的綜合方法?；ヂ?lián)網(wǎng)飛速發(fā)展的今天，數(shù)字產(chǎn)品更新?lián)Q代比較快，滿足人們功能實用需求的同時，對界面布局和審美的需求也越來越高。UI界面設(shè)計能夠從用戶心理出發(fā)，針對用戶的需求、個性體驗、審美感官等對軟件設(shè)計，使其符合用戶的操作習(xí)慣以及視覺舒適程度。當(dāng)前，UI界面設(shè)計處于迅猛發(fā)展的狀態(tài)，市場需求比較多、專業(yè)性人才少，成為當(dāng)前UI界面設(shè)計領(lǐng)域的一個難題。伴隨用人市場的需求，我國高等院校的藝術(shù)設(shè)計學(xué)院視覺傳達設(shè)計專業(yè)開設(shè)相關(guān)的教學(xué)課程，課程設(shè)置綜合了計算機專業(yè)基礎(chǔ)知識、心理學(xué)、美學(xué)、設(shè)計原理等相關(guān)學(xué)科知識，是一門緊密聯(lián)系市場，以產(chǎn)品研發(fā)為目的的理論性和實踐性相結(jié)合的跨專業(yè)性設(shè)計課程。

目前課程設(shè)置現(xiàn)狀是：1.教學(xué)注重理論性研究，對實際項目的引用和實踐方向側(cè)重較少； 2.課程設(shè)置的內(nèi)容更新速度比較慢，不能跟上社會的需求，不能引進成功項目為輔助指導(dǎo)，實用類的內(nèi)容較少；3.實踐練習(xí)課程僅僅是對理論知識的闡述，大部分是虛擬產(chǎn)品設(shè)計，缺少后期測試環(huán)節(jié)，對學(xué)生的實踐創(chuàng)意沒有實際性的指導(dǎo)，理論研究過于學(xué)院派，導(dǎo)致學(xué)生的理解與社會發(fā)展脫節(jié)。

三、基于CDIO模式下的UI界面設(shè)計課程內(nèi)容研究

CDIO教學(xué)模式是構(gòu)思——設(shè)計——實現(xiàn)——運作為一體，不但能夠扎實學(xué)生的理論知識，同時注重在實踐中提升學(xué)生自身能力的教育模式。這種教育模式符合“UI界面設(shè)計”的教學(xué)環(huán)境。從教學(xué)內(nèi)容和目的出發(fā)，這種教學(xué)模式注重學(xué)生自主實踐的設(shè)計環(huán)節(jié)和創(chuàng)意實施呈現(xiàn)的過程。研究發(fā)現(xiàn)參照歐美二十多年來CDIO工程教育改革的理念，提出了具有可操作性的課程設(shè)置內(nèi)容，并在教學(xué)中具體實施。這套新的教學(xué)實踐方法注重學(xué)生的能力培養(yǎng)、實踐，具有完整合理的測評、反饋的標(biāo)準(zhǔn)。這種教學(xué)理念的結(jié)合可以為藝術(shù)設(shè)計專業(yè)培養(yǎng)基礎(chǔ)知識扎實、個人能力突出、具有團隊合作能力的人才。還可以解決目前UI界面設(shè)計課程中存在的問題，提高教學(xué)質(zhì)量的同時也提升教師的個人業(yè)務(wù)能力。

（一）課程教學(xué)內(nèi)容的設(shè)計

目前高等院校視覺傳達設(shè)計專業(yè)課的 “UI界面設(shè)計”課程均是圍繞著智能手機界面設(shè)計展開的。本次教學(xué)課程的設(shè)置是結(jié)合實際產(chǎn)品設(shè)計項目引入課程，進行實踐性教學(xué)，將項目分解為學(xué)生可以操作的不同階段的教學(xué)內(nèi)容，然后制訂出不同的教學(xué)目標(biāo)。學(xué)生在學(xué)習(xí)過程中可以循序漸進地掌握理論知識并熟悉技術(shù)操作技能，逐步實現(xiàn)獨立設(shè)計的能力。教學(xué)內(nèi)容圍繞CDIO模式的四個環(huán)節(jié)展開：

1.構(gòu)思環(huán)節(jié)，主要是引入多套完整的移動手機端應(yīng)用UI界面設(shè)計，在教學(xué)中進行比較分析，以教師講解為主，要求學(xué)生在學(xué)習(xí)完成后能夠熟悉UI界面設(shè)計的一些規(guī)范，進行構(gòu)思。

2.設(shè)計階段，通過第一階段的學(xué)習(xí)和了解進行草圖設(shè)計，把構(gòu)思方法以設(shè)計的手段進行呈現(xiàn)。

3.實現(xiàn)階段，即能力提升階段，學(xué)生在該階段要進行智能手機功能界面、手機列表、待機界面等項目的學(xué)習(xí)，在學(xué)習(xí)過程中必須嚴(yán)格按照項目規(guī)定的標(biāo)準(zhǔn)進行，并且操作要符合設(shè)計規(guī)范要求，主要是要培養(yǎng)學(xué)生對獨立進行項目的實施安排，學(xué)習(xí)過程中規(guī)范草圖，實現(xiàn)設(shè)計草圖各個環(huán)節(jié)。

4.運作階段，即綜合能力運用，在該階段，學(xué)生需要大量地收集素材比較分析，，在該階段學(xué)生要獨立進行設(shè)計研發(fā)，解決各種交互技術(shù)上的問題。學(xué)生在過程中要明白自身的責(zé)任以及在團隊中的角色等，學(xué)會團隊合作，并且要明白UI界面設(shè)計開發(fā)的一系列工作流程。通過該階段的實踐，掌握UI開發(fā)的流程、設(shè)計工藝如何呈現(xiàn)。同時還要對設(shè)計研發(fā)對象進行測試，完成產(chǎn)品最終的設(shè)計，完成整個課程的教學(xué)環(huán)節(jié)。endprint

（二）教學(xué)方法研究

基于CDIO模式下的UI界面課程教學(xué)，需要在校內(nèi)及企業(yè)進行實際的操作，對于教師來說，必須要為學(xué)生提供足夠的幫助，比如為學(xué)生提供優(yōu)秀作品、角色扮演、教學(xué)設(shè)置、現(xiàn)場講解等，并且要引導(dǎo)學(xué)生學(xué)會觀察，通過不同的教學(xué)措施開展實踐性的教學(xué)活動。學(xué)生是產(chǎn)品研發(fā)設(shè)計實施的主體，教師必須要給予學(xué)生足夠的自信心，讓學(xué)生能夠主動地參與到開發(fā)項目當(dāng)中，學(xué)會團隊合作。教師在教學(xué)過程中是項目的組織者以及教學(xué)活動引導(dǎo)者，在實踐教學(xué)活動中，通過產(chǎn)品開發(fā)設(shè)計，要讓學(xué)生在學(xué)習(xí)過程中，熟悉設(shè)計規(guī)范的同時，也能加強自身的創(chuàng)新能力以及專業(yè)素質(zhì)水平。

（三）實踐環(huán)節(jié)

在實踐環(huán)節(jié)，學(xué)生要進行產(chǎn)品設(shè)計對比分析、收集素材、進行用戶分析。這類產(chǎn)品研發(fā)的實踐，教師可以采用作品賞析、分組討論等措施，幫助學(xué)生完成最初構(gòu)思階段的訓(xùn)練。讓學(xué)生了解UI界面設(shè)計的一些設(shè)計規(guī)范及基本操作技能，進行第二階段設(shè)計環(huán)節(jié)的教學(xué)。在實訓(xùn)過程中，教師要引導(dǎo)學(xué)生采取角色扮演的方式進行分析，站在不同角度進行分析、啟發(fā)。然后根據(jù)這些問題提出自己的意見，逐步開發(fā)學(xué)生的創(chuàng)新能力，完成第三階段的實現(xiàn)。在企業(yè)內(nèi)必須要求學(xué)生嚴(yán)格遵守企業(yè)的規(guī)章制度，在學(xué)習(xí)技能的同時，也感受企業(yè)文化內(nèi)涵，培養(yǎng)學(xué)生的基本職業(yè)操守以及團隊協(xié)作精神。

四、總結(jié)：

對于UI界面設(shè)計的教學(xué)來說，硬件設(shè)施的完善僅僅是一個方面，我們也需要加強師資隊伍的培訓(xùn)。CDIO模式的開展要求教師要具備扎實的專業(yè)理論知識，同時具備實際的項目研發(fā)經(jīng)驗，對產(chǎn)品的設(shè)計、實施及運行要有獨立完成的經(jīng)歷?；贑DIO模式下的UI界面設(shè)計教學(xué)是成功的課堂轉(zhuǎn)型，既豐富了課堂也提高了學(xué)生自主學(xué)習(xí)的綜合能力，同時為校企合作提供了新的平臺。在教學(xué)活動的實施過程中，學(xué)生可以積極參與到項目的設(shè)計和研發(fā)活動中，縮短了學(xué)生到職業(yè)人的轉(zhuǎn)變過程，為就業(yè)帶來便利?！癠I界面設(shè)計”課程教學(xué)借鑒 CDIO 模式，以課程設(shè)置與實踐環(huán)節(jié)為切入點，課程設(shè)置堅持理論聯(lián)系實踐，重點培養(yǎng)學(xué)生實踐能力，為藝術(shù)設(shè)計課程帶來了新的教學(xué)體驗。

參考文獻：

[1]董洋溢，崔巖，張淑麗，陳世亮.基于CDIO模式的課程教學(xué)設(shè)計與實踐[J].中國教育技術(shù)裝備，2015，（01）.

[2]顧佩華.CDIO大綱與標(biāo)準(zhǔn)[M].廣東：汕頭大學(xué)出版社，2008.

[3]顧佩華，等.從CDIO到EIP-CDIO：汕頭大學(xué)工程教育與人才培養(yǎng)模式探索[J].高等工程教育研究，2008，（1）.

[4]張娟.基于CDIO模式的VB程序設(shè)計課程教學(xué)改革與實踐[J].教育與職業(yè)，2014，（1）.

[5]胡興志，丁飛己，王紀(jì)坤.從CDIO教學(xué)大綱變動看CDIO課程改革[J].高等工程教育研究.2015，（03）.endprint