基于CDIO模式的“UI界面設計”課程教學研究與實踐

張立楊

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

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

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

一、CDIO教學模式概述

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

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

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

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

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

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

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

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

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

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

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

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

（二）教學方法研究

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

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

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

四、總結(jié)：

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

參考文獻：

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

[2]顧佩華.CDIO大綱與標準[M].廣東：汕頭大學出版社，2008.

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

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

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