ui設計教學大綱

1、課程教學大綱課程名稱：UI設計制（修）訂人：黎丹審定人：黎丹教研室主任：周增輝開課單位負責人：唐永芳制（修）訂時間：2013年6月一、課程基本信息課程名稱UI設計課程代碼總學時56理論學時28學分3.5實踐學時28前導課程計算機基礎后續(xù)課程圖形圖像處理、企業(yè)VI、標志設計適用專業(yè)畢業(yè)設計、頂崗實習課程屬性公共課（）必修課（，）考試課（，）專業(yè)課（，）選修課（）考查課（）、課程的性質(zhì)和地位«UI設計是藝術設計專業(yè)（平面設計方向）的專業(yè)核心課程，是在圖形圖像處理、企業(yè)VI、標志設計課程基礎上的延續(xù)和提高。課程幾乎涉及到了平面設計專業(yè)基礎課程的各個方面，課程實踐中注重對各專業(yè)基礎課程如圖形

2、設計、編排設計、字體設計、構(gòu)成設計等課程的統(tǒng)合和整體應用。UI界面設計是一門新的學科，也稱之為當代的新媒體，它是跨學科的學術領域，是在各門相關學科中提取相關的內(nèi)容要素而綜合起來的系統(tǒng)學科。三、課程教學目標1、知識目標通過對本課程的學習，使學生從心理學、人機工程學、設計藝術出發(fā)，掌握硬件人機界面與軟件人機界面方法、理論與設計實例，探索新的交互技術。2、能力目標通過本課程的學習，學生應該掌握軟件的基本操作，并初步具備：UI界面設計能力；3、素質(zhì)目標通過本課程的教學，我們重要的是培養(yǎng)學生觀察生活、體驗生活、體驗、審美能力、吃苦精神和激發(fā)學生的創(chuàng)造能力的方法和手段。四、教學內(nèi)容、教學要求及學時分配序號

3、單元教學內(nèi)容教學要求學時1認識界面門認識界面門了解界囿的的概念，概念性的認識，以及UI設計的歷史與發(fā)展趨勢62人本界囿人本界囿掌握人因工程化界面，人機工程學學科的穿插63界面的整體設計界面的整體設計掌握界面整體設計的分析以及實施以及用戶各方面的分析64界面的視覺設計界面的視覺設計掌握整體效果搭配，界面視覺效果、圖標設計的設計或口以應用65網(wǎng)頁界面的設計網(wǎng)頁界面的設計掌握網(wǎng)頁視覺效果排版設計，整體效果搭配、圖標中隱喻的運用86游戲界面的設計游戲界面的設計掌握游戲界面視覺效果排版設計整體效果搭配、圖標中隱喻的運用87軟件界面的設計軟件界面的設計掌握軟件界面視覺效果排版設計。整體效果搭配、圖標中隱喻

4、的運用88便攜電子產(chǎn)品界面的設計便攜電子產(chǎn)品界面的設計掌握便攜電子產(chǎn)品界面視覺效果排版設計，整體效果搭配、圖8標中隱喻的運用五、教學建議采用案例教學的方式進行教學，盡可能選取貼近生活的案例。在教學過程中，應立足于加強學生實際操作能力的培養(yǎng)，采用項目教學,以工作任務引領提高學生學習興趣，激發(fā)學生的成就動機。教學過程中教師應積極引導學生提升職業(yè)素養(yǎng)，提高職業(yè)道德。六、課程考核1、各單元知識點及考核要求序號單元知識點考核要求1認識界面門1.界囿的概述2圖形化的界面了解界囿的的概念概念性的認識2人本界囿回歸人性的界面設計1高科技帶來的“謎語”2認知中的摩擦3為用戶而設計界面設計中的人因工程1人因工程2

5、人因顯示界面的設計人因工程化界面人機工程學學科的穿插3人因操作界面的設計人因工程化界面人機工程學學科的穿插3界面的整體設計界面整體設計的分析階段用戶與任務分析市場與目標分析2界面整體設計的實施階段界面整體設計的分析以及實施用戶分析、市場與目標分析對象的模型化界面視圖的設計4界面的視覺設計1隱喻：界面視覺設計的基本途徑2界面的信息設計3圖標的設計4界面布局兀素的設計整體效果搭配，界面視覺效果、圖標設計的設計或口以應用5網(wǎng)頁界面的設計1時代的網(wǎng)貝界囿設計2網(wǎng)貝界囿的隱喻系統(tǒng)3網(wǎng)貝界囿的信息傳達網(wǎng)頁視覺效果排版設計整體效果搭配、圖標中隱喻的運用6游戲界面的設計1游戲界囿的概述2游戲平臺的視頻界囿設計

