1、1UI 界面設(shè)計(jì)教學(xué)大綱 視覺傳達(dá)、藝術(shù)設(shè)計(jì)四、課程性質(zhì)與任務(wù)UI 界面設(shè)計(jì)是數(shù)字媒體藝術(shù)專業(yè)重要的基礎(chǔ)課程，是一門集技術(shù)與藝術(shù)一體化的基礎(chǔ)學(xué)科，課 程的設(shè)置面向職業(yè)崗位要求，職業(yè)崗位針對(duì)性較強(qiáng)，涉及的專業(yè)技能具有很強(qiáng)的專業(yè)性，其主要任 務(wù)是培養(yǎng)學(xué)生的手機(jī)界面設(shè)計(jì)的制作能力，使學(xué)生了解當(dāng)今界面設(shè)計(jì)制作的基本知識(shí)。五、教學(xué)目的與基本要求知識(shí)目標(biāo)：了解游戲行業(yè)美術(shù)設(shè)計(jì)師崗位要求并掌握界面的設(shè)計(jì)制作規(guī)范。能力目標(biāo)：能熟練掌握界面制作流程和方法技巧,以及界面的設(shè)計(jì)制作能力達(dá)到行業(yè)崗位的基本要 (1）具有熱愛所學(xué)專業(yè)、愛崗敬業(yè)的精神和強(qiáng)烈的法律意識(shí)；(2)具有勝任設(shè)計(jì)工作的良好的業(yè)務(wù)素質(zhì)和身心素質(zhì);（3

2、）具有運(yùn)用所學(xué)知識(shí)分析和解決問題的能力； （4）具有自學(xué)能力、獲取信息的能力，以及一定的組織、管理能力. （5）培養(yǎng)學(xué)生的團(tuán)結(jié)合作能力；運(yùn)用所學(xué)知識(shí)分析和解決問題的能力，創(chuàng)新設(shè)計(jì)思維，美術(shù)欣賞造 界面 UI 設(shè)計(jì)課在整個(gè)教學(xué)的過程中，運(yùn)用啟發(fā)、引導(dǎo)和實(shí)踐的方式,通過進(jìn)行造型設(shè)計(jì)基礎(chǔ)知 以及良好的審美意識(shí)，使學(xué)生在藝術(shù)學(xué)習(xí)和實(shí)踐中陶冶情操，并培養(yǎng)學(xué)生具備積極思考問題、主動(dòng) 學(xué)習(xí)、良好的團(tuán)隊(duì)合作精神、獲取知識(shí)能力、設(shè)計(jì)創(chuàng)意思維能力、結(jié)構(gòu)分析、感悟能力和欣賞能力2六、教學(xué)主要內(nèi)容與學(xué)時(shí)分配第一章 UI 界面設(shè)計(jì)相關(guān)知識(shí) 在深入了解如何進(jìn)行UI 設(shè)計(jì)之前，我們還應(yīng)該先了解一些與UI 設(shè)計(jì)相關(guān)的概念 2

3、. UI 設(shè)計(jì)的流程一個(gè)好的UI 設(shè)計(jì)并不是然最終的用戶界面視覺效果好看而已，而是需要考慮到用戶和界面之 間的整個(gè)交互過程，是否使用戶有好的體驗(yàn).所以，當(dāng)我們討論UI 流程的時(shí)候，也不能只簡單地講 如何優(yōu)化用戶界面的視覺效果，而應(yīng)當(dāng)從交互設(shè)計(jì)的整個(gè)流程出發(fā)來討論。3. UI 界面設(shè)計(jì)的規(guī)范當(dāng)我們討論UI界面設(shè)計(jì)規(guī)范的時(shí)候,我們應(yīng)該把它分為兩部分;一部分是交互設(shè)計(jì)規(guī)范,另外一部分 是視覺設(shè)計(jì)規(guī)范。一旦確定了規(guī)范，在后續(xù)的產(chǎn)品設(shè)計(jì)和開發(fā)過程中，就要遵循它,確保產(chǎn)品的一致 第二章 UI 界面設(shè)計(jì)一致性無論是在很多有關(guān)用戶界面設(shè)計(jì)的書籍中，還是在用戶界面設(shè)計(jì)領(lǐng)域的前輩的經(jīng)驗(yàn)里,都涉及了 用戶界面設(shè)計(jì)需

4、要遵循的基本原則。但是遵循用戶界面設(shè)計(jì)原則不能夠像看著做菜譜一樣每一個(gè)步 驟都完全照搬，因?yàn)樽笥铱偨Y(jié)出來的設(shè)計(jì)原則關(guān)注的是目標(biāo)，而不是操作，他們會(huì)盡可能讓其具備 2.一致性在應(yīng)用設(shè)計(jì)中的作用3。如何避免不一致性的出現(xiàn) 內(nèi)容、圖標(biāo)的設(shè)計(jì)堅(jiān)持一致性 制定一致的色彩規(guī)則 控件設(shè)計(jì)保持一致第三章 UI 界面設(shè)計(jì)層級(jí)性層級(jí)性能夠幫助用戶對(duì)界面中元素的重要程度做出區(qū)分和解讀，有助于用戶更快速、更準(zhǔn)確地理解 界面內(nèi)容，完成在界面中的任務(wù)。所以層級(jí)性也是設(shè)計(jì)一個(gè)易用性高的界面的又一關(guān)鍵因素。 第四章 UI 界面設(shè)計(jì)情感化 加強(qiáng)用戶對(duì)產(chǎn)品風(fēng)格的感知 緩解用戶負(fù)面情緒 引導(dǎo)用戶行為3。情感化設(shè)計(jì)的指標(biāo)4.如何進(jìn)行

