1、UI界面設計教學大綱一、層次與學制：專科，三年制二、教學時數：64學時，周學時：4三、適用專業：視覺傳達、藝術設計四、課程性質與任務UI界面設計是數字媒體藝術專業重要的基礎課程，是一門集技術與藝術一體化的基礎學科，課程的設置面向職業崗位要求，職業崗位針對性較強，涉及的專業技能具有很強的專業性，其主要任務是培養學生的手機界面設計的制作能力，使學生了解當今界面設計制作的基本知識。五、教學目的與基本要求目的：知識目標：了解游戲行業美術設計師崗位要求并掌握界面的設計制作規范。能力目標：能熟練掌握界面制作流程和方法技巧，以及界面的設計制作能力達到行業崗位的基本要求。素質目標：（1）具有熱愛所學專業、愛崗

2、敬業的精神和強烈的法律意識； （2）具有勝任設計工作的良好的業務素質和身心素質； （3）具有運用所學知識分析和解決問題的能力；（4）具有自學能力、獲取信息的能力，以及一定的組織、管理能力。（5）培養學生的團結合作能力；運用所學知識分析和解決問題的能力，創新設計思維，美術欣賞造型審美的能力。要求：界面UI設計課在整個教學的過程中，運用啟發、引導和實踐的方式，通過進行造型設計基礎知識點的逐步講解并實例繪制教授創作，訓練學生的相互配合能力，培養學生的職業道德、團隊協作意識以及良好的審美意識，使學生在藝術學習和實踐中陶冶情操，并培養學生具備積極思考問題、主動學習、良好的團隊合作精神、獲取知識能力、設計

3、創意思維能力、結構分析、感悟能力和欣賞能力等素質。六、教學主要內容與學時分配 第一章 UI界面設計相關知識 1. 什么是UI設計及相關概念介紹 在深入了解如何進行UI設計之前，我們還應該先了解一些與UI設計相關的概念2. UI設計的流程一個好的UI設計并不是然最終的用戶界面視覺效果好看而已，而是需要考慮到用戶和界面之間的整個交互過程，是否使用戶有好的體驗。所以，當我們討論UI流程的時候，也不能只簡單地講如何優化用戶界面的視覺效果，而應當從交互設計的整個流程出發來討論。3. UI界面設計的規范 當我們討論UI界面設計規范的時候，我們應該把它分為兩部分;一部分是交互設計規范，另外一部分是視覺設計規

4、范。一旦確定了規范，在后續的產品設計和開發過程中，就要遵循它，確保產品的一致性和全局性。第二章 UI界面設計一致性1.什么是一致性無論是在很多有關用戶界面設計的書籍中，還是在用戶界面設計領域的前輩的經驗里，都涉及了用戶界面設計需要遵循的基本原則。但是遵循用戶界面設計原則不能夠像看著做菜譜一樣每一個步驟都完全照搬，因為左右總結出來的設計原則關注的是目標，而不是操作，他們會盡可能讓其具備更廣泛的適用性。2.一致性在應用設計中的作用3.如何避免不一致性的出現1 內容、圖標的設計堅持一致性2 制定一致的色彩規則3 控件設計保持一致第三章 UI界面設計層級性1.認識視覺層級層級性能夠幫助用戶對界面中元素

5、的重要程度做出區分和解讀，有助于用戶更快速、更準確地理解界面內容，完成在界面中的任務。所以層級性也是設計一個易用性高的界面的又一關鍵因素。2.如何建立信息層級 第四章 UI界面設計情感化1.認識情感化設計2.情感化設計對用戶的影響4 加強用戶對產品風格的感知5 緩解用戶負面情緒6 引導用戶行為3.情感化設計的指標4.如何進行情感化設計 第五章 UI界面類型1.啟動界面2.頂層界面3.一覽界面4.詳細信息界面5.輸入/操作界面6.界面跳轉第六章 信息架構設計1.什么是信息架構信息架構的概念是從數據庫設計領域中剝離出來的2. 信息架構設計、 所謂信息架構是產品所呈現出來的結構層級關系，是讓我們能夠

6、很容易地認識到該產品能做什么。3.簡單信息架構和復雜信息架構第七章 概念原型設計1.原型設計2.原型設計的基本形式3.原型設計的要點4.原型設計的基本原則5.從低保真原型到高保真原型第八章 UI視覺設計-圖標設計1.界面設計中的圖標2.圖標的設計創意第九章 圖形界面的創意設計1.圖形界面需求2.圖形界面的創意3.圖形界面的情感表達第十章 移動UI界面中視覺基本元素設計1.按鈕2.進度條3.搜索欄4.動效 七、其它教學環節和考核方式各教學環節（含主要實踐環節）的學時分配（單位：學時）：課程名稱總時數64使用教材講課實操其他教材名稱主編版次印刷時間出版社UI界面設計3232UI界面設計梁哲2017

7、.7第1版2017.7第1版河北美術出版社周次日期教學內容課時教學方法作業或備注110.11UI界面設計相關知識 2+2講授+輔導210.18.UI設計的流程2+2講授+輔導310.25UI界面設計的規范2+2講授+輔導411.1UI界面設計一致性2+2講授+輔導511.8UI界面設計層級性2+2講授+輔導611.15UI界面設計情感化2+2講授+輔導711.22UI界面類型2+2講授+輔導811.29信息架構設計2+2講授+輔導912.6概念原型設計2+2講授+輔導1012.13界面設計中的圖標2+2講授+輔導1112.20圖標的設計創意2+2講授+輔導1212.27圖形界面需求2+2講授+輔導131.3界面設計中的圖標2+2講授+輔導141.10.圖標的設計創意2+2講授+輔導151.17圖形界面的情感表達2+2講授+輔導161.24移動UI界面中視覺基本元素設計2+2講授+輔導八、作業設計本課程成績評定采用考查方式, 課程總評成績由平時作業取平均分，采用百分制。1、上課考勤占20%；2、過程考核（上課討論發言、讀書筆記、設計說明、查閱資料、草圖等）20%；3、課程作業60%。評分依據1、主題明顯，準確表達主題內容、寓意。（4030分）2、技巧符合基本要求，色彩和諧、比例協調。（3020分）3、構思獨特、構圖新穎。（2010分）4、風格突出。（10分以下）