1、?移動平臺UI交互設(shè)計與開發(fā)?課程教學(xué)大綱課程名稱：移動平臺UI交互設(shè)計與開發(fā)課程代碼：適用專業(yè)：軟件技術(shù)課程類型：職業(yè)知識必修課學(xué)時數(shù)：7224+48學(xué)分：4執(zhí)筆人：審核人：一、課程的性質(zhì)和目的：?移動平臺UI交互設(shè)計與開發(fā)?是圍繞軟件技術(shù)專業(yè)培養(yǎng)目標(biāo)而設(shè)置的職業(yè)知識必修課程,是高職計算機(jī)相關(guān)專業(yè)的一門重要職業(yè)技能課程,該課程是在學(xué)生必修完成?計算機(jī)應(yīng)用技術(shù)?、?計算機(jī)平面設(shè)計?、?計算機(jī)UI設(shè)計理論根底?、?計算機(jī)UI設(shè)計與制作實訓(xùn)I?等課程后,根據(jù) UI界面設(shè)計師崗位任務(wù)要求設(shè)置教學(xué)內(nèi)容,進(jìn)行專業(yè)核心技能綜合性練習(xí)的重要專業(yè)技能課程.?移動平臺UI交互設(shè)計與開發(fā)?是一門融“教、學(xué)、做、評

2、于一體的工程化課程,通過本課程的學(xué)習(xí),使學(xué)生具備本專業(yè)高素質(zhì)技能型人才所需要的 UI設(shè)計與開發(fā)水平,為學(xué)生畢業(yè)后從事 等移動設(shè)備應(yīng)用軟件的界面設(shè)計與開發(fā)工作奠定根底.本課程是一門實踐性很強(qiáng)的課程,上機(jī)操作是必不可少的實踐環(huán)節(jié),通過“夠用的理論知識和真實實踐工程相結(jié)合,使學(xué)生熟悉 UI創(chuàng)意、設(shè)計、開發(fā)和調(diào)試的全過程,加深對 界面設(shè)計的理解,獲得 界面設(shè)計方法和開發(fā)技巧的根本練習(xí),從而使學(xué)生能零距離的接觸企業(yè)真實工程.二、教學(xué)目標(biāo)和根本要求：教學(xué)目標(biāo)：一知識目標(biāo)1、了解 UI設(shè)計技巧、設(shè)計哲學(xué)和考量、UI框架特性和新的UI設(shè)計模式.2、熟練運(yùn)用Photoshop等圖像處理軟件知識進(jìn)行 UI交互界面

3、創(chuàng)意和設(shè)計.3、熟練運(yùn)用Android系統(tǒng)中的界面布局、UI視圖、TextView等常用控件以及基于監(jiān)聽和回調(diào)的事件處理機(jī)制開發(fā).二水平目標(biāo)1、熟練掌握圖像繪圖工具進(jìn)行 UI創(chuàng)意、設(shè)計的方法和技巧.2、熟練掌握在Android 操作系統(tǒng)下開發(fā)功能機(jī)、智能機(jī)UI交互界面.三素質(zhì)目標(biāo)1、具有團(tuán)結(jié)協(xié)作、勇于創(chuàng)新的精神.2、具有吃苦耐勞的工作精神和嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度;3、具備良好的效勞意識和市場觀念；4、具備精益求精的工作態(tài)度和敬業(yè)精神.根本要求：1、課程融教學(xué)做評一體,采用工程為驅(qū)動的教學(xué)模式,知識要點(diǎn)的講述以支撐設(shè)計實踐為標(biāo)準(zhǔn)與尺度展開教學(xué).2、本課程應(yīng)保證學(xué)生有充分的上機(jī)時間,使他們在實踐中不斷地發(fā)

