《安卓AppsUI設(shè)計(jì)》課程標(biāo)準(zhǔn)

《《安卓AppsUI設(shè)計(jì)》課程標(biāo)準(zhǔn)》由會員分享，可在線閱讀，更多相關(guān)《《安卓AppsUI設(shè)計(jì)》課程標(biāo)準(zhǔn)（20頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

.《安卓 AppsUI 設(shè)計(jì)》課程標(biāo)準(zhǔn)一、課程性質(zhì)與任務(wù)1.課程性質(zhì)隨著 android 系統(tǒng)的普及，android 應(yīng)用的需求越來越大，這是一個(gè)潛力巨大的市場，吸引了無數(shù)軟件開發(fā)廠商和開發(fā)者投身其中，大量的手機(jī)游戲和軟件的研發(fā)和制作都需要 Android 開發(fā)工程師和安卓 UI 設(shè)計(jì)師，引發(fā)了 Android 人才荒。軟件 UI 設(shè)計(jì)屬于 ID（工業(yè)產(chǎn)品設(shè)計(jì)）的一個(gè)特殊形式，只是針對的材質(zhì)有所不同。但隨著智能化電子產(chǎn)品的普及，帶有液晶屏顯示的產(chǎn)品將越來越多。也就意味著越來越多的產(chǎn)品設(shè)計(jì)需要軟件 UI 設(shè)計(jì)。隨著技術(shù)平準(zhǔn)化手機(jī)產(chǎn)業(yè)出現(xiàn)價(jià)格競爭的環(huán)境下，手機(jī)的人機(jī)交互界面（UI）給手機(jī)市場提供新的賣點(diǎn)，被認(rèn)為是新的產(chǎn)業(yè)動力。手機(jī) UI 的新設(shè)計(jì)與功能開發(fā)是根據(jù)各種客戶群體的喜好及使用習(xí)慣而進(jìn)行的，隨著手機(jī)用戶年齡層的擴(kuò)大，性別、宗教、環(huán)境、生活方式的多樣化，其開發(fā)范圍和潛力正在無限擴(kuò)大。這些新的趨勢使得界面交互可能不再囿于某個(gè)具體產(chǎn)品本身，它可能開始涉及了與使用環(huán)境及其他用戶之間的交流。根據(jù)對當(dāng)前手機(jī)技術(shù)的分析以及對國外在人機(jī)交互及相關(guān)領(lǐng)域研究的關(guān)注，提出了“泛交互”的概念，并對新的趨勢、新的設(shè)計(jì)進(jìn)行展望。本課程是計(jì)算機(jī)軟件技術(shù)專業(yè)“平面設(shè)計(jì)制作”教學(xué)模塊的核心課程，是學(xué)生進(jìn)行平面設(shè)計(jì)與制作職業(yè)能力訓(xùn)練的主要環(huán)節(jié)，同時(shí)為平面制作實(shí)訓(xùn)和多媒體整合制作綜合實(shí)訓(xùn)打下堅(jiān)實(shí)基礎(chǔ)。本課程學(xué)習(xí)需要具備平面制作基本能力，在先修課程《Photoshop 平面制作》學(xué)習(xí)與訓(xùn)練后，具備頁面的整體布局、配色的基本能力，進(jìn)一步地實(shí)現(xiàn)設(shè)計(jì)及制作精美界面的能力。2.課程任務(wù)使學(xué)生通過本課程的學(xué)習(xí)，能夠達(dá)到職業(yè)崗位（平面設(shè)計(jì)）的能力要求，即能夠根據(jù)用戶的需要進(jìn)行平面設(shè)計(jì)及制作，完成精彩的平面設(shè)計(jì)制作。二、課程目標(biāo)通過本課程的學(xué)習(xí)與訓(xùn)練，使學(xué)生能夠利用工具軟件 adobe illustrator、Photoshop 實(shí)現(xiàn)手機(jī)圖標(biāo)和界面的設(shè)計(jì)和制作。學(xué)生能夠根據(jù)需要進(jìn)行作品定位及設(shè)計(jì)；能夠根據(jù)需要隨心所欲進(jìn)行作品形象或圖標(biāo)的設(shè)計(jì)及制作；能夠設(shè)計(jì)出較好的用戶體驗(yàn)；能夠利用軟件進(jìn)行矢量圖繪制、修改及上色，進(jìn)行圖形的色彩處理；能夠了解 UI 設(shè)計(jì)的規(guī)范和制作流程。通過本課程的學(xué)習(xí)，學(xué)生能夠：1、與客戶溝通，進(jìn)行相關(guān)需求分析，生成 UI 設(shè)計(jì)需求分析書，并收集相關(guān)素材；.2、根據(jù)手機(jī) UI 設(shè)計(jì)的定位，對界面進(jìn)行風(fēng)格設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)；3、根據(jù)風(fēng)格或用戶體驗(yàn)得到的設(shè)計(jì)方案，對手機(jī) UI 設(shè)計(jì)進(jìn)行具體的制作。4、對 UI 設(shè)計(jì)作品進(jìn)行優(yōu)化、上傳發(fā)布、推廣及更新維護(hù)。.三、課程內(nèi)容學(xué)習(xí)情境一：認(rèn)知 UI 設(shè)計(jì)學(xué)習(xí)情境名稱：認(rèn)知 UI 設(shè)計(jì) 學(xué)時(shí)：4工作任務(wù)描述認(rèn)知 UI 設(shè)計(jì)，了解手機(jī) UI 行業(yè)現(xiàn)狀及未來發(fā)展趨勢，了解 UI 設(shè)計(jì)常用軟件，學(xué)習(xí)軟件的使用技巧。學(xué)習(xí)目標(biāo)通過欣賞大量的手機(jī) UI 圖標(biāo)和界面作品，能對圖標(biāo)進(jìn)行風(fēng)格定位并培養(yǎng)一定的審美觀。根據(jù)用戶要求，對一些給定作品進(jìn)行需求分析；確定作品類型定位，并嘗試進(jìn)一步對作品進(jìn)行初步設(shè)計(jì)。學(xué)習(xí)與工作內(nèi)容工作對象：1.UI 設(shè)計(jì)作品賞析分析報(bào)告；工作與學(xué)習(xí)具體內(nèi)容：1.了解 UI 設(shè)計(jì)的相關(guān)單位和色彩搭配，了解圖形元素的格式和大小，簡單了解UI 設(shè)計(jì)的軟件；2.了解蘋果系統(tǒng)，安卓系統(tǒng)和 Windows Phone 系統(tǒng)這三大系統(tǒng)的發(fā)展史以及基本組件和各自特色；3.欣賞大量手機(jī) UI 圖標(biāo)和界面作品，了解不同領(lǐng)域手機(jī) UI 設(shè)計(jì)的主流趨勢和特點(diǎn)；4：對一些給定作品進(jìn)行分析；對不同領(lǐng)域不同功能的設(shè)計(jì)作品進(jìn)行類型定位，并進(jìn)一步對作品進(jìn)行初步設(shè)計(jì)。勞動組織：學(xué)生進(jìn)行分組，教師根據(jù)實(shí)際項(xiàng)目工作要求：1. 學(xué)生欣賞多種類型的 UI 設(shè)計(jì)作品（廣告平面設(shè)計(jì)的，手機(jī)圖標(biāo)，手機(jī)界面等） ，讓學(xué)生總結(jié)各種作品的分類及特點(diǎn)。2. 學(xué)生掌握各種作品的分類及特點(diǎn)，能針對需求分析，對作品類型進(jìn)行定位及初步設(shè)計(jì)。.設(shè)計(jì)任務(wù)場景，并實(shí)施客戶的角色，與各個(gè)小組進(jìn)行交流，提出課程任務(wù)的要求，并對學(xué)生建設(shè)成果進(jìn)行評估。而各個(gè)小組則作為獨(dú)立的作品規(guī)劃小組，小組長要引導(dǎo)小組完成任務(wù)，同時(shí)進(jìn)行合理有效的分工。1、學(xué)習(xí)與工作團(tuán)隊(duì)的組織；確定分組及組長。.續(xù)上表：2、任務(wù)背景介紹（由專任教師指導(dǎo)） ；由專任教師指定某一 APP，引導(dǎo)學(xué)生對APP 進(jìn)行需求分析，確定該 APP 圖標(biāo)的表現(xiàn)形式、主題及技術(shù)要求，按分組進(jìn)行調(diào)研。3、任務(wù)分解；由專任教師引導(dǎo)，學(xué)生自行對任務(wù)進(jìn)行分解，學(xué)生自主完成各個(gè)調(diào)研環(huán)節(jié)，最終匯總，生成圖標(biāo)作品詳細(xì)方案。4、同時(shí)由專業(yè)教師引導(dǎo)學(xué)生進(jìn)行先從現(xiàn)有的圖片作品臨摹開始，逐漸熟悉如果使用 AI 或者 PS 等軟件完成圖標(biāo)的繪制工作。5、作品匯報(bào)（由專任教師引導(dǎo)） ，學(xué)生上臺進(jìn)行展示。學(xué)業(yè)評價(jià)：1、學(xué)習(xí)與工作態(tài)度評價(jià)（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學(xué)習(xí)，共同達(dá)到學(xué)習(xí)目標(biāo)；（2）事先能制定可行的學(xué)習(xí)與工作計(jì)劃，并能合理安排學(xué)習(xí)與工作時(shí)間，嚴(yán)格按照學(xué)習(xí)與工作計(jì)劃規(guī)定的進(jìn)度完成階段性任務(wù)，學(xué)習(xí)與工作記錄完整。2、提交的學(xué)習(xí)與工作成果評價(jià)（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報(bào)告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步圖標(biāo)設(shè)計(jì)方案，讓客戶滿意； （3）收集的素材比較完整，而且預(yù)處理和歸檔合理； .3、自我展示能力評價(jià)（1）善于與客戶溝通，對客戶的需求把握準(zhǔn)確；（2）在學(xué)習(xí)與工作過程中主動與同學(xué)、老師互動，積極展示自己階段性學(xué)習(xí)成果；（3）成果匯報(bào)的儀態(tài)大方、言辭表達(dá)清晰、成果準(zhǔn)備充分。.學(xué)習(xí)情境二：認(rèn)知 UI 設(shè)計(jì)規(guī)范和制作流程學(xué)習(xí)情境名稱：認(rèn)知 UI 設(shè)計(jì)規(guī)范和制作流程 學(xué)時(shí)：4工作任務(wù)描述認(rèn)知 UI 設(shè)計(jì)規(guī)范和制作流程，學(xué)習(xí) UI 的設(shè)計(jì)概念，了解圖標(biāo)的國際規(guī)范，學(xué)習(xí)安卓屏幕知識，認(rèn)知 APP 界面設(shè)計(jì)流程，進(jìn)行 UI 界面色彩訓(xùn)練。學(xué)習(xí)目標(biāo)根據(jù)客戶要求，嘗試對界面進(jìn)行整體版面和風(fēng)格設(shè)計(jì)、色彩搭配、效果制作。1、進(jìn)行需求分析與產(chǎn)品的類型定位。2、進(jìn)行整體規(guī)劃，包括版面設(shè)計(jì)和風(fēng)格的確定。3、進(jìn)行色彩搭配和效果的制作；4、進(jìn)行平面圖與效果圖的制作。學(xué)習(xí)與工作內(nèi)容工作對象：1.UI 設(shè)計(jì)原則和規(guī)范總結(jié)；2.完成風(fēng)格設(shè)計(jì)方案；3.制作 APP 界面。工作與學(xué)習(xí)具體內(nèi)容：1.了解 IOS 系統(tǒng)和 Android 系統(tǒng)的基本元素，掌握 UI 設(shè)計(jì)原則和規(guī)范；2. 通過具體案例的學(xué)習(xí)和對比，能對UI 設(shè)計(jì)加深認(rèn)識，初步建立風(fēng)格和色彩感覺；3.設(shè)定一個(gè)具體功能的 APP，嘗試遵循設(shè)計(jì)流程和設(shè)計(jì)規(guī)范，在稿紙上畫出APP 界面草稿圖；4. 在上一步的基礎(chǔ)上用圖形圖像制作軟件把部分界面制作出來并優(yōu)化。工作要求：1. 根據(jù)客戶需求設(shè)計(jì)一個(gè)APP，嘗試遵循設(shè)計(jì)流程和設(shè)計(jì)規(guī)范，在稿紙上畫出草稿圖；2. 小組內(nèi)部進(jìn)行討論，對草圖進(jìn)行設(shè)計(jì)優(yōu)化，并制作出 APP 界面。.勞動組織：學(xué)生進(jìn)行分組，教師根據(jù)實(shí)際項(xiàng)目設(shè)計(jì)任務(wù)，可新設(shè)計(jì)一個(gè)需求，教師則扮演客戶角色，對學(xué)生的需求分析報(bào)告進(jìn)行評估。各個(gè)小組做為獨(dú)立的作品建設(shè)小組，小組長要引導(dǎo)小組完利用課余時(shí)間討論、收集素材，同時(shí)進(jìn)行合理有效的分工，完成素材的加工處理及使用。續(xù)上表：1、導(dǎo)課（由專任教師指導(dǎo)） ；引導(dǎo)學(xué)生根據(jù)客戶需求對產(chǎn)品進(jìn)行需求分析，并完成作品的風(fēng)格定位和設(shè)計(jì)；2、工作學(xué)習(xí)過程（學(xué)生獨(dú)立完成） ；讓學(xué)生根據(jù)界面設(shè)計(jì)規(guī)范反復(fù)修改自己的作品。3、工作學(xué)習(xí)過程（學(xué)生獨(dú)立完成） ；讓小組之間互相進(jìn)行創(chuàng)意激發(fā)以及作品欣賞與評價(jià)，并根據(jù)效果完成方案修改。4、作品匯報(bào)（由專任教師引導(dǎo)），學(xué)生上臺進(jìn)行展示。學(xué)業(yè)評價(jià)：1、學(xué)習(xí)與工作態(tài)度評價(jià).（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學(xué)習(xí)，共同達(dá)到學(xué)習(xí)目標(biāo)；（2）事先能制定可行的學(xué)習(xí)與工作計(jì)劃，并能合理安排學(xué)習(xí)與工作時(shí)間，嚴(yán)格按照學(xué)習(xí)與工作計(jì)劃規(guī)定的進(jìn)度完成階段性任務(wù)，學(xué)習(xí)與工作記錄完整。2、提交的學(xué)習(xí)與工作成果評價(jià)（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報(bào)告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步 UI 設(shè)計(jì)方案，讓客戶滿意； （3）收集的素材比較完整，而且預(yù)處理和歸檔合理； 3、自我展示能力評價(jià)（1）善于與客戶溝通，對客戶的需求把握準(zhǔn)確；（2）在學(xué)習(xí)與工作過程中主動與同學(xué)、老師互動，積極展示自己階段性學(xué)習(xí)成果；（3）成果匯報(bào)的儀態(tài)大方、言辭表達(dá)清晰、成果準(zhǔn)備充分。.學(xué)習(xí)情境三：設(shè)計(jì)手機(jī) APP 圖標(biāo)學(xué)習(xí)情境名稱：設(shè)計(jì)手機(jī) APP 圖標(biāo) 學(xué)時(shí)：6工作任務(wù)描述與客戶交流，分析客戶所要設(shè)計(jì)的 APP 的功能，風(fēng)格與特點(diǎn)，對 APP 圖標(biāo)進(jìn)行設(shè)計(jì)，使用Photoshop 中自帶的繪圖工具、色彩填充工具、濾鏡等工具，制作出精美的 APP 圖標(biāo)。學(xué)習(xí)目標(biāo)根據(jù)客戶的要求，對圖標(biāo)進(jìn)行設(shè)計(jì)：1．根據(jù)要求搜集資料生成客戶需求分析:；2．確定圖標(biāo)的風(fēng)格和配色方案，畫出草圖:；3．和客戶溝通后進(jìn)行修改，最后用軟件制作并優(yōu)化。學(xué)習(xí)與工作內(nèi)容工作對象：1.圖標(biāo)風(fēng)格設(shè)計(jì)方案；2.圖標(biāo)設(shè)計(jì)規(guī)劃書。工作與學(xué)習(xí)具體內(nèi)容：1.分析 IOS 系統(tǒng)和 Android 系統(tǒng)中優(yōu)秀的圖標(biāo)案例，了解圖標(biāo)設(shè)計(jì)的必要性，好圖標(biāo)的共同點(diǎn)；2.根據(jù)客戶的需求分析，對圖標(biāo)的風(fēng)格進(jìn)行定位，確定色彩方案，并進(jìn)行初步設(shè)計(jì)；3.和客戶討論后反復(fù)修改草圖，最后確定設(shè)計(jì)方案，并使用 UI 設(shè)計(jì)軟件制作出圖標(biāo)。勞動組織：學(xué)生進(jìn)行分組，教師根據(jù)實(shí)際項(xiàng)目設(shè)計(jì)任務(wù)，可新設(shè)計(jì)一個(gè)需求，教師則扮演客戶角色，對學(xué)生的需求分析報(bào)告進(jìn)行工作要求：1.了解不同風(fēng)格圖標(biāo)設(shè)計(jì)特點(diǎn)，并針對客戶的需求，對圖標(biāo)進(jìn)行草圖設(shè)計(jì)。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.掌握扁平化風(fēng)格設(shè)計(jì)的要素。.評估。各個(gè)小組做為獨(dú)立的作品建設(shè)小組，小組長要引導(dǎo)小組完利用課余時(shí)間討論、收集素材，同時(shí)進(jìn)行合理有效的分工，完成素材的加工處理及使用。1、導(dǎo)課（由專任教師指導(dǎo)） ；由教師介紹各種功能圖標(biāo)的風(fēng)格及特點(diǎn)，同時(shí)根據(jù)客戶要求，選用合適的風(fēng)格。續(xù)上表:2、具體工作學(xué)習(xí)過程（學(xué)生獨(dú)立完成） ；學(xué)生根據(jù)學(xué)習(xí)任務(wù)中具體方案要求，分組討論圖標(biāo)設(shè)計(jì)創(chuàng)意；同時(shí)根據(jù)客戶要求，設(shè)計(jì)與繪制出圖標(biāo)草圖；小組之間互相討論與建議；最后對圖標(biāo)進(jìn)行修改及完善。3、作品匯報(bào)（由專任教師引導(dǎo)） 。學(xué)業(yè)評價(jià)：1、學(xué)習(xí)與工作態(tài)度評價(jià)（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學(xué)習(xí)，共同達(dá)到學(xué)習(xí)目標(biāo)；（2）事先能制定可行的學(xué)習(xí)與工作計(jì)劃，并能合理安排學(xué)習(xí)與工作時(shí)間，嚴(yán)格按照學(xué)習(xí)與工作計(jì)劃規(guī)定的進(jìn)度完成階段性任務(wù)，學(xué)習(xí)與工作記錄完整。2、提交的學(xué)習(xí)與工作成果評價(jià)（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報(bào)告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步 UI 設(shè)計(jì)方案，讓客戶滿意； （3）收集的素材比較完整，而且預(yù)處理和歸檔合理； .3、自我展示能力評價(jià)（1）善于與客戶溝通，對客戶的需求把握準(zhǔn)確；（2）在學(xué)習(xí)與工作過程中主動與同學(xué)、老師互動，積極展示自己階段性學(xué)習(xí)成果；（3）成果匯報(bào)的儀態(tài)大方、言辭表達(dá)清晰、成果準(zhǔn)備充分。學(xué)習(xí)情境四：制作手機(jī) UI 中的主要元素學(xué)習(xí)情境名稱：制作手機(jī) UI 中的主要元素 學(xué)時(shí)：6.工作任務(wù)描述與客戶交流，分析客戶所需要的 APP UI 風(fēng)格與特點(diǎn)，對 APP 進(jìn)行整體設(shè)計(jì)，綜合利用Photoshop 的各種自帶工具對手機(jī) UI 界面中的元素進(jìn)行設(shè)計(jì)，并制作出適合的色彩構(gòu)成；對布局進(jìn)行優(yōu)化；要有良好的創(chuàng)意和用戶體驗(yàn)。學(xué)習(xí)目標(biāo)根據(jù)客戶的要求，對 APP 進(jìn)行整體布局設(shè)計(jì)，并設(shè)計(jì)適合的色彩構(gòu)成和合理的布局，要有良好的創(chuàng)意。1.進(jìn)行 APP 控件的制作；2.進(jìn)行相關(guān)素材的選?。?.進(jìn)行界面中圖片，字體排版進(jìn)行特殊效果的制作。學(xué)習(xí)與工作內(nèi)容工作對象：1.手機(jī) UI 中的APP 控件的分類和設(shè)計(jì)規(guī)范分析報(bào)告；2.手機(jī) UI 中的主要元素 APP 控件、圖片、字體的特效處理。工作與學(xué)習(xí)具體內(nèi)容：1、學(xué)生掌握界面設(shè)計(jì)規(guī)范和制作流程；2、學(xué)生根據(jù)實(shí)際作品需要，討論界面配色方案和風(fēng)格；3、根據(jù)要求，設(shè)計(jì)與繪制出手機(jī) APP 控件草圖，并對界面中的圖片和文字進(jìn)行排版， ；4、學(xué)生根據(jù)客戶要求，進(jìn)一步修改交互界面，努力提高用戶體驗(yàn)度；5、設(shè)計(jì)方案確定后，使用圖形圖像軟件制作出來。勞動組織：學(xué)生進(jìn)行分組，教師根據(jù)實(shí)際項(xiàng)目設(shè)計(jì)任務(wù)場景，并實(shí)施客戶的角色，與各個(gè)小組工作要求：1.了解不同界面設(shè)計(jì)特點(diǎn)，并針對客戶的需求，對界面各個(gè)要素進(jìn)行整體設(shè)計(jì)。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.熟悉色彩的構(gòu)成。.進(jìn)行交流，提出 UI 設(shè)計(jì)的要求，并對學(xué)生建設(shè)成果進(jìn)行評估。而各個(gè)小組則做為獨(dú)立的界面制作小組，小組長要引導(dǎo)小組完成頁面布局方案，同時(shí)進(jìn)行合理有效的分工，完成完整頁面的設(shè)計(jì)與制作。在具體實(shí)施過程中，可以在學(xué)習(xí)過程中和企業(yè)設(shè)置一致的工作要求。續(xù)上表：學(xué)業(yè)評價(jià)：1、學(xué)習(xí)與工作態(tài)度評價(jià)（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學(xué)習(xí)，共同達(dá)到學(xué)習(xí)目標(biāo)；（2）事先能制定可行的學(xué)習(xí)與工作計(jì)劃，并能合理安排學(xué)習(xí)與工作時(shí)間，嚴(yán)格按照學(xué)習(xí)與工作計(jì)劃規(guī)定的進(jìn)度完成階段性任務(wù)，學(xué)習(xí)與工作記錄完整。2、提交的學(xué)習(xí)與工作成果評價(jià)（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報(bào)告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步 UI 設(shè)計(jì)方案，讓客戶滿意； （3）收集的素材比較完整，而且預(yù)處理和歸檔合理； 3、自我展示能力評價(jià)（1）善于與客戶溝通，對客戶的需求把握準(zhǔn)確；（2）在學(xué)習(xí)與工作過程中主動與同學(xué)、老師互動，積極展示自己階段性學(xué)習(xí)成果；（3）成果匯報(bào)的儀態(tài)大方、言辭表達(dá)清晰、成果準(zhǔn)備充分。.學(xué)習(xí)情境五：設(shè)計(jì)并制作手機(jī) APP UI學(xué)習(xí)情境名稱：設(shè)計(jì)并制作手機(jī) APP UI 學(xué)時(shí)：16工作任務(wù)描述與客戶交流，分析客戶所要建設(shè)的 APP 風(fēng)格與特點(diǎn)，對從圖標(biāo)到用戶界面進(jìn)行整體設(shè)計(jì)，確定風(fēng)格和配色方案，畫出草圖，和客戶溝通后進(jìn)行修改，最后用軟件制作并優(yōu)化。學(xué)習(xí)目標(biāo)根據(jù)客戶的要求，對 APP 進(jìn)行整體設(shè)計(jì)，從圖標(biāo)到用戶交互界面，完成比較完整的一個(gè)作品。1.熟悉手機(jī) UI 交互界面設(shè)計(jì)制作流程；2.能夠根據(jù)具體 APP 功能要求，對手機(jī)交互界面進(jìn)行設(shè)計(jì)，使用戶體驗(yàn)更舒適。學(xué)習(xí)與工作內(nèi)容工作對象：1.手機(jī) APP 交互界面設(shè)計(jì)分析需求報(bào)告；2.Axure 交互原型設(shè)計(jì)方案。工作與學(xué)習(xí)具體內(nèi)容：1.與客戶交流，生成 APP 功能以及交互界面的需求分析報(bào)告；2. 根據(jù)設(shè)計(jì)方案，使用 Axure 對 APP 交互界面進(jìn)行原型設(shè)計(jì)；3.在原型設(shè)計(jì)方案的基礎(chǔ)上，使用 PS 或者 AI 制作完整的 APP 交互界面。勞動組織：學(xué)生進(jìn)行分組，教師根據(jù)實(shí)際項(xiàng)目設(shè)計(jì)任務(wù)場景，并實(shí)施客戶的角色，與各個(gè)小組進(jìn)行交流，提出 APP 設(shè)計(jì)的的要求，并對學(xué)生建設(shè)成果進(jìn)行評估。而各個(gè)小組則做為獨(dú)立的小組，小組長要引導(dǎo)小組完成頁面布局方案，同時(shí)進(jìn)行合理有效的分工，完成交互頁面效果以及功能工作要求：1.了解不同界面設(shè)計(jì)特點(diǎn)，并針對客戶的需求，對界面各個(gè)要素進(jìn)行整體設(shè)計(jì)。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.熟悉色彩的構(gòu)成。.的設(shè)計(jì)與制作。在具體實(shí)施過程中，可以在學(xué)習(xí)過程中和企業(yè)設(shè)置一致的工作要求。學(xué)業(yè)評價(jià)：1、學(xué)習(xí)與工作態(tài)度評價(jià)（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學(xué)習(xí)，共同達(dá)到學(xué)習(xí)目標(biāo)；（2）事先能制定可行的學(xué)習(xí)與工作計(jì)劃，并能合理安排學(xué)習(xí)與工作時(shí)間，嚴(yán)格按照學(xué)習(xí)與工作計(jì)劃規(guī)定的進(jìn)度完成階段性任務(wù)，學(xué)習(xí)與工作記錄完整。續(xù)上表：2、提交的學(xué)習(xí)與工作成果評價(jià)（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報(bào)告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步 UI 設(shè)計(jì)方案，讓客戶滿意； （3）收集的素材比較完整，而且預(yù)處理和歸檔合理； 3、自我展示能力評價(jià)（1）善于與客戶溝通，對客戶的需求把握準(zhǔn)確；（2）在學(xué)習(xí)與工作過程中主動與同學(xué)、老師互動，積極展示自己階段性學(xué)習(xí)成果；（3）成果匯報(bào)的儀態(tài)大方、言辭表達(dá)清晰、成果準(zhǔn)備充分。四、實(shí)施建議1、教學(xué)實(shí)施條件建議使用一體化多媒體教室進(jìn)行上課。配置建議使用 2G 以上的內(nèi)存，需要支持 OpenGL和 SM3.0 的獨(dú)立顯卡，需要 Win7 32/64 位，安裝 Photoshop、AI 等相關(guān)的軟件。.2、教材編寫與課外讀物的建議（1）教材選用：《Photoshop 移動 UI 界面設(shè)計(jì)實(shí)用教程》 水木居士人民郵電出版社 2016（2） 《Photoshop CC APP UI 設(shè)計(jì)從入門到精通》華天印象人民郵電出版社 2016（3） 《移動應(yīng)用 UI 設(shè)計(jì)》張曉景 胡克編著 人民郵電出版社 20163. 課程資源開發(fā)建議（1） 本課程的教學(xué)要不斷摸索適合高職教育特點(diǎn)的教學(xué)方法，因材施教。啟發(fā)、回顧、講解相結(jié)合，注意給學(xué)生更多的學(xué)習(xí)空間，發(fā)揮教與學(xué)兩方面的積極性，提高教學(xué)質(zhì)量和教學(xué)水平。（2） 教學(xué)過程中，根據(jù)技術(shù)發(fā)展，應(yīng)適時(shí)更新教學(xué)內(nèi)容。（3） 教學(xué)中要結(jié)合教學(xué)內(nèi)容的特點(diǎn)，培養(yǎng)學(xué)生學(xué)習(xí)習(xí)慣，努力提高學(xué)生自學(xué)能力和創(chuàng)新精神。（4）重視對學(xué)生學(xué)習(xí)方法的指導(dǎo)；督促學(xué)生及時(shí)、獨(dú)立完成作業(yè)和實(shí)訓(xùn)任務(wù)，加強(qiáng)團(tuán)隊(duì)成員之間互相學(xué)習(xí)、相互交流。（5） 以學(xué)生為中心，以能力為本位，以工作任務(wù)為核心，注重講解、演示、實(shí)訓(xùn)相結(jié)合。（6） 要注意課內(nèi)外結(jié)合，實(shí)訓(xùn)任務(wù)按課內(nèi)為主、課外為輔方式組織教學(xué)，重視學(xué)習(xí)團(tuán)隊(duì)建設(shè)，注重學(xué)生團(tuán)隊(duì)精神和寫作能力的培養(yǎng)。（7） 及時(shí)把握職業(yè)崗位動態(tài)，激發(fā)學(xué)生職業(yè)興趣，引導(dǎo)學(xué)生準(zhǔn)確把握職業(yè)生涯規(guī)劃。五、考核標(biāo)準(zhǔn)1、期末成績?yōu)槲鍌€(gè)技術(shù)單元的成績累加，各技術(shù)單元分值權(quán)重如下：任務(wù)單元 占總評成績的權(quán)重認(rèn)知 UI 設(shè)計(jì) 10%認(rèn)知 UI 設(shè)計(jì)規(guī)范和制作流程 10%設(shè)計(jì)手機(jī) APP 圖標(biāo) 20%.制作手機(jī) UI 中的主要元素 20%設(shè)計(jì)并制作手機(jī) APP UI 40%2、單元考核標(biāo)準(zhǔn)如下：考核類別考核項(xiàng)目權(quán)重評分元素積極參與的態(tài)度 5%1）在每個(gè)階段性任務(wù)完成過程中，能積極承擔(dān)任務(wù)分工；2）在小組討論中能積極發(fā)表自己的看法或提出問題；3)能認(rèn)真聽取其他小組的成果匯報(bào)，并積極提出問題和意見；求善求美的精神 5%1)能客觀分析出本小組成果的優(yōu)缺點(diǎn)；2)展示成果的幻燈片文檔的規(guī)范性；3)成果文檔的規(guī)范性；互幫協(xié)作的表現(xiàn) 5%1)在成果匯報(bào)中，能及時(shí)補(bǔ)充匯報(bào)成員的不足；2)在任務(wù)完成過程中，能對其他小組成員的困難提出積極地幫助；情感評價(jià)完成任務(wù)控制力 5%1)合理安排學(xué)習(xí)進(jìn)度；2) 及時(shí)完成任務(wù)分工；單元學(xué)習(xí)報(bào)告 15%1)基礎(chǔ)知識的理解；2)相關(guān)技術(shù)的全面性；3)文檔格式規(guī)范性；成果評價(jià)單元任務(wù)方案 50%1)需求分析的完整性；2)方案的合理性；3)方案實(shí)施的完整性、正確性。.方案設(shè)計(jì)與實(shí)施總結(jié)15%1)設(shè)計(jì)實(shí)施過程遇到的困難及解決方法；2)能否根據(jù)小組間互評和教師點(diǎn)評意見，對本小組的成果作出及時(shí)地修改和完善。3)文檔格式規(guī)范性；六、課時(shí)分配建議建議學(xué)習(xí)課時(shí)序號學(xué)習(xí)任務(wù)課內(nèi) 課外1 學(xué)習(xí)情境一：認(rèn)知 UI 設(shè)計(jì) 4 122 學(xué)習(xí)情境二：認(rèn)知 UI 設(shè)計(jì)規(guī)范和制作流程 4 123 學(xué)習(xí)情境三：設(shè)計(jì)手機(jī) APP 圖標(biāo) 6 144 學(xué)習(xí)情境四：制作手機(jī) UI 中的主要元素 6 165 學(xué)習(xí)情境五：設(shè)計(jì)并制作手機(jī) APP UI 16 18合計(jì) 36 72七、教學(xué)資源要求1.教材（指導(dǎo)書）要求1）包含美學(xué)的教材；2）包含平面構(gòu)圖、色彩構(gòu)圖 的教材；3）包含移動 UI 設(shè)計(jì)和商業(yè)制作等相關(guān) 知識的教材；4）包含媒體發(fā)布等知識的教材；5）包含印刷等知識的教材。 ；2.教學(xué)案例要求本課程設(shè)計(jì)時(shí)分為 5 個(gè)單元任務(wù)，針對這 5 個(gè)單元任務(wù)，每個(gè)單元都是完成平面設(shè)計(jì)的一個(gè)方面，.學(xué)生對 5 個(gè)單元任務(wù)分別掌握后，要具備將這些任務(wù)技術(shù)結(jié)合起來，完成平面設(shè)計(jì)與制作的能力。3.教學(xué)資料及網(wǎng)絡(luò)資源1）特色教材或補(bǔ)充教材；2）課件；3）實(shí)訓(xùn)指導(dǎo)書；4）課程微課集；5）網(wǎng)站資源。