6、3游戲平臺的操作界面設計4游戲界面的音頻設計游戲界面視覺效果排版設計整體效果搭配、圖標中隱喻的運用7軟件界面的設計1軟件界面設計的整體思考2.軟件界囿的文本、圖形3為“交互”服務：角軟件界面視覺效果排版設計整體效果搭配、圖標中隱喻的運用色、場景和禮貌8便攜電子產(chǎn)品界面的設計1便攜電子產(chǎn)品界面的概述便攜電子產(chǎn)品界面視覺效果排版設計，整體效果搭配、圖標中隱喻的運用2便攜電子產(chǎn)品界面設計的特殊性3便攜電子產(chǎn)品界面的視覺要素分析2、綜合成績構(gòu)成考核內(nèi)容考核依據(jù)成績比例平時表現(xiàn)學生遲到、曠課、早退每次分別扣2分、5分、2分。學生完成平時作業(yè)次數(shù)布少于6次，A得10分，B得6分，C得2分。學生上課積極回答

7、問題，學習態(tài)度認真，每次加5分；屢次不認真聽講，擾亂課堂次序，與老師發(fā)生止面沖突者每次扣5分。40%實踐能力實驗報告、實訓成果、課程論文10%期末考試獨立完成作品，且具有個人風格；靈活熟練使用PS軟件操作；50%七、推薦教材及學習資源1、推薦教材（含實驗教材）教材名稱：認知與設計一一理解UI設計準則ISBN號：規(guī)格：主編：美JeffJohnson著張一寧譯出版社：人民郵電出版社出版時間：2011年9月第1版單價：是否自編：2、推薦書目和期刊1、人機界面設計羅仕鑒，朱上上，孫守遷著機械工業(yè)出版社2002年9月2 、人本界面交互式系統(tǒng)設計JefRaskin機械工業(yè)出版社2004年1月3 、用戶界面

8、設計-有效的人機交互策略（第四版）BenShneiderman著張國印,李健利等譯電子工業(yè)出版社2008年104、數(shù)字媒體系列教材數(shù)字界面設計（廖宏勇著，上北京師范大學出版社2010）3、推薦的學習網(wǎng)站八、其他說明無九、實驗實訓教學要求一、教學任務與基本要求通過實際訓練與操作，讓學生掌握書籍設計的基本方法，熟悉UI設計的流程與特點，并運用ADOBEPHOTOSHOPndesign、ILLUSTRATO將設計軟件完成其視覺表現(xiàn)，獨立完成UI設計的全過程。通過對本課程的學習，使學生從心理學、人機工程學、設計藝術出發(fā)，掌握硬件人機界面與軟件人機界面方法、理論與設計實例，探索新的交互技術。二、項目設置

9、與內(nèi)容序號項目名稱內(nèi)容分組情況學時要求1網(wǎng)貝界囿的設計1時代的網(wǎng)貝界囿設計2網(wǎng)貝界囿的隱喻系統(tǒng)3網(wǎng)貝界囿的信息傳達設計獨立完成10必開2游戲界囿的設計游戲界囿的概述2游戲平臺的視頻界面設E3游戲平臺的操作界面設設計獨立完成10必開上游戲界面的音頻設計3軟件界囿的設計1軟件界面設計的整體思設計獨立完成8必開考2.軟件界囿的文本、圖形3為“交互”服務：角色、場景和禮貌學時283項目個數(shù)三、考核方式和成績評定標準考核方式：一.有否正確傳達出產(chǎn)品/交互意圖20%視覺界面設計，不是單純的圖形設計，而是整個產(chǎn)品設計中的一個步驟，要在理解和遵循產(chǎn)品概念的基礎上，參照目標群體心理模型和交互意圖進行視覺設計，并

10、且視覺設計要達到用戶愉悅的目的。交互控件的樣式合理準確性（人對系統(tǒng)默認的認知和生活常規(guī)認知），狀態(tài)（視覺表現(xiàn)樣式和動作過程優(yōu)化），創(chuàng)意。二、布局20%用戶所接觸到的產(chǎn)品的界面，是一個平面，我們通過信息結(jié)構(gòu)組織，主次內(nèi)容歸納和區(qū)分，通過布局，給用戶瀏覽閱讀的線索。頁面品牌性，基調(diào)元素一致性，復用性，節(jié)奏感、面積感，視覺第一吸引，引導瀏覽，點線面關系，素描原理（運用素描的基本規(guī)律來做頁面）。三、信噪比（SRN10%簡易淺顯來說，是視覺界面上有效信息與干擾信息之比。信噪比越高，有效信息越突出。四、風格10%風格是通過一系列視覺元素表現(xiàn)出來的，能體現(xiàn)品牌和產(chǎn)品情感化感受的視覺語言。同個界面的視覺風格要一致，可以通過視覺規(guī)范，DPL淘斯基等來進行規(guī)范。五、色彩運用20%色彩經(jīng)濟-在同個界面的視覺設計中，建議主色不超過3種，以保證顏色及其賦予的值能被有效識別和理解。色彩賦值-把色彩看成資源，嚴謹賦予他合適的值，并保證統(tǒng)一的運