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

張立楊

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

關鍵詞：CDIO模式；UI界面設計；課程教學；研究

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

一、CDIO教學模式概述

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

二、UI界面設計課程教學現狀分析

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

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

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

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

（一）課程教學內容的設計

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

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

2.設計階段，通過第一階段的學習和了解進行草圖設計，把構思方法以設計的手段進行呈現。

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

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

（二）教學方法研究

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

（三）實踐環節

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

四、總結：

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

參考文獻：

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

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

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

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

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