《《UI界面設(shè)計》教學(xué)大綱張》由會員分享，可在線閱讀，更多相關(guān)《《UI界面設(shè)計》教學(xué)大綱張（6頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、UI界面設(shè)計》教學(xué)大綱 一、 層次與學(xué)制：專科，三年制 二、 教學(xué)時數(shù)：64學(xué)時，周學(xué)時：4 三、 適用專業(yè)：視覺傳達(dá)、藝術(shù)設(shè)計 四、課程性質(zhì)與任務(wù) UI界面設(shè)計是數(shù)字媒體藝術(shù)專業(yè)重要的基礎(chǔ)課程，是一門集技術(shù)與藝術(shù)一體化的基礎(chǔ)學(xué)科，課程的設(shè)置面向職業(yè)崗位要求，職業(yè)崗位針對性較強(qiáng)，涉及的專業(yè)技能具有很強(qiáng)的專業(yè)性，其主要任務(wù)是培養(yǎng)學(xué)生的手機(jī)界面設(shè)計的制作能力，使學(xué)生了解當(dāng)今界面設(shè)計制作的基本知識。 五、教學(xué)目的與基本要求 目的： 知識目標(biāo)：了解游戲行業(yè)美術(shù)設(shè)計師崗位要求并掌握界面的設(shè)計制作規(guī)范。 能力目標(biāo)：能熟練掌握界面制作流程和方法技巧，以及界面的設(shè)計制作能力達(dá)到行業(yè)

2、崗位的基本要求。 素質(zhì)目標(biāo)： （1）具有熱愛所學(xué)專業(yè)、愛崗敬業(yè)的精神和強(qiáng)烈的法律意識； （2）具有勝任設(shè)計工作的良好的業(yè)務(wù)素質(zhì)和身心素質(zhì)； （3）具有運(yùn)用所學(xué)知識分析和解決問題的能力； （4）具有自學(xué)能力、獲取信息的能力，以及一定的組織、管理能力。 （5）培養(yǎng)學(xué)生的團(tuán)結(jié)合作能力；運(yùn)用所學(xué)知識分析和解決問題的能力，創(chuàng)新設(shè)計思維，美術(shù)欣賞造型審美的能力。 要求： 界面UI設(shè)計課在整個教學(xué)的過程中，運(yùn)用啟發(fā)、引導(dǎo)和實(shí)踐的方式，通過進(jìn)行造型設(shè)計基礎(chǔ)知識點(diǎn)的逐步講解并實(shí)例繪制教授創(chuàng)作，訓(xùn)練學(xué)生的相互配合能力，培養(yǎng)學(xué)生的職業(yè)道德、團(tuán)隊協(xié)作意識以及良好的審美意識，使學(xué)生在藝術(shù)學(xué)習(xí)和實(shí)踐中陶冶

3、情操，并培養(yǎng)學(xué)生具備積極思考問題、主動學(xué)習(xí)、良好的團(tuán)隊合作精神、獲取知識能力、設(shè)計創(chuàng)意思維能力、結(jié)構(gòu)分析、感悟能力和欣賞能力等素質(zhì)。 六、教學(xué)主要內(nèi)容與學(xué)時分配 第一章UI界面設(shè)計相關(guān)知識 1. 什么是UI設(shè)計及相關(guān)概念介紹 在深入了解如何進(jìn)行ui設(shè)計之前，我們還應(yīng)該先了解一些與UI設(shè)計相關(guān)的概念 2. UI設(shè)計的流程 一個好的UI設(shè)計并不是然最終的用戶界面視覺效果'好看'而已，而是需要考慮到用戶和界面之間的整個交互過程，是否使用戶有好的體驗(yàn)。所以，當(dāng)我們討論UI流程的時候，也不能只簡單地講如何優(yōu)化用戶界面的視覺效果，而應(yīng)當(dāng)從交互設(shè)計的整個流程出發(fā)來討論。 3. UI界面設(shè)計的規(guī)

4、范 當(dāng)我們討論UI界面設(shè)計規(guī)范的時候，我們應(yīng)該把它分為兩部分;一部分是交互設(shè)計規(guī)范，另外一部分是視覺設(shè)計規(guī)范。一旦確定了規(guī)范，在后續(xù)的產(chǎn)品設(shè)計和開發(fā)過程中，就要遵循它，確保產(chǎn)品的一致性和全局性。 第二章UI界面設(shè)計一致性 1. 什么是一致性 無論是在很多有關(guān)用戶界面設(shè)計的書籍中，還是在用戶界面設(shè)計領(lǐng)域的前輩的經(jīng)驗(yàn)里，都涉及了用戶界面設(shè)計需要遵循的基本原則。但是遵循用戶界面設(shè)計原則不能夠像看著做菜譜一樣每一個步驟都完全照搬，因?yàn)樽笥铱偨Y(jié)出來的設(shè)計原則關(guān)注的是目標(biāo)，而不是操作，他們會盡可能讓其具備更廣泛的適用性。 2. 一致性在應(yīng)用設(shè)計中的作用 3. 如何避免不一致性的出現(xiàn) ① 內(nèi)容

