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

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

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

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

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

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

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

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

8、程：視覺(jué)產(chǎn)品開(kāi)發(fā)設(shè)計(jì)、Web前端開(kāi)發(fā)設(shè)計(jì)、生產(chǎn)實(shí)習(xí)、畢業(yè)設(shè)計(jì)等。七、建議教材及教學(xué)參考書目（一）教材：無(wú)。（二）參考書：1.數(shù)字圖形界面藝術(shù)設(shè)計(jì) 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.多媒體互動(dòng)設(shè)計(jì) 容旺喬著 高等教育出版社 2005年 第一版；3.photoshopCC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)創(chuàng)銳設(shè)計(jì)著中國(guó)工信出版社 2016年 第一版。八、課程考核方式與成績(jī)