5、情感化設(shè)計(jì)3第五章 UI 界面類型4.詳細(xì)信息界面5。輸入/操作界面第六章 信息架構(gòu)設(shè)計(jì)信息架構(gòu)的概念是從數(shù)據(jù)庫設(shè)計(jì)領(lǐng)域中剝離出來的 所謂信息架構(gòu)是產(chǎn)品所呈現(xiàn)出來的結(jié)構(gòu)層級(jí)關(guān)系，是讓我們能夠很容易地認(rèn)識(shí)到該產(chǎn)品能做什 3。簡單信息架構(gòu)和復(fù)雜信息架構(gòu)第七章 概念原型設(shè)計(jì)2.原型設(shè)計(jì)的基本形式3。原型設(shè)計(jì)的要點(diǎn)4。原型設(shè)計(jì)的基本原則5。從低保真原型到高保真原型第八章 UI 視覺設(shè)計(jì)-圖標(biāo)設(shè)計(jì)2。圖標(biāo)的設(shè)計(jì)創(chuàng)意第九章 圖形界面的創(chuàng)意設(shè)計(jì)2。圖形界面的創(chuàng)意3.圖形界面的情感表達(dá)第十章 移動(dòng)UI 界面中視覺基本元素設(shè)計(jì)七、其它教學(xué)環(huán)節(jié)和考核方式）：課程名稱UI 界面設(shè)計(jì)123456789 講課 實(shí)操 其他 教材名稱 教學(xué)內(nèi)容UI 界面設(shè)計(jì)相關(guān)知識(shí)。UI 設(shè)計(jì)的流程UI 界面設(shè)計(jì)的規(guī)范UI 界面設(shè)計(jì)一致性UI 界面設(shè)計(jì)層級(jí)性UI 界面設(shè)計(jì)情感化UI 界面類型信息架構(gòu)設(shè)計(jì)概念原型設(shè)計(jì)界面設(shè)計(jì)中的圖標(biāo)圖標(biāo)的設(shè)計(jì)創(chuàng)意界面設(shè)計(jì)中的圖標(biāo)圖形界面的情感表達(dá)移動(dòng)UI 界面中視覺基本元素設(shè)計(jì)梁哲課時(shí) 教學(xué)方法 作業(yè)或備注 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo) 導(dǎo)45八、作業(yè)設(shè)計(jì)本課程成績?cè)u(píng)定采用考查方式, 課程總評(píng)成績由平時(shí)作業(yè)取平均分，