5、、圖標(biāo)的設(shè)計堅持一致性 ② 制定一致的色彩規(guī)則 ③ 控件設(shè)計保持一致 第三章UI界面設(shè)計層級性 1. 認(rèn)識視覺層級層級性能夠幫助用戶對界面中元素的重要程度做出區(qū)分和解讀，有助于用戶更快速、更準(zhǔn)確地理解界面內(nèi)容，完成在界面中的任務(wù)。所以層級性也是設(shè)計一個易用性高的界面的又一關(guān)鍵因素。 2. 如何建立信息層級 第四章UI界面設(shè)計情感化 1. 認(rèn)識情感化設(shè)計 2. 情感化設(shè)計對用戶的影響 ④ 加強(qiáng)用戶對產(chǎn)品風(fēng)格的感知 ⑤ 緩解用戶負(fù)面情緒 ⑥ 引導(dǎo)用戶行為 3. 情感化設(shè)計的指標(biāo) 4. 如何進(jìn)行情感化設(shè)計 第五章UI界面類型 1. 啟動界面 2. 頂層界面 3. 一

6、覽界面 4. 詳細(xì)信息界面 5. 輸入/操作界面 6. 界面跳轉(zhuǎn) 第六章信息架構(gòu)設(shè)計 1. 什么是信息架構(gòu)信息架構(gòu)的概念是從數(shù)據(jù)庫設(shè)計領(lǐng)域中剝離出來的 2. 信息架構(gòu)設(shè)計、所謂信息架構(gòu)是產(chǎn)品所呈現(xiàn)出來的結(jié)構(gòu)層級關(guān)系，是讓我們能夠很容易地認(rèn)識到該產(chǎn)品能做什么。 3. 簡單信息架構(gòu)和復(fù)雜信息架構(gòu) 第七章概念原型設(shè)計 1. 原型設(shè)計 2. 原型設(shè)計的基本形式 3. 原型設(shè)計的要點(diǎn) 4. 原型設(shè)計的基本原則 5. 從低保真原型到高保真原型 第八章UI視覺設(shè)計-圖標(biāo)設(shè)計 1. 界面設(shè)計中的圖標(biāo) 2. 圖標(biāo)的設(shè)計創(chuàng)意 第九章圖形界面的創(chuàng)意設(shè)計 1. 圖形界面需求 2.

7、 圖形界面的創(chuàng)意 3. 圖形界面的情感表達(dá) 第十章移動UI界面中視覺基本元素設(shè)計 1. 按鈕 2.進(jìn)度條 3.搜索欄 4. 動效 七、其它教學(xué)環(huán)節(jié)和考核方式 各教學(xué)環(huán)節(jié)（含主要實(shí)踐環(huán)節(jié)）的學(xué)時分配（單位：學(xué)時）： 4 課程名稱 總時數(shù) 64 使用教材 講課 實(shí)操 其他 教材名稱 主編 版次 印刷時間 出版社 UI界面設(shè)計 32 32 UI界面設(shè)計 梁哲 2017.7 第1版 2017.7 第1版 河北美術(shù) 出版社 周次 日期 教學(xué)內(nèi)容 課時 教學(xué)方法 作業(yè)或備注 1 10.11 UI界面設(shè)計相關(guān)知識 2

8、+2 講授+輔導(dǎo) 2 10.18 .UI設(shè)計的流程 2+2 講授+輔導(dǎo) 3 10.25 UI界面設(shè)計的規(guī)范 2+2 講授+輔導(dǎo) 4 11.1 UI界面設(shè)計一致性 2+2 講授+輔導(dǎo) 5 11.8 UI界面設(shè)計層級性 2+2 講授+輔導(dǎo) 6 11.15 UI界面設(shè)計情感化 2+2 講授+輔導(dǎo) 7 11.22 UI界面類型 2+2 講授+輔導(dǎo) 8 11.29 信息架構(gòu)設(shè)計 2+2 講授+輔導(dǎo) 9 12.6 概念原型設(shè)計 2+2 講授+輔導(dǎo) 10 12.13 界面設(shè)計中的圖標(biāo)

9、 2+2 講授+輔導(dǎo) 11 12.20 圖標(biāo)的設(shè)計創(chuàng)意 2+2 講授+輔導(dǎo) 12 12.27 圖形界面需求 2+2 講授+輔導(dǎo) 13 1.3 界面設(shè)計中的圖標(biāo) 2+2 講授+輔導(dǎo) 14 1.10 ?圖標(biāo)的設(shè)計創(chuàng)意 2+2 講授+輔導(dǎo) 15 1.17 圖形界面的情感表達(dá) 2+2 講授+輔導(dǎo) 16 1.24 移動UI界面中視覺基本元素設(shè)計 2+2 講授+輔導(dǎo) 4 八、作業(yè)設(shè)計 本課程成績評定采用考查方式,課程總評成績由平時作業(yè)取平均分，采用百分制。1、上課考勤占20%； 2、過程考核（上課討論發(fā)言、讀書筆記、設(shè)計說明、查閱資料、草圖等）20%；3、課程作業(yè)60%。 評分依據(jù) 1、主題明顯，準(zhǔn)確表達(dá)主題內(nèi)容、寓意。（40—30分） 2、技巧符合基本要求，色彩和諧、比例協(xié)調(diào)。（30—20分） 3、構(gòu)思獨(dú)特、構(gòu)圖新穎。（20—10分） 4、風(fēng)格突出。（10分以下） 考試要求: 考試具體設(shè)計內(nèi)容共包括： 鎖屏1個、 圖標(biāo)30個、 widget3個（天氣widget1個，圖庫widget1個，音樂widget1個）、桌面墻紙1張。 選定教材： UI界面設(shè)計梁哲2017.7第1版河北美術(shù)出版社 6