界面設(shè)計課程教學(xué)大綱

1、界面設(shè)計課程教學(xué)大綱課程名稱：UI界面設(shè)計英文名稱：User Interface Design課程編碼：X3141161學(xué) 時 數(shù)：48其中實踐學(xué)時數(shù)：0 課外學(xué)時數(shù)：0學(xué) 分 數(shù)：3.0適用專業(yè)：視覺傳達(dá)設(shè)計一、課程簡介UI界面設(shè)計是視覺傳達(dá)設(shè)計專業(yè)一門重要的專業(yè)課程。課程內(nèi)容包括UI界面設(shè)計的基本原理、基本理論、用戶界面的設(shè)計方針、原則、方法及過程。通過UI界面設(shè)計課程的學(xué)習(xí)，使學(xué)生獲得用戶界面設(shè)計的技巧與方法，能夠針對具體工程，編制完整的UI界面設(shè)計方案。該課程將課堂教學(xué)、UI界面設(shè)計與研究型教學(xué)相結(jié)合，重點(diǎn)研究運(yùn)用技術(shù)與藝術(shù)手段開展互動媒體產(chǎn)品的交互界面設(shè)計內(nèi)容。通過本課程的學(xué)習(xí)與訓(xùn)練

2、，培養(yǎng)掌握UI界面設(shè)計的藝術(shù)設(shè)計人才。二、課程目標(biāo)與畢業(yè)要求關(guān)系表課程目標(biāo)畢業(yè)要求（一）使學(xué)生了解互動媒體產(chǎn)品分類，UI界面設(shè)計的發(fā)展與變化，圖形語意對UI界面設(shè)計的作用。掌握用戶需求分析和媒體界面應(yīng)用分析的作用。理解媒體界面設(shè)計的一般性原則，操作邏輯、用戶需求、信息構(gòu)架、結(jié)構(gòu)界面的作用。理解媒體界面設(shè)計的一般性原則；能夠通過課程的學(xué)習(xí)掌握UI產(chǎn)品界面的功能設(shè)計、交互設(shè)計、圖形設(shè)計方法；掌握互動媒體產(chǎn)品界面設(shè)計相關(guān)軟件的使用。（一）支撐畢業(yè)視覺傳達(dá)設(shè)計專業(yè)畢業(yè)要求第1點(diǎn)，綜合社會、媒介、科技、文化及環(huán)境等因素，洞察國內(nèi)外設(shè)計理論前沿和研究動態(tài)，設(shè)計滿足專業(yè)領(lǐng)域需求的項目，清晰表達(dá)設(shè)計思想，熟悉

3、設(shè)計程序與方法，能夠運(yùn)用專業(yè)知識解決設(shè)計項目的策劃、創(chuàng)意、組織及實施，并在設(shè)計各個環(huán)節(jié)中體現(xiàn)理性的思維方式與創(chuàng)新意識。（二）能夠根據(jù)學(xué)習(xí)UI界面設(shè)計的專業(yè)知識了解UI界面設(shè)計在視覺藝術(shù)領(lǐng)域的地位；懂得圖形語意在互動媒體設(shè)備界面設(shè)計中的作用；掌握正確的UI界面創(chuàng)意設(shè)計方法，較好的將藝術(shù)與技術(shù)相結(jié)合，開發(fā)具有人性化、個性特點(diǎn)的媒體界面設(shè)計。（二）支撐視覺傳達(dá)設(shè)計專業(yè)畢業(yè)要求第2點(diǎn)，能夠基于視覺傳達(dá)設(shè)計的基本理論與方法，及創(chuàng)新創(chuàng)業(yè)基礎(chǔ)知識，能夠運(yùn)用藝術(shù)、人文社會科學(xué)的理論和方法觀察和研究設(shè)計問題，利用創(chuàng)造性思維對設(shè)計問題進(jìn)行研究，包括創(chuàng)意、設(shè)計表達(dá)、項目實踐等，并通過信息綜合得到有效的結(jié)論。三、課程

4、教學(xué)內(nèi)容、基本要求、重點(diǎn)和難點(diǎn)（一）UI界面設(shè)計概念的導(dǎo)入及界面考察1. 教學(xué)內(nèi)容UI界面設(shè)計的基本理論。2. 基本要求（1）了 解：UI界面設(shè)計的概念；UI界面設(shè)計的發(fā)展與變化；（2）理 解：UI界面設(shè)計的產(chǎn)品分類；（3）掌 握：圖形語意對UI界面設(shè)計的作用；（4）熟練掌握：互動媒體產(chǎn)品界面設(shè)計相關(guān)軟件的使用。3. 重點(diǎn)和難點(diǎn)（1）重 點(diǎn)：UI界面的操作邏輯；（2）難 點(diǎn)：無。（二）UI界面設(shè)計的通用原則1. 教學(xué)內(nèi)容UI界面設(shè)計的原則。2. 基本要求（1）了 解：媒體界面設(shè)計的一般性原則；（2）理 解：UI界面設(shè)計的視覺流程；（3）掌 握：UI產(chǎn)品界面設(shè)計流程與方法；（4）熟練掌握：界面元