4、現(xiàn)問題并解決問題,到達(dá)教學(xué)大綱規(guī)定的要求.3、要注意培養(yǎng)學(xué)生的自學(xué)水平,在教學(xué)中注意引導(dǎo)學(xué)生自己提出問題,分析問題,培養(yǎng)他們獨(dú)立解決問題的水平.三、課程主要教學(xué)內(nèi)容及課時分配表：主要教學(xué)內(nèi)容：工程1:初識UI(1)內(nèi)容：UI概念開展歷史及未來趨勢、UI設(shè)計原那么及標(biāo)準(zhǔn)、UI設(shè)計師的工作責(zé)任UI設(shè)計流程、UI設(shè)計師的自我提升方式、交互設(shè)計三部曲、著名的移動平臺APP商業(yè)項目.(2)要求：了解UI設(shè)計、交互設(shè)計的根本概念了解UI設(shè)計的責(zé)任定位、學(xué)習(xí)方式熟悉著名的UI設(shè)計網(wǎng)站、移動平臺APP商業(yè)應(yīng)用工程2: 圖標(biāo)設(shè)計(1)內(nèi)容：設(shè)計消息、音樂、時鐘、記事本四個 啟動圖標(biāo)(2)要求：了解圖標(biāo)設(shè)計意義、

5、設(shè)計原那么掌握使用photoshop工具繪制精美圖標(biāo)的設(shè)計方法掌握圖層樣式的使用方法掌握圖層蒙版的使用方法掌握濾鏡效果的設(shè)置方法掌握圖層組的混合模式設(shè)置方法掌握Alpha通道的特殊使用方法工程3: 主題界面設(shè)計(1)內(nèi)容：設(shè)計水晶花、冬雪的冬天、美好生日夢、清新雛菊 主題界面(2)要求：了解 主題設(shè)計的意義熟悉常用的 主題制作軟件掌握使用photoshop工具設(shè)計 主題的流程掌握不規(guī)那么素材元素選區(qū)的建立方法掌握鋼筆工具進(jìn)行形狀繪制的方法和技巧掌握Photoshop中繪圖工具的使用方法掌握內(nèi)置濾鏡配置的使用方法工程4: 鎖屏界面設(shè)計(1)內(nèi)容：設(shè)計可愛小黃鴨、魔幻方塊、幸福有點(diǎn)萌、甜蜜戀人 鎖

6、屏界面(2)要求：了解 鎖屏界面設(shè)計原那么掌握使用photoshop工具設(shè)計 鎖屏界面的思路掌握不規(guī)那么素材元素選區(qū)的建立方法掌握鋼筆工具進(jìn)行形狀繪制的方法和技巧掌握智能對象的編輯方法掌握“模糊濾鏡的使用方法工程5:UI常用根本控件(1)內(nèi)容：通過典型案例,靈活應(yīng)用Android系統(tǒng)中的常用根本控件和界面布局方式,開發(fā) UI交互界面(2)要求：了解用戶界面根本控件的使用方法掌握UI界面布局的特點(diǎn)和使用方法掌握TextView與EditText的功能和用法掌握Button與ToggleButton的功能和用法掌握ImageView與ImageButton的功能和用法掌握RadioButton與C

7、heckBox的功能和用法掌握DatePicker與TimePicker的功能和用法掌握菜單的使用方法掌握對話框的使用方法工程6:UI常用高級控件(1)內(nèi)容：通過典型案例,靈活應(yīng)用Android系統(tǒng)中的常用高級控件和界面布局方式,開發(fā) UI交互界面.(2)要求：了解用戶界面高級控件的使用方法了解Android的事件處理機(jī)制掌握ScrollView、ListView和GridView的功能與用法掌握ProgressBar、SeekBar和RatingBar的功能與方法理解基于監(jiān)聽和回調(diào)的事件處理模式掌握事件與事件監(jiān)聽器接口掌握實現(xiàn)監(jiān)聽器的方式掌握基于回調(diào)的事件傳播掌握常見的事件回調(diào)方法工程7:T

