《UI界面設(shè)計》教學大綱-張.doc

資料收集于網(wǎng)絡 如有侵權(quán)請聯(lián)系網(wǎng)站 刪除 謝謝 UI界面設(shè)計教學大綱一、層次與學制：專科，三年制二、教學時數(shù)：64學時，周學時：4三、適用專業(yè)：視覺傳達、藝術(shù)設(shè)計四、課程性質(zhì)與任務UI界面設(shè)計是數(shù)字媒體藝術(shù)專業(yè)重要的基礎(chǔ)課程，是一門集技術(shù)與藝術(shù)一體化的基礎(chǔ)學科，課程的設(shè)置面向職業(yè)崗位要求，職業(yè)崗位針對性較強，涉及的專業(yè)技能具有很強的專業(yè)性，其主要任務是培養(yǎng)學生的手機界面設(shè)計的制作能力，使學生了解當今界面設(shè)計制作的基本知識。五、教學目的與基本要求目的：知識目標：了解游戲行業(yè)美術(shù)設(shè)計師崗位要求并掌握界面的設(shè)計制作規(guī)范。能力目標：能熟練掌握界面制作流程和方法技巧，以及界面的設(shè)計制作能力達到行業(yè)崗位的基本要求。素質(zhì)目標：（1）具有熱愛所學專業(yè)、愛崗敬業(yè)的精神和強烈的法律意識； （2）具有勝任設(shè)計工作的良好的業(yè)務素質(zhì)和身心素質(zhì)； （3）具有運用所學知識分析和解決問題的能力；（4）具有自學能力、獲取信息的能力，以及一定的組織、管理能力。（5）培養(yǎng)學生的團結(jié)合作能力；運用所學知識分析和解決問題的能力，創(chuàng)新設(shè)計思維，美術(shù)欣賞造型審美的能力。要求：界面UI設(shè)計課在整個教學的過程中，運用啟發(fā)、引導和實踐的方式，通過進行造型設(shè)計基礎(chǔ)知識點的逐步講解并實例繪制教授創(chuàng)作，訓練學生的相互配合能力，培養(yǎng)學生的職業(yè)道德、團隊協(xié)作意識以及良好的審美意識，使學生在藝術(shù)學習和實踐中陶冶情操，并培養(yǎng)學生具備積極思考問題、主動學習、良好的團隊合作精神、獲取知識能力、設(shè)計創(chuàng)意思維能力、結(jié)構(gòu)分析、感悟能力和欣賞能力等素質(zhì)。六、教學主要內(nèi)容與學時分配 第一章 UI界面設(shè)計相關(guān)知識 1. 什么是UI設(shè)計及相關(guān)概念介紹 在深入了解如何進行UI設(shè)計之前，我們還應該先了解一些與UI設(shè)計相關(guān)的概念2. UI設(shè)計的流程一個好的UI設(shè)計并不是然最終的用戶界面視覺效果好看而已，而是需要考慮到用戶和界面之間的整個交互過程，是否使用戶有好的體驗。所以，當我們討論UI流程的時候，也不能只簡單地講如何優(yōu)化用戶界面的視覺效果，而應當從交互設(shè)計的整個流程出發(fā)來討論。3. UI界面設(shè)計的規(guī)范 當我們討論UI界面設(shè)計規(guī)范的時候，我們應該把它分為兩部分;一部分是交互設(shè)計規(guī)范，另外一部分是視覺設(shè)計規(guī)范。一旦確定了規(guī)范，在后續(xù)的產(chǎn)品設(shè)計和開發(fā)過程中，就要遵循它，確保產(chǎn)品的一致性和全局性。第二章 UI界面設(shè)計一致性1.什么是一致性無論是在很多有關(guān)用戶界面設(shè)計的書籍中，還是在用戶界面設(shè)計領(lǐng)域的前輩的經(jīng)驗里，都涉及了用戶界面設(shè)計需要遵循的基本原則。但是遵循用戶界面設(shè)計原則不能夠像看著做菜譜一樣每一個步驟都完全照搬，因為左右總結(jié)出來的設(shè)計原則關(guān)注的是目標，而不是操作，他們會盡可能讓其具備更廣泛的適用性。2.一致性在應用設(shè)計中的作用3.如何避免不一致性的出現(xiàn)1 內(nèi)容、圖標的設(shè)計堅持一致性2 制定一致的色彩規(guī)則3 控件設(shè)計保持一致第三章 UI界面設(shè)計層級性1.認識視覺層級層級性能夠幫助用戶對界面中元素的重要程度做出區(qū)分和解讀，有助于用戶更快速、更準確地理解界面內(nèi)容，完成在界面中的任務。所以層級性也是設(shè)計一個易用性高的界面的又一關(guān)鍵因素。2.如何建立信息層級 第四章 UI界面設(shè)計情感化1.認識情感化設(shè)計2.情感化設(shè)計對用戶的影響4 加強用戶對產(chǎn)品風格的感知5 緩解用戶負面情緒6 引導用戶行為3.情感化設(shè)計的指標4.如何進行情感化設(shè)計 第五章 UI界面類型1.啟動界面2.頂層界面3.一覽界面4.詳細信息界面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)系，是讓我們能夠很容易地認識到該產(chǎn)品能做什么。3.簡單信息架構(gòu)和復雜信息架構(gòu)第七章 概念原型設(shè)計1.原型設(shè)計2.原型設(shè)計的基本形式3.原型設(shè)計的要點4.原型設(shè)計的基本原則5.從低保真原型到高保真原型第八章 UI視覺設(shè)計-圖標設(shè)計1.界面設(shè)計中的圖標2.圖標的設(shè)計創(chuàng)意第九章 圖形界面的創(chuàng)意設(shè)計1.圖形界面需求2.圖形界面的創(chuàng)意3.圖形界面的情感表達第十章 移動UI界面中視覺基本元素設(shè)計1.按鈕2.進度條3.搜索欄4.動效olive n. 橄欖樹；橄欖葉；橄欖枝；橄欖色 七、其它教學環(huán)節(jié)和考核方式各教學環(huán)節(jié)（含主要實踐環(huán)節(jié)）的學時分配（單位：學時）：課程名稱總時數(shù)64使用教材講課實操其他教材名稱主編版次印刷時間出版社UI界面設(shè)計3232UI界面設(shè)計梁哲2017.7第1版2017.7第1版河北美術(shù)出版社周次日期教學內(nèi)容課時教學方法作業(yè)或備注110.11UI界面設(shè)計相關(guān)知識 2+2講授+輔導210.18.UI設(shè)計的流程2+2講授+輔導310.25UI界面設(shè)計的規(guī)范2+2講授+輔導411.1UI界面設(shè)計一致性2+2講授+輔導511.8UI界面設(shè)計層級性2+2講授+輔導611.15UI界面設(shè)計情感化2+2講授+輔導711.22UI界面類型2+2講授+輔導811.29信息架構(gòu)設(shè)計2+2講授+輔導912.6概念原型設(shè)計2+2講授+輔導1012.13界面設(shè)計中的圖標2+2講授+輔導1112.20圖標的設(shè)計創(chuàng)意2+2講授+輔導1212.27圖形界面需求2+2講授+輔導131.3界面設(shè)計中的圖標2+2講授+輔導141.10.圖標的設(shè)計創(chuàng)意2+2講授+輔導151.17圖形界面的情感表達2+2講授+輔導161.24移動UI界面中視覺基本元素設(shè)計2+2講授+輔導八、作業(yè)設(shè)計本課程成績評定采用考查方式,課程總評成績由平時作業(yè)取平均分，采用百分制。1、上課考勤占20%；2、過程考核（上課討論發(fā)言、讀書筆記、設(shè)計說明、查閱資料、草圖等）20%；3、課程作業(yè)60%。評分依據(jù)1、主題明顯，準確表達主題內(nèi)容、寓意。（4030分）2、技巧符合基本要求，色彩和諧、比例協(xié)調(diào)。（3020分）3、構(gòu)思獨特、構(gòu)圖新穎。（2010分）4、風格突