5、素在UI設(shè)計中的組織分布。3. 重點(diǎn)和難點(diǎn)（1）重 點(diǎn)：用戶需求分析；（2）難 點(diǎn)：無。（三）UI界面設(shè)計的層次1. 教學(xué)內(nèi)容UI界面設(shè)計的信息架構(gòu)。2. 基本要求（1）了 解：UI界面設(shè)計表現(xiàn)層次的內(nèi)涵；（2）理 解：用戶需求；（3）掌 握：UI結(jié)構(gòu)界面的作用；（4）熟練掌握：信息構(gòu)架。3. 重點(diǎn)和難點(diǎn)（1）重 點(diǎn)：運(yùn)用UI界面設(shè)計的表現(xiàn)形式突出設(shè)計的主題性；準(zhǔn)確運(yùn)用圖形語言的進(jìn)行創(chuàng)意表達(dá)；（2）難 點(diǎn)：界面元素屬性、用戶研究層面、結(jié)構(gòu)界面層面、圖形設(shè)計層面的開發(fā)。（四）UI界面設(shè)計的應(yīng)用1. 教學(xué)內(nèi)容UI界面應(yīng)用設(shè)計案例分析。2. 基本要求（1）了 解：交互設(shè)計、圖形設(shè)計方法；（2）理 解

6、：UI產(chǎn)品界面的功能設(shè)計；（3）掌 握：從確立主題、資料的收集與分析整理、創(chuàng)意的形成幾個方面來理解UI設(shè)計程序；（4）熟練掌握：UI界面設(shè)計與用戶的需求關(guān)系。3. 重點(diǎn)和難點(diǎn)（1）重 點(diǎn)：UI界面設(shè)計程序中各個部分的具體實施內(nèi)容；（2）難 點(diǎn)：將多種設(shè)計方法相結(jié)合，將設(shè)計想法視覺化。（五）UI界面設(shè)計課題訓(xùn)練1. 教學(xué)內(nèi)容主題性UI界面設(shè)計。2. 基本要求（1）了 解：UI產(chǎn)品界面設(shè)計相關(guān)軟件的使用；（2）理 解：選題的市場背景；（3）掌 握：選題的策略；UI界面設(shè)計的創(chuàng)意來源；（4）熟練掌握：互動媒體產(chǎn)品界面中文字、圖形、色彩、版式等內(nèi)容的交互性設(shè)計。3. 重點(diǎn)和難點(diǎn)（1）重 點(diǎn)：UI產(chǎn)品的

7、界面外觀與功能表達(dá)設(shè)計；（2）難 點(diǎn)：明確UI設(shè)計的表現(xiàn)重點(diǎn)，運(yùn)用恰當(dāng)?shù)谋憩F(xiàn)形式與手段，進(jìn)行界布局。四、教學(xué)方式及學(xué)時分配序號主要內(nèi)容主要教學(xué)方式學(xué)時分配輔導(dǎo)答疑比例一UI界面設(shè)計概念的導(dǎo)入及界面考察課堂教學(xué)4學(xué)時1:1二UI界面設(shè)計的通用原則課堂教學(xué)4學(xué)時三UI界面設(shè)計的層次課堂教學(xué)4學(xué)時四UI界面設(shè)計的應(yīng)用課堂教學(xué)4學(xué)時五UI界面設(shè)計課題訓(xùn)練課程設(shè)計32學(xué)時五、課程其他教學(xué)環(huán)節(jié)要求（一）資料收集UI界面設(shè)計考察。游戲、軟件、便攜電子產(chǎn)品、APP等界面的信息構(gòu)建與圖形表達(dá)。六、本課程與其他課程的聯(lián)系（一）先修課程：計算機(jī)輔助設(shè)計、圖形創(chuàng)意與思維、字體與版式設(shè)計、標(biāo)志與VI設(shè)計等。（二）后修課

8、程：視覺產(chǎn)品開發(fā)設(shè)計、Web前端開發(fā)設(shè)計、生產(chǎn)實習(xí)、畢業(yè)設(shè)計等。七、建議教材及教學(xué)參考書目（一）教材：無。（二）參考書：1.數(shù)字圖形界面藝術(shù)設(shè)計 HYPERLINK /mn/searchApp?searchWord=%E9%B2%81%E6%99%93%E6%B3%A2 魯曉波、 HYPERLINK /mn/searchApp?searchWord=%E8%A9%B9%E7%82%B3%E5%AE%8F 詹炳宏著 清華大學(xué)出版社 2006年 第一版；2.多媒體互動設(shè)計 容旺喬著 高等教育出版社 2005年 第一版；3.photoshopCC移動UI界面設(shè)計與實戰(zhàn)創(chuàng)銳設(shè)計著中國工信出版社 2016年 第一版。八、課程考核方式與成績