8、etrisUI交互工程開發(fā)(1)內(nèi)容：通過創(chuàng)立Tetris應(yīng)用程序、開發(fā)輸出界面、外部資源訪問、顯示輸出界面開發(fā)TetrisUI交互界面(2)要求：了解在Android系統(tǒng)中開發(fā)UI交互工程的流程掌握Android應(yīng)用程序的創(chuàng)立掌握UI界面布局文件的編寫掌握外部資源文件的訪問方式掌握事件處理的響應(yīng)機(jī)制課時分配表：序號教學(xué)內(nèi)容學(xué)習(xí)要求課時分配講授實驗合計1初識UI了解UI設(shè)計、交互設(shè)計的根本概念、了解UI設(shè)計的責(zé)任定位、學(xué)習(xí)方式、熟悉著名的UI設(shè)計網(wǎng)站、移動平臺APP商業(yè)應(yīng)用.2022 圖標(biāo)設(shè)計了解圖標(biāo)設(shè)計意義、設(shè)計原那么、掌握使用photoshop工具繪制精美圖標(biāo)的設(shè)計方法、完成7肖息、音樂、

9、時鐘、記事本四個 啟動圖標(biāo)的設(shè)計.2463 主題界面設(shè)計了解 主題設(shè)計的意義、熟悉常用的 主題制作軟件、掌握使用photoshop工具設(shè)U 主題的流程,完成水晶花、冬雪的冬天、美好生日夢、清新雛菊 主題界面.2684 鎖屏界面設(shè)計了解 鎖屏界面設(shè)計原那么、掌握使用photoshop工具設(shè)U 鎖屏界面的思路、完成可愛小黃鴨、魔幻方塊、幸福有點(diǎn)明、甜蜜戀人 鎖屏界面.210125UI常用根本控件通過典型案例,靈活應(yīng)用Android系統(tǒng)中的常用根本控件和界面布局方式,開發(fā) UI交互界囿.610166UI常用局級控件通過典型案例,靈活應(yīng)用Android系統(tǒng)中的常用高級控件和界面布局方式,開發(fā) UI交互

10、界囿.610167TetrisUI交互工程開發(fā)通過創(chuàng)立Tetris應(yīng)用程序、開發(fā)輸出界面、外部資源訪問、顯示輸出界面開發(fā)TetrisUI交互界面.268總計224870實驗教學(xué)安排:序號實驗工程名稱時數(shù)實驗屬性要求狀況實驗主要內(nèi)容1消息圖標(biāo)2設(shè)計必開已開使用鋼筆工具,繪制“消息的標(biāo)志性形狀,通過一定次序堆疊形成消息圖標(biāo).以“藍(lán)、“橙、“黃三種鮮艷的顏色作為圖標(biāo)的顏色.2音樂圖標(biāo)2設(shè)計必開已開使用選框工具,繪制出光盤輪廓形狀,米用圖層樣式設(shè)計處光盤光圈效果,使用鋼筆工具勾勒出“音符外形,采用漸變工具設(shè)計出“音符的特效效果.3時鐘圖標(biāo)2設(shè)計必開已開使用選框繪制工具繪制根本的圖形,使用漸變、顏色填充

11、等工具為時鐘設(shè)置特效,通過復(fù)制、旋轉(zhuǎn)、漸變形成時鐘倒影.4記事本圖標(biāo)2設(shè)計必開已開使用圖形工具,繪制路徑圖形,通過編輯描邊,填充色彩效果,繪制線條,使形成的記事本更加生動,逼真.5水晶花 主體界面2設(shè)計必開已開素材導(dǎo)入、基于“素材底圖確定主題顏色,使用“投影效果來美化文字,利用矩形工具和漸變效果制作被選狀態(tài)的文字特效.6冬雪的冬天 主題界面2設(shè)計必開已開素材導(dǎo)入,使用矩形選框工具,內(nèi)襯圓形的圖案繪制,制作主題背景特效,采用灰色菜單的藝術(shù)字體效果設(shè)計主題菜單界面.7美好生日夢 主題界面2設(shè)計必開已開素材導(dǎo)入、圖層的操作、圖層樣式的設(shè)置、文字工具和打組效果設(shè)計一款卡通類型的 主題界面.8清新雛菊

