PAGEPAGE7《交互產品開發》課程教學大綱一、課程基本信息課程代碼：18230463課程名稱：交互產品開發英文名稱：interactiveproductdevelopment課程類別：專業課學時：48學分：3適用對象：數字媒體藝術(佛山校區全學段)考核方式：考查先修課程：設計思維、數字媒體前沿科技、數字交互設計二、課程簡介《交互產品開發》是圍繞數字媒體藝術專業培養目標而設置的專業課程，該課程是在學生必修完成《設計思維》、《數字媒體前沿科技》、《數字交互設計》等課程后，根據交互設計師崗位任務要求設置教學內容，進行專業核心技能綜合性訓練的重要專業技能課程。《交互產品開發》是一門融“教、學、做、評”于一體的項目化課程，通過本課程的學習，使學生具備本專業高素質技能型人才所需要的UI設計與交互產品開發能力，為學生畢業后從事軟件界面設計與開發工作奠定基礎。"Interactiveproductdevelopment"isaprofessionalelectivecoursetocultivatetalentsinthefieldofdigitalmediaart.Thiscourseaimstodevelopprofessionalskillsforstudentstobequalifiedforthejobofinteractiondesign.Studentsattendthecourseaftercompletingcompulsorycourses,includingDesignThinking,DigitalMediaCutting-edgedTechnology,DigitalInteractionDesignandsoon.Interactiveproductdevelopmentisaproject-basedcourseintegratingTeaching,Learning,DoingandEvaluating.Throughthestudyofthiscourse,studentscanhavetheabilityofUIdesignandinteractiveproductdevelopmentrequiredbytalentsmarket,andlaythefoundationforstudentstoengageininterfacedesignanddigitalproductdevelopmentaftergraduation.三、實驗教學的總體目的和要求1.對學生的要求：了解交互設計的基本原理和軟件操作技能、交互設計師創造和優化用戶體驗的過程和方法、了解推動體驗創新的交互技術、常見的人機交互模式；了解交互設計的原則、用戶行為、概念模型和系統行為邏輯。具有一定的綜合創作能力，學會用例分析、用戶體驗分析、產品需求分析的基本方法，使學生學會系統規劃和全局思維。掌握Axure交互原型設計工具，能夠獨立完成一整套交互原型設計作品。具有項目實踐創新能力，在項目實踐中具有發現問題、解決問題能力。2.對老師的要求：本課程是一門實踐性很強的課程，上機操作是必不可少的實踐環節，通過“夠用”的理論知識和真實實踐項目相結合，使學生熟悉UI創意、交互設計、產品開發和調試的全過程，加深對軟件界面設計的理解，獲得軟件界面設計方法和開發技巧的基本訓練，從而使學生能零距離的接觸企業真實項目。在分析案例的同時，將弘揚民族文化、助力扶貧攻堅、打造特色村鎮文化有機融入其中，引導學生樹立文化自覺和文化自信，培養設計責任感。3.教學目標：（一）知識目標1、了解手機UI設計技巧、設計哲學和考量、UI框架特性和新的UI設計模式。2、熟練運用Photoshop等圖像處理軟件知識進行手機UI交互界面創意和設計。3、熟練運用Android系統中的界面布局、UI視圖、TextView等常用控件以及基于監聽和回調的事件處理機制開發。（二）能力目標1、熟練掌握圖像繪圖工具進行手機UI創意、設計的方法和技巧。2、熟練掌握在Android手機操作系統下開發功能機、智能機UI交互界面。（三）素質目標1、具有團結協作、勇于創新的精神。2、具有吃苦耐勞的工作精神和嚴謹的工作態度；3、具備良好的服務意識和市場觀念；4、具備精益求精的工作態度和敬業精神。4.對實驗條件的要求：實驗空間：配備電源插座、能放置電腦、開發板及其套件的課桌（1組1桌，1人1電源）硬件：操作系統要求：Win10（推薦）/Linux/Win7/Mac內存：8GB（單系統）硬盤（C盤）可用空間：一半以上安裝盤空間需求：1G以上軟件：Axure8.0、Photoshop、Word、Mindmap四、教學內容及要求：項目1：初識UI （一）內容：UI概念發展歷史及未來趨勢、UI設計原則及規范、UI設計師的工作職責UI設計流程、UI設計師的自我提升方式、交互設計三部曲、著名的移動平臺APP商業項目。（二）要求：了解UI設計、交互設計的基本概念了解UI設計的職責定位、學習方式熟悉著名的UI設計網站、移動平臺APP商業應用項目2：圖標設計（一）內容：設計消息、音樂、時鐘、記事本四個手機啟動圖標（二）要求：了解圖標設計意義、設計原則掌握使用photoshop工具繪制精美圖標的設計方法掌握圖層樣式的使用方法掌握圖層蒙版的使用方法掌握濾鏡效果的設置方法掌握圖層組的混合模式設置方法掌握Alpha通道的特殊使用方法項目3：手機主題界面設計（一）內容：基于本土文化，進行文化創意設計（手機主題界面）。（二）要求：了解手機主題設計的意義。有意識地融入歷史觀、文化觀、民族情懷與自信等元素，講好中國故事、本土文化，著力提升課程思政的育人功能。熟悉常用的手機主題制作軟件掌握使用photoshop工具設計手機主題的流程掌握不規則素材元素選區的建立方法掌握鋼筆工具進行形狀繪制的方法和技巧掌握Photoshop中繪圖工具的使用方法掌握內置濾鏡配置的使用方法項目4：手機鎖屏界面設計（一）內容：設計手機鎖屏界面，將助力扶貧攻堅、打造特色村鎮文化有機融入其中。（二）要求：了解手機鎖屏界面設計原則掌握使用photoshop工具設計手機鎖屏界面的思路掌握不規則素材元素選區的建立方法掌握鋼筆工具進行形狀繪制的方法和技巧掌握智能對象的編輯方法掌握“模糊”濾鏡的使用方法項目5：UI常用基本控件（一）內容：通過典型案例，靈活應用Android系統中的常用基本控件和界面布局方式，開發手機UI交互界面（二）要求：了解用戶界面基本控件的使用方法掌握UI界面布局的特點和使用方法掌握TextView與EditText的功能和用法掌握Button與ToggleButton的功能和用法掌握ImageView與ImageButton的功能和用法掌握RadioButton與CheckBox的功能和用法掌握DatePicker與TimePicker的功能和用法掌握菜單的使用方法掌握對話框的使用方法項目6：UI常用高級控件（一）內容：通過典型案例，靈活應用Android系統中的常用高級控件和界面布局方式，開發手機UI交互界面。（二）要求：了解用戶界面高級控件的使用方法了解Android的事件處理機制掌握ScrollView、ListView和GridView的功能與用法掌握ProgressBar、SeekBar和RatingBar的功能與方法理解基于監聽和回調的事件處理模式掌握事件與事件監聽器接口掌握實現監聽器的方式掌握基于回調的事件傳播掌握常見的事件回調方法項目7：TetrisUI交互項目開發（一）內容：通過創建Tetris應用程序、開發輸出界面、外部資源訪問、顯示輸出界面開發TetrisUI交互界面（二）要求：了解在Android系統中開發UI交互項目的流程掌握Android應用程序的創建掌握UI界面布局文件的編寫掌握外部資源文件的訪問方式掌握事件處理的響應機制五、各教學環節學時分配教學環節教學時數課程內容講課習題課討論課實驗其他教學環節小計初識UI224圖標設計2226主題界面設計2226鎖屏界面設計2226UI常用基本控件42410UI常用高級控件42410TetrisUI交互項目開發2226合計186616248六、推薦教材和教學參考資源1、建議教材（1）UI進化論——移動設備人機交互界面設計.作者：周陟.出版社：清華大學出版社.出版時間：2010-1-1（2）精通PhotoshopCS5UI交互設計.作者：張曉景.出版社：電子工業出版社.出版時間：2012-1-12、參考資料（1）Uimaker專注用戶界面設計：（2）吾愛主題：/zt/go/（3）魔秀主題：/（4）企業提供的教學資料：VIVIDUIWorkshop腳本說明書、天平UX編輯器使用手冊。七、其他說明（一）實驗教學內容序號實驗項目名稱實驗主要內容1消息圖標使用鋼筆工具，繪制“消息的標志性”形狀，通過一定次序堆疊形成消息圖標。以“藍”、“橙”、“黃”三種鮮艷的顏色作為圖標的顏色。2音樂圖標使用選框工具，繪制出光盤輪廓形狀，采用圖層樣式設計處光盤光圈效果，使用鋼筆工具勾勒出“音符”外形，采用漸變工具設計出“音符”的特效效果。3時鐘圖標使用選框繪制工具繪制基本的圖形，使用漸變、顏色填充等工具為時鐘設置特效，通過復制、旋轉、漸變形成時鐘倒影。4記事本圖標使用圖形工具，繪制路徑圖形，通過編輯描邊，填充色彩效果，繪制線條，使形成的記事本更加生動，逼真。5文創手機主題界面-1素材導入、基于“素材底圖”確定主題顏色，使用“投影”效果來美化文字，利用矩形工具和漸變效果制作被選狀態的文字特效。6文創手機主題界面-2素材導入，使用矩形選框工具，內襯圓形的圖案繪制，制作主題背景特效，采用灰色菜單的藝術字體效果設計主題菜單界面。7文創手機主題界面-3素材導入、圖層的操作、圖層樣式的設置、文字工具和打組效果設計一款卡通類型的手機主題界面。8文創手機主題界面-4素材的導入，采用圖層操作、文字工具、參考線的設置和打組效果的創建等知識點設計一款簡潔清爽的手機主題界面。9手機鎖屏界面-1使用毛線球從左邊滾動到右邊籃子中實現界面的解鎖功能。10手機鎖屏界面-2采用圖層樣式、漸變工具、自定形狀工具以及一些不透明度的調整來設計界面。11手機鎖屏界面-3采用三個背景圖層的轉場特效以及一系列小動畫效果的綜合設計實現解鎖功能。12手機鎖屏界面-4采用幸福戀人奔跑到最后相擁一系列小動畫效果的綜合設計來完成解鎖功能。13UI常用基本控件通過典型案例，靈活應用Android系統中的常用基本控件和界面布局方式，開發手機UI交互界面。14UI常用高級控件通過任務案例，靈活應用Android系統中的常用高級控件和界面布局方式，開發手機UI交互界面。15TetrisUI交互項目開發通過創建Tetris應用程序、開發輸出界面、外部資源訪問、顯示輸出界面開發TetrisUI交互界面。（二）考核方法與要求：1、考核方法：（1）過程考核：依據學生的掌握技能、學習