《安卓AppsUI設(shè)計(jì)》課程標(biāo)準(zhǔn)
《《安卓AppsUI設(shè)計(jì)》課程標(biāo)準(zhǔn)》由會(huì)員分享,可在線閱讀,更多相關(guān)《《安卓AppsUI設(shè)計(jì)》課程標(biāo)準(zhǔn)(20頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
.《安卓 AppsUI 設(shè)計(jì)》課程標(biāo)準(zhǔn)一、課程性質(zhì)與任務(wù)1.課程性質(zhì)隨著 android 系統(tǒng)的普及,android 應(yīng)用的需求越來越大,這是一個(gè)潛力巨大的市場(chǎng),吸引了無數(shù)軟件開發(fā)廠商和開發(fā)者投身其中,大量的手機(jī)游戲和軟件的研發(fā)和制作都需要 Android 開發(fā)工程師和安卓 UI 設(shè)計(jì)師,引發(fā)了 Android 人才荒。軟件 UI 設(shè)計(jì)屬于 ID(工業(yè)產(chǎn)品設(shè)計(jì))的一個(gè)特殊形式,只是針對(duì)的材質(zhì)有所不同。但隨著智能化電子產(chǎn)品的普及,帶有液晶屏顯示的產(chǎn)品將越來越多。也就意味著越來越多的產(chǎn)品設(shè)計(jì)需要軟件 UI 設(shè)計(jì)。隨著技術(shù)平準(zhǔn)化手機(jī)產(chǎn)業(yè)出現(xiàn)價(jià)格競(jìng)爭(zhēng)的環(huán)境下,手機(jī)的人機(jī)交互界面(UI)給手機(jī)市場(chǎng)提供新的賣點(diǎn),被認(rèn)為是新的產(chǎn)業(yè)動(dòng)力。手機(jī) UI 的新設(shè)計(jì)與功能開發(fā)是根據(jù)各種客戶群體的喜好及使用習(xí)慣而進(jìn)行的,隨著手機(jī)用戶年齡層的擴(kuò)大,性別、宗教、環(huán)境、生活方式的多樣化,其開發(fā)范圍和潛力正在無限擴(kuò)大。這些新的趨勢(shì)使得界面交互可能不再囿于某個(gè)具體產(chǎn)品本身,它可能開始涉及了與使用環(huán)境及其他用戶之間的交流。根據(jù)對(duì)當(dāng)前手機(jī)技術(shù)的分析以及對(duì)國(guó)外在人機(jī)交互及相關(guān)領(lǐng)域研究的關(guān)注,提出了“泛交互”的概念,并對(duì)新的趨勢(shì)、新的設(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ì)的定位,對(duì)界面進(jìn)行風(fēng)格設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì);3、根據(jù)風(fēng)格或用戶體驗(yàn)得到的設(shè)計(jì)方案,對(duì)手機(jī) UI 設(shè)計(jì)進(jìn)行具體的制作。4、對(duì) 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ā)展趨勢(shì),了解 UI 設(shè)計(jì)常用軟件,學(xué)習(xí)軟件的使用技巧。學(xué)習(xí)目標(biāo)通過欣賞大量的手機(jī) UI 圖標(biāo)和界面作品,能對(duì)圖標(biāo)進(jìn)行風(fēng)格定位并培養(yǎng)一定的審美觀。根據(jù)用戶要求,對(duì)一些給定作品進(jìn)行需求分析;確定作品類型定位,并嘗試進(jìn)一步對(duì)作品進(jìn)行初步設(shè)計(jì)。學(xué)習(xí)與工作內(nèi)容工作對(duì)象:1.UI 設(shè)計(jì)作品賞析分析報(bào)告;工作與學(xué)習(xí)具體內(nèi)容:1.了解 UI 設(shè)計(jì)的相關(guān)單位和色彩搭配,了解圖形元素的格式和大小,簡(jiǎ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ì)的主流趨勢(shì)和特點(diǎn);4:對(duì)一些給定作品進(jìn)行分析;對(duì)不同領(lǐng)域不同功能的設(shè)計(jì)作品進(jìn)行類型定位,并進(jìn)一步對(duì)作品進(jìn)行初步設(shè)計(jì)。勞動(dòng)組織:學(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),能針對(duì)需求分析,對(duì)作品類型進(jìn)行定位及初步設(shè)計(jì)。.設(shè)計(jì)任務(wù)場(chǎng)景,并實(shí)施客戶的角色,與各個(gè)小組進(jìn)行交流,提出課程任務(wù)的要求,并對(duì)學(xué)生建設(shè)成果進(jìn)行評(píng)估。而各個(gè)小組則作為獨(dú)立的作品規(guī)劃小組,小組長(zhǎng)要引導(dǎo)小組完成任務(wù),同時(shí)進(jìn)行合理有效的分工。1、學(xué)習(xí)與工作團(tuán)隊(duì)的組織;確定分組及組長(zhǎng)。.續(xù)上表:2、任務(wù)背景介紹(由專任教師指導(dǎo)) ;由專任教師指定某一 APP,引導(dǎo)學(xué)生對(duì)APP 進(jìn)行需求分析,確定該 APP 圖標(biāo)的表現(xiàn)形式、主題及技術(shù)要求,按分組進(jìn)行調(diào)研。3、任務(wù)分解;由專任教師引導(dǎo),學(xué)生自行對(duì)任務(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é)生上臺(tái)進(jìn)行展示。學(xué)業(yè)評(píng)價(jià):1、學(xué)習(xí)與工作態(tài)度評(píng)價(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í)與工作成果評(píng)價(jià)(1)通過充分的市場(chǎng)調(diào)研后完成的 UI 作品的分析報(bào)告全面完整,并能有自己的見解。(2)根據(jù)客戶的需求制定初步圖標(biāo)設(shè)計(jì)方案,讓客戶滿意; (3)收集的素材比較完整,而且預(yù)處理和歸檔合理; .3、自我展示能力評(píng)價(jià)(1)善于與客戶溝通,對(duì)客戶的需求把握準(zhǔn)確;(2)在學(xué)習(xí)與工作過程中主動(dòng)與同學(xué)、老師互動(dòng),積極展示自己階段性學(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ó)際規(guī)范,學(xué)習(xí)安卓屏幕知識(shí),認(rèn)知 APP 界面設(shè)計(jì)流程,進(jìn)行 UI 界面色彩訓(xùn)練。學(xué)習(xí)目標(biāo)根據(jù)客戶要求,嘗試對(duì)界面進(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)容工作對(duì)象: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í)和對(duì)比,能對(duì)UI 設(shè)計(jì)加深認(rèn)識(shí),初步建立風(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)行討論,對(duì)草圖進(jìn)行設(shè)計(jì)優(yōu)化,并制作出 APP 界面。.勞動(dòng)組織:學(xué)生進(jìn)行分組,教師根據(jù)實(shí)際項(xiàng)目設(shè)計(jì)任務(wù),可新設(shè)計(jì)一個(gè)需求,教師則扮演客戶角色,對(duì)學(xué)生的需求分析報(bào)告進(jìn)行評(píng)估。各個(gè)小組做為獨(dú)立的作品建設(shè)小組,小組長(zhǎng)要引導(dǎo)小組完利用課余時(shí)間討論、收集素材,同時(shí)進(jìn)行合理有效的分工,完成素材的加工處理及使用。續(xù)上表:1、導(dǎo)課(由專任教師指導(dǎo)) ;引導(dǎo)學(xué)生根據(jù)客戶需求對(duì)產(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ā)以及作品欣賞與評(píng)價(jià),并根據(jù)效果完成方案修改。4、作品匯報(bào)(由專任教師引導(dǎo)),學(xué)生上臺(tái)進(jìn)行展示。學(xué)業(yè)評(píng)價(jià):1、學(xué)習(xí)與工作態(tài)度評(píng)價(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í)與工作成果評(píng)價(jià)(1)通過充分的市場(chǎng)調(diào)研后完成的 UI 作品的分析報(bào)告全面完整,并能有自己的見解。(2)根據(jù)客戶的需求制定初步 UI 設(shè)計(jì)方案,讓客戶滿意; (3)收集的素材比較完整,而且預(yù)處理和歸檔合理; 3、自我展示能力評(píng)價(jià)(1)善于與客戶溝通,對(duì)客戶的需求把握準(zhǔn)確;(2)在學(xué)習(xí)與工作過程中主動(dòng)與同學(xué)、老師互動(dòng),積極展示自己階段性學(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),對(duì) APP 圖標(biāo)進(jìn)行設(shè)計(jì),使用Photoshop 中自帶的繪圖工具、色彩填充工具、濾鏡等工具,制作出精美的 APP 圖標(biāo)。學(xué)習(xí)目標(biāo)根據(jù)客戶的要求,對(duì)圖標(biāo)進(jìn)行設(shè)計(jì):1.根據(jù)要求搜集資料生成客戶需求分析:;2.確定圖標(biāo)的風(fēng)格和配色方案,畫出草圖:;3.和客戶溝通后進(jìn)行修改,最后用軟件制作并優(yōu)化。學(xué)習(xí)與工作內(nèi)容工作對(duì)象: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ù)客戶的需求分析,對(duì)圖標(biāo)的風(fēng)格進(jìn)行定位,確定色彩方案,并進(jìn)行初步設(shè)計(jì);3.和客戶討論后反復(fù)修改草圖,最后確定設(shè)計(jì)方案,并使用 UI 設(shè)計(jì)軟件制作出圖標(biāo)。勞動(dòng)組織:學(xué)生進(jìn)行分組,教師根據(jù)實(shí)際項(xiàng)目設(shè)計(jì)任務(wù),可新設(shè)計(jì)一個(gè)需求,教師則扮演客戶角色,對(duì)學(xué)生的需求分析報(bào)告進(jìn)行工作要求:1.了解不同風(fēng)格圖標(biāo)設(shè)計(jì)特點(diǎn),并針對(duì)客戶的需求,對(duì)圖標(biāo)進(jìn)行草圖設(shè)計(jì)。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.掌握扁平化風(fēng)格設(shè)計(jì)的要素。.評(píng)估。各個(gè)小組做為獨(dú)立的作品建設(shè)小組,小組長(zhǎng)要引導(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)草圖;小組之間互相討論與建議;最后對(duì)圖標(biāo)進(jìn)行修改及完善。3、作品匯報(bào)(由專任教師引導(dǎo)) 。學(xué)業(yè)評(píng)價(jià):1、學(xué)習(xí)與工作態(tài)度評(píng)價(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í)與工作成果評(píng)價(jià)(1)通過充分的市場(chǎng)調(diào)研后完成的 UI 作品的分析報(bào)告全面完整,并能有自己的見解。(2)根據(jù)客戶的需求制定初步 UI 設(shè)計(jì)方案,讓客戶滿意; (3)收集的素材比較完整,而且預(yù)處理和歸檔合理; .3、自我展示能力評(píng)價(jià)(1)善于與客戶溝通,對(duì)客戶的需求把握準(zhǔn)確;(2)在學(xué)習(xí)與工作過程中主動(dòng)與同學(xué)、老師互動(dòng),積極展示自己階段性學(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),對(duì) APP 進(jìn)行整體設(shè)計(jì),綜合利用Photoshop 的各種自帶工具對(duì)手機(jī) UI 界面中的元素進(jìn)行設(shè)計(jì),并制作出適合的色彩構(gòu)成;對(duì)布局進(jìn)行優(yōu)化;要有良好的創(chuàng)意和用戶體驗(yàn)。學(xué)習(xí)目標(biāo)根據(jù)客戶的要求,對(duì) APP 進(jìn)行整體布局設(shè)計(jì),并設(shè)計(jì)適合的色彩構(gòu)成和合理的布局,要有良好的創(chuàng)意。1.進(jìn)行 APP 控件的制作;2.進(jìn)行相關(guān)素材的選取;3.進(jìn)行界面中圖片,字體排版進(jìn)行特殊效果的制作。學(xué)習(xí)與工作內(nèi)容工作對(duì)象: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 控件草圖,并對(duì)界面中的圖片和文字進(jìn)行排版, ;4、學(xué)生根據(jù)客戶要求,進(jìn)一步修改交互界面,努力提高用戶體驗(yàn)度;5、設(shè)計(jì)方案確定后,使用圖形圖像軟件制作出來。勞動(dòng)組織:學(xué)生進(jìn)行分組,教師根據(jù)實(shí)際項(xiàng)目設(shè)計(jì)任務(wù)場(chǎng)景,并實(shí)施客戶的角色,與各個(gè)小組工作要求:1.了解不同界面設(shè)計(jì)特點(diǎn),并針對(duì)客戶的需求,對(duì)界面各個(gè)要素進(jìn)行整體設(shè)計(jì)。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.熟悉色彩的構(gòu)成。.進(jìn)行交流,提出 UI 設(shè)計(jì)的要求,并對(duì)學(xué)生建設(shè)成果進(jìn)行評(píng)估。而各個(gè)小組則做為獨(dú)立的界面制作小組,小組長(zhǎng)要引導(dǎo)小組完成頁面布局方案,同時(shí)進(jìn)行合理有效的分工,完成完整頁面的設(shè)計(jì)與制作。在具體實(shí)施過程中,可以在學(xué)習(xí)過程中和企業(yè)設(shè)置一致的工作要求。續(xù)上表:學(xué)業(yè)評(píng)價(jià):1、學(xué)習(xí)與工作態(tài)度評(píng)價(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í)與工作成果評(píng)價(jià)(1)通過充分的市場(chǎng)調(diào)研后完成的 UI 作品的分析報(bào)告全面完整,并能有自己的見解。(2)根據(jù)客戶的需求制定初步 UI 設(shè)計(jì)方案,讓客戶滿意; (3)收集的素材比較完整,而且預(yù)處理和歸檔合理; 3、自我展示能力評(píng)價(jià)(1)善于與客戶溝通,對(duì)客戶的需求把握準(zhǔn)確;(2)在學(xué)習(xí)與工作過程中主動(dòng)與同學(xué)、老師互動(dòng),積極展示自己階段性學(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),對(duì)從圖標(biāo)到用戶界面進(jìn)行整體設(shè)計(jì),確定風(fēng)格和配色方案,畫出草圖,和客戶溝通后進(jìn)行修改,最后用軟件制作并優(yōu)化。學(xué)習(xí)目標(biāo)根據(jù)客戶的要求,對(duì) APP 進(jìn)行整體設(shè)計(jì),從圖標(biāo)到用戶交互界面,完成比較完整的一個(gè)作品。1.熟悉手機(jī) UI 交互界面設(shè)計(jì)制作流程;2.能夠根據(jù)具體 APP 功能要求,對(duì)手機(jī)交互界面進(jìn)行設(shè)計(jì),使用戶體驗(yàn)更舒適。學(xué)習(xí)與工作內(nèi)容工作對(duì)象:1.手機(jī) APP 交互界面設(shè)計(jì)分析需求報(bào)告;2.Axure 交互原型設(shè)計(jì)方案。工作與學(xué)習(xí)具體內(nèi)容:1.與客戶交流,生成 APP 功能以及交互界面的需求分析報(bào)告;2. 根據(jù)設(shè)計(jì)方案,使用 Axure 對(duì) APP 交互界面進(jìn)行原型設(shè)計(jì);3.在原型設(shè)計(jì)方案的基礎(chǔ)上,使用 PS 或者 AI 制作完整的 APP 交互界面。勞動(dòng)組織:學(xué)生進(jìn)行分組,教師根據(jù)實(shí)際項(xiàng)目設(shè)計(jì)任務(wù)場(chǎng)景,并實(shí)施客戶的角色,與各個(gè)小組進(jìn)行交流,提出 APP 設(shè)計(jì)的的要求,并對(duì)學(xué)生建設(shè)成果進(jìn)行評(píng)估。而各個(gè)小組則做為獨(dú)立的小組,小組長(zhǎng)要引導(dǎo)小組完成頁面布局方案,同時(shí)進(jìn)行合理有效的分工,完成交互頁面效果以及功能工作要求:1.了解不同界面設(shè)計(jì)特點(diǎn),并針對(duì)客戶的需求,對(duì)界面各個(gè)要素進(jìn)行整體設(shè)計(jì)。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.熟悉色彩的構(gòu)成。.的設(shè)計(jì)與制作。在具體實(shí)施過程中,可以在學(xué)習(xí)過程中和企業(yè)設(shè)置一致的工作要求。學(xué)業(yè)評(píng)價(jià):1、學(xué)習(xí)與工作態(tài)度評(píng)價(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í)與工作成果評(píng)價(jià)(1)通過充分的市場(chǎng)調(diào)研后完成的 UI 作品的分析報(bào)告全面完整,并能有自己的見解。(2)根據(jù)客戶的需求制定初步 UI 設(shè)計(jì)方案,讓客戶滿意; (3)收集的素材比較完整,而且預(yù)處理和歸檔合理; 3、自我展示能力評(píng)價(jià)(1)善于與客戶溝通,對(duì)客戶的需求把握準(zhǔn)確;(2)在學(xué)習(xí)與工作過程中主動(dòng)與同學(xué)、老師互動(dòng),積極展示自己階段性學(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 移動(dòng) UI 界面設(shè)計(jì)實(shí)用教程》 水木居士人民郵電出版社 2016(2) 《Photoshop CC APP UI 設(shè)計(jì)從入門到精通》華天印象人民郵電出版社 2016(3) 《移動(dòng)應(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)重視對(duì)學(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è)崗位動(dòng)態(tài),激發(fā)學(xué)生職業(yè)興趣,引導(dǎo)學(xué)生準(zhǔn)確把握職業(yè)生涯規(guī)劃。五、考核標(biāo)準(zhǔn)1、期末成績(jī)?yōu)槲鍌€(gè)技術(shù)單元的成績(jī)累加,各技術(shù)單元分值權(quán)重如下:任務(wù)單元 占總評(píng)成績(jī)的權(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)重評(píng)分元素積極參與的態(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ù)完成過程中,能對(duì)其他小組成員的困難提出積極地幫助;情感評(píng)價(jià)完成任務(wù)控制力 5%1)合理安排學(xué)習(xí)進(jìn)度;2) 及時(shí)完成任務(wù)分工;單元學(xué)習(xí)報(bào)告 15%1)基礎(chǔ)知識(shí)的理解;2)相關(guān)技術(shù)的全面性;3)文檔格式規(guī)范性;成果評(píng)價(jià)單元任務(wù)方案 50%1)需求分析的完整性;2)方案的合理性;3)方案實(shí)施的完整性、正確性。.方案設(shè)計(jì)與實(shí)施總結(jié)15%1)設(shè)計(jì)實(shí)施過程遇到的困難及解決方法;2)能否根據(jù)小組間互評(píng)和教師點(diǎn)評(píng)意見,對(duì)本小組的成果作出及時(shí)地修改和完善。3)文檔格式規(guī)范性;六、課時(shí)分配建議建議學(xué)習(xí)課時(shí)序號(hào)學(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)包含移動(dòng) UI 設(shè)計(jì)和商業(yè)制作等相關(guān) 知識(shí)的教材;4)包含媒體發(fā)布等知識(shí)的教材;5)包含印刷等知識(shí)的教材。 ;2.教學(xué)案例要求本課程設(shè)計(jì)時(shí)分為 5 個(gè)單元任務(wù),針對(duì)這 5 個(gè)單元任務(wù),每個(gè)單元都是完成平面設(shè)計(jì)的一個(gè)方面,.學(xué)生對(duì) 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)站資源。- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來的問題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
10 積分
下載 |
- 配套講稿:
如PPT文件的首頁顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國(guó)旗、國(guó)徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- AppsUI 設(shè)計(jì) 課程標(biāo)準(zhǔn)
鏈接地址:http://m.szxfmmzy.com/p-324287.html