12、主題界面2設(shè)計必開已開素材的導(dǎo)入,米用圖層操作、文字工具、參考線的設(shè)置和打組效果的創(chuàng)立等知識點(diǎn)設(shè)一款簡潔清爽的 主題界面.9可愛小黃鴨 鎖屏界面2設(shè)計必開已開使用毛線球從左邊滾動到右邊籃子中實現(xiàn)界面的解鎖功能.10魔幻方塊 鎖屏界面2設(shè)計必開已開米用圖層樣式、漸變工具、自定形狀工具以及一些不透明度的調(diào)整來設(shè)計界面.11幸福有點(diǎn)萌 鎖屏界面2設(shè)計必開已開采用三個背景圖層的轉(zhuǎn)場特效以及一系列小動畫效果的綜合設(shè)計實現(xiàn)解鎖功能.12甜蜜戀人 鎖屏界面2設(shè)計必開已開米用幸福戀人奔跑到最后相擁一系列小動畫效果的綜合設(shè)計來完成解鎖功能.13UI常用根本控件10開發(fā)必開已開通過典型案例,靈活應(yīng)用Android

13、系統(tǒng)中的常用根本控件和界面布局方式,開發(fā)手機(jī)UI交互界囿.14UI常用局級控件10開發(fā)必開已開通過任務(wù)案例,靈活應(yīng)用Android系統(tǒng)中的常用高級控件和界面布局方式,開發(fā) UI交互界囿.15TetrisUI交互工程開發(fā)6開發(fā)必開已開通過創(chuàng)立Tetris應(yīng)用程序、開發(fā)輸出界面、外部資源訪問、顯示輸出界面開發(fā)TetrisUI交互界囿.四、本課程與其它課程的聯(lián)系與分工該課程是信息系軟件技術(shù)專業(yè)的職業(yè)知識必修課程,是計算機(jī)學(xué)科中最年輕的分支課程之一,該課程有助于培養(yǎng)學(xué)生軟件設(shè)計開發(fā)水平和團(tuán)隊合作水平.先修課程：?計算機(jī)應(yīng)用技術(shù)?、?計算機(jī)平面設(shè)計?、?計算機(jī)UI設(shè)計理論根底?、?計算機(jī)UI設(shè)計與制作實

14、訓(xùn)?后續(xù)課程：?Andriod 游戲開發(fā)技術(shù)?、?UI開發(fā)實訓(xùn)?五、考核方法與要求：1、考核方法：(1)過程考核：依據(jù)學(xué)生的掌握技能、學(xué)習(xí)態(tài)度、作業(yè)提交和提問情況等.(2)自主工程考核：依據(jù)學(xué)生結(jié)合課程獨(dú)立設(shè)計開發(fā)完成的 應(yīng)用軟件、游戲或主題UI界面.(3)期末考核：依據(jù)試卷考核和實踐作品考核(4)總評考核：期末考核60%過程考核30%(含技能30%態(tài)度40%作業(yè)20%提問10%+自主工程考核10%2、考核要求：(1)過程考核要求：根據(jù)學(xué)生平時上課表現(xiàn)情況、完成工程進(jìn)度和質(zhì)量的情況.(2)自主工程考核要求：根據(jù)學(xué)生獨(dú)立設(shè)計完成的作品進(jìn)度和質(zhì)量情況.(2)期末測試要求：著重學(xué)生進(jìn)行 UI設(shè)計與開發(fā)的綜合應(yīng)用水平.六、課程教學(xué)資源1、建議教材(1)自編教材(2)UI進(jìn)化論一一移動設(shè)備人機(jī)交互