項目2：智慧團建一、教學(xué)設(shè)計課時安排3課時教學(xué)情景智慧團建是對所在轄區(qū)共青團體系下的團組織、團員和團干部進行數(shù)據(jù)采集。通過互聯(lián)網(wǎng)面向基層、服務(wù)青年、聯(lián)接青年，重點為青年提供學(xué)習(xí)成才、就業(yè)創(chuàng)業(yè)、社會融入等方面的服務(wù)和幫助，是一種“互聯(lián)網(wǎng)+共青團”的新模式。實現(xiàn)團網(wǎng)深度融合、團青充分互動、線上線下一體運行，為團組織把握工作主線提供新支撐。教學(xué)內(nèi)容本項目共三個任務(wù)，每個任務(wù)對應(yīng)不同的頁面及設(shè)計元素的需求。首先需要確定應(yīng)用的整體風(fēng)格，通過布局、顏色、大小、位置等內(nèi)容建立信息構(gòu)架，將重要信息或功能置于顯著的位置，使用戶對應(yīng)用產(chǎn)生良好的印象和評價。本項目將會用到按鈕、界面交互動作等內(nèi)容，在設(shè)計制作過程中，要綜合考慮用戶的使用范圍、習(xí)慣等多方面因素，從而完成互動設(shè)計，合理有效的增強用戶體驗。教學(xué)目標(biāo)基于學(xué)情，依據(jù)專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，制定如下三維目標(biāo)：情感態(tài)度與價值觀通過對智慧團建界面項目的整體設(shè)計與模型制作，提升舉一反三的能力。知識與技能1.通過本項目的學(xué)習(xí)，要求掌握智慧團建項目界面設(shè)計的實施流程。2.掌握AdobeXD軟件界面交互動作的制作方法。過程與方法1.通過制作思維導(dǎo)圖，了解項目實施的完整流程。2.通過項目的完整實現(xiàn)，完成對本項目內(nèi)容相應(yīng)知識技能的掌握。教學(xué)重點難點基于教學(xué)目標(biāo)，結(jié)合教學(xué)內(nèi)容和學(xué)情，明確如下教學(xué)重難點：教學(xué)重點確定應(yīng)用的整體風(fēng)格，建立信息構(gòu)架。正確創(chuàng)建按鈕、動畫、界面交互動作等互動設(shè)計。教學(xué)難點掌握圖形尺寸等效果的參數(shù)配置方法。掌握界面交互動作的制作方法。二、教學(xué)實施教學(xué)環(huán)節(jié)教學(xué)活動教師活動學(xué)生活動任務(wù)1智慧團建登陸界面設(shè)計1.顯示系統(tǒng)登錄界面，點擊“立即登錄”跳轉(zhuǎn)至智慧團建首頁頁面。2.顯示賬號密碼輸入?yún)^(qū)域，可輸入賬號密碼，點擊立即登錄，跳轉(zhuǎn)至智慧團建界面；接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧團建登錄界面設(shè)計內(nèi)容。任務(wù)2.智慧團建首頁界面設(shè)計1.點擊登錄頁面“立即登錄”跳轉(zhuǎn)至智慧團建首頁面。2．繪制通知公告及鏈接區(qū)域，點擊可跳轉(zhuǎn)至詳情頁。3.顯示底部導(dǎo)航欄，采用圖標(biāo)加文字方式顯示，圖標(biāo)在上，文字在下。點擊標(biāo)簽進入對應(yīng)頁面，并用顏色標(biāo)記當(dāng)前頁面所在導(dǎo)航欄。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧團建首頁界面設(shè)計內(nèi)容。任務(wù)3.智慧團建個人信息填寫界面設(shè)計1.個人信息頁面，自上至下分為狀態(tài)欄、導(dǎo)航欄、內(nèi)容區(qū)。界面頂部顯示個人信息標(biāo)題欄，返回上一頁按鈕，下面有“報道資料”與“獎懲信息”切換區(qū)域，點擊后跳到對應(yīng)的頁面。2.在內(nèi)容區(qū)制作“報到資料”與“獎懲信息”，切換及審核警告區(qū)域。3.基本信息編寫區(qū)域繪制。依據(jù)頁面長度，繪制多條直線，輸入文字并繪制“提交”按鈕。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧團建個人信息填寫界面設(shè)計內(nèi)容。考核評價考核項目分值軟件操作能將設(shè)計軟件熟練運用到制作中了解智慧團建的界面設(shè)計規(guī)范知識掌握界面交互動作效果的實現(xiàn)課后拓展1.如何實現(xiàn)界面交互動作的效果？2.請為某智慧校園APP設(shè)計制作登錄頁面、首頁界面和個人信息注冊提交頁面。項目2：鄉(xiāng)村民宿一、教學(xué)設(shè)計課時安排4課時教學(xué)情景鄉(xiāng)村民宿是把農(nóng)宅改造成“外土內(nèi)洋”的旅館酒店，是把精致小屋安放在綠水青山之中，是把城市現(xiàn)代生活搬到鄉(xiāng)村來過。鄉(xiāng)村民宿，是讓游人在綠水青山中享受寧靜，在藍天白云間行走呼吸，在鄉(xiāng)土文化中領(lǐng)略神奇，在鄉(xiāng)村農(nóng)家里休閑度假。鄉(xiāng)村民宿，一個成熟的旅游市場，一個規(guī)范的旅游產(chǎn)業(yè)，一個可復(fù)制的經(jīng)營模式，一個新穎的經(jīng)濟業(yè)態(tài)。民宿經(jīng)濟，更是融合農(nóng)村一二三產(chǎn)業(yè)發(fā)展的切入點，整合農(nóng)村資源的“牛鼻子”，關(guān)聯(lián)農(nóng)村整體發(fā)展的大平臺。教學(xué)內(nèi)容本項目共四個任務(wù)，每個任務(wù)對應(yīng)不同的頁面及設(shè)計元素和需求，在進行鄉(xiāng)村民宿項目界面設(shè)計之前，首先需要確定應(yīng)用的整體風(fēng)格，因為這會影響用戶對應(yīng)用的印象和評價。然后通過布局、顏色、大小、位置等方式，建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于更顯著的位置。本項目將會用到按鈕、動畫、頁面交互動作等互動設(shè)計，合理的互動設(shè)計可以有效的增強用戶體驗，因此在設(shè)計過程中，要綜合考慮用戶的使用場景、習(xí)慣和反饋機制等多方面因素，從而完成互動設(shè)計。教學(xué)目標(biāo)基于學(xué)情，依據(jù)專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，制定如下三維目標(biāo)：情感態(tài)度與價值觀通過對鄉(xiāng)村民宿移動應(yīng)用界面項目的整體設(shè)計與模型制作，提升分析問題、解決問題的能力，強調(diào)嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度，提升舉一反三的能力。知識與技能1．通過本項目的學(xué)習(xí)，要求掌握鄉(xiāng)村民宿項目界面設(shè)計的實施流程。2．掌握AdobeXD軟件跳轉(zhuǎn)鏈接功能及界面交互動作的制作方法。過程與方法通過制作思維導(dǎo)圖，了解項目實施的完整流程。通過項目的完整實現(xiàn)，完成對本項目內(nèi)容相應(yīng)知識技能的掌握。教學(xué)重點難點基于教學(xué)目標(biāo)，結(jié)合教學(xué)內(nèi)容和學(xué)情，明確如下教學(xué)重難點：教學(xué)重點建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于顯著位置。合理創(chuàng)建按鈕、動畫、頁面交互動作等互動設(shè)計。教學(xué)難點掌握界面交互動作的配置及使用方法。掌握圖形尺寸、陰影等特效的參數(shù)配置方法。掌握AdobeXD輪播圖效果的制作方法。了解導(dǎo)航欄按鈕的交互動作的實現(xiàn)。二、教學(xué)實施教學(xué)環(huán)節(jié)教學(xué)活動教師活動學(xué)生活動任務(wù)1鄉(xiāng)村民宿首頁界面設(shè)計1.顯示系統(tǒng)廣告輪播圖，點擊輪播圖跳轉(zhuǎn)至民宿對應(yīng)詳情頁面。2.顯示搜索民宿名稱區(qū)域，可選擇當(dāng)前城市，選擇入住時間、離店時間、民宿名稱，點擊開始搜索，跳轉(zhuǎn)至民宿列表界面；3.顯示底部導(dǎo)航欄，采用圖標(biāo)加文字方式顯示，圖標(biāo)在上，文字在下，共4個圖標(biāo)分別為首頁、數(shù)據(jù)分析、民宿、我的，點擊標(biāo)簽進入對應(yīng)頁面，并用顏色標(biāo)記當(dāng)前頁面所在導(dǎo)航欄。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作鄉(xiāng)村民宿首頁界面設(shè)計內(nèi)容。任務(wù)2.鄉(xiāng)村民宿列表界面設(shè)計1.顯示搜索框，搜索框內(nèi)有搜索圖標(biāo)、提示文字；2.顯示民宿列表，列表項包括圖片、民宿名稱、民宿房間規(guī)格、民宿價格、評分、民宿位置等信息。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作鄉(xiāng)村民宿列表界面設(shè)計內(nèi)容。任務(wù)3.鄉(xiāng)村民宿代金券界面設(shè)計1.代金券頁面，界面頂部顯示代金券標(biāo)題欄，返回上一頁按鈕，下面有“有效的”與“無效的”tab切換，點擊后跳到對應(yīng)的有效代金券或者無效代金券頁面；2.代金券包含具體金額、滿減要求、有效期和“立即兌換”按鈕要素。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作鄉(xiāng)村民宿代金券界面設(shè)計內(nèi)容。任務(wù)4：鄉(xiāng)村民宿民情文化詳情界面設(shè)計1.民情文化詳情頁面上半部包括民情文化標(biāo)題、圖片、文字介紹；2.下半部包括評論總數(shù)、發(fā)布評論的用戶頭像、昵稱、分布時間、評論點贊數(shù)和評論內(nèi)容，界面底部顯示發(fā)表評論輸入框和“評論”、“收藏”按鈕。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作鄉(xiāng)村民宿民情文化詳情界面設(shè)計內(nèi)容。考核評價考核項目分值軟件操作設(shè)計軟件運用合理、規(guī)范對移動UI的設(shè)計規(guī)范有一定的了解，并能運用到制作中知識掌握輪播圖效果的實現(xiàn)底部導(dǎo)航欄及按鈕切換交互動作效果的實現(xiàn)課后拓展1.如何實現(xiàn)輪播圖效果？2.如何實現(xiàn)按鈕切換交互動作效果？3.請為某旅游軟件設(shè)計首頁界面、旅游城市列表界面、旅游優(yōu)惠代金券界面和旅游城市詳情界面。項目3：公益活動一、教學(xué)設(shè)計課時安排4課時教學(xué)情景公益活動APP，作為公益事業(yè)的重要推動力之一，可以提升公益組織的工作效率，增加公眾參與度。雖然目前公益APP在知名度、功能設(shè)計和用戶體驗等方面仍存在一定的問題，需要進一步優(yōu)化和改善。但我們相信，通過不斷改進，公益APP必將為促進社會公益事業(yè)的發(fā)展發(fā)揮更多、更大的作用。教學(xué)內(nèi)容本項目共四個任務(wù)，每個任務(wù)均對應(yīng)一個不同的獨立頁面的設(shè)計需求，在進行公益活動項目界面設(shè)計之前，首先需要確定應(yīng)用的整體風(fēng)格，然后通過布局、顏色、大小、位置等方式，建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于更顯著的位置。本項目將會用到按鈕、動畫、頁面切換、tab切換等互動設(shè)計，合理的互動設(shè)計可以有效的增強用戶的體驗，因此在設(shè)計過程中，綜合考慮用戶的使用場景、習(xí)慣和反饋機制等多方面因素，從而完成互動設(shè)計。教學(xué)目標(biāo)基于學(xué)情，依據(jù)專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，制定如下三維目標(biāo)：情感態(tài)度與價值觀通過對智慧團建界面項目的整體設(shè)計與模型制作，提升舉一反三的能力。知識與技能1.掌握AdobeXD軟件點擊banner切換的制作過程。2.掌握底部Tab導(dǎo)航欄控制頁面切換的方法。過程與方法1.通過項目功能的設(shè)計與思維導(dǎo)圖的制作，了解項目實施的完整流程。2.通過項目的完整實現(xiàn)，完成本項目內(nèi)容相關(guān)知識技能的掌握。教學(xué)重點難點基于教學(xué)目標(biāo)，結(jié)合教學(xué)內(nèi)容和學(xué)情，明確如下教學(xué)重難點：教學(xué)重點1.AdobeXD軟件點擊banner切換的制作過程。2.底部Tab導(dǎo)航欄控制頁面切換的方法。教學(xué)難點1.原型界面交互動作的常見配置及使用方法。2.AdobeXD點擊實現(xiàn)輪播效果的制作方法。3.Tab導(dǎo)航欄聯(lián)動控制頁面切換的實現(xiàn)。二、教學(xué)實施教學(xué)環(huán)節(jié)教學(xué)活動教師活動學(xué)生活動任務(wù)1公益活動首頁界面設(shè)計1．首頁搜索框的繪制。2．首頁輪播圖的制作，點擊圖片進行順序切換，點擊圖片下方控制器跳轉(zhuǎn)到對應(yīng)圖片。3．完成首頁剩余模塊的制作。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作公益活動首頁界面設(shè)計內(nèi)容。任務(wù)2.公益活動詳情界面設(shè)計1．狀態(tài)欄、標(biāo)題欄及菜單欄的制作。2.制作公益活動詳細分類及活動簡介部分內(nèi)容。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作公益活動詳情界面設(shè)計內(nèi)容。任務(wù)3.公益活動動態(tài)界面設(shè)計1.公益活動動態(tài)頁面上半部分包括今日焦點話題和熱門話題。2．通過重復(fù)網(wǎng)格進行復(fù)制完成推薦關(guān)注內(nèi)容的制作。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作公益活動動態(tài)界面設(shè)計內(nèi)容。 任務(wù)4.公益活動個人中心界面設(shè)計1.個人中心界面包含4部分，其中上半部分為個人信息和打卡區(qū)域。2．下半部包括公益檔案和工藝助手，可通過重復(fù)網(wǎng)格進行快速制作。3為每個頁面下方Tab欄的按鈕添加交互動作，使其正常進行對應(yīng)頁面的跳轉(zhuǎn)。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作公益活動個人中心界面設(shè)計內(nèi)容?？己嗽u價考核項目分值軟件操作設(shè)計軟件運用合理、規(guī)范對移動UI的設(shè)計規(guī)范有一定的了解，并能運用到制作中知識掌握輪播圖效果的實現(xiàn)底部導(dǎo)航欄切換能夠聯(lián)動控制頁面的切換課后拓展1．如何設(shè)置元素懸浮于屏幕固定位置？2．如何實現(xiàn)輪播圖的點擊切換效果？3．請思考在點擊切換的基礎(chǔ)上，如何實現(xiàn)輪播圖的自動播放？項目4：智慧健康項目4：智慧健康一、教學(xué)設(shè)計課時安排5課時教學(xué)情景隨著經(jīng)濟的發(fā)展，人民的生活水平得到普遍提高，隨之而來的是我國的老齡化程度越來越高，人們已經(jīng)普遍意識到老齡化將會帶來的問題。整個社會在趨向“衰老型”發(fā)展，人口老齡化的問題日益嚴(yán)重，空巢老人的現(xiàn)象也日益加劇，呈現(xiàn)出老年人口基數(shù)大、增速快、高齡化、失能化、空巢化趨勢明顯的態(tài)勢，再加上我國未富先老的國情和家庭小型化的結(jié)構(gòu)疊加在一起，養(yǎng)老問題異常嚴(yán)峻。智慧健康平臺主要圍繞利用先進的信息技術(shù)手段實現(xiàn)“以入住老人為中心，規(guī)范養(yǎng)老服務(wù)，強化養(yǎng)老管理”，同時，針對老年人心理和生理特點，以信息化技術(shù)為核心，采用先進的計算機技術(shù)、通信技術(shù)、無線傳輸技術(shù)、控制技術(shù)，為老人提供安全、便捷、高效、舒適的養(yǎng)老綜合服務(wù)。教學(xué)內(nèi)容本項目共五個任務(wù)，每個任務(wù)對應(yīng)不同的頁面及設(shè)計元素和需求，在進行智慧健康項目界面設(shè)計之前，首先需要確定應(yīng)用的整體風(fēng)格和樣式。因為這會影響用戶對應(yīng)用的印象和評價。然后通過布局、顏色、大小、位置等方式，建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于更顯著的位置。本項目將會用到啟動頁、按鈕、動畫、圖表等設(shè)計，合理的互動設(shè)計可以有效的增強用戶體驗，因此在設(shè)計過程中，要綜合考慮用戶的使用場景、習(xí)慣和反饋機制等多方面因素，從而完成互動設(shè)計。教學(xué)目標(biāo)基于學(xué)情，依據(jù)專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，制定如下三維目標(biāo)：素質(zhì)目標(biāo)通過對智慧健康移動應(yīng)用界面項目的整體設(shè)計與模型制作，提升分析問題、解決問題的能力，培養(yǎng)嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度，提升舉一反三的能力。知識目標(biāo)通過本項目的學(xué)習(xí)，要求掌握智慧健康項目界面設(shè)計的實施流程。掌握AdobeXD軟件跳轉(zhuǎn)鏈接功能及圖表的制作方法。技能目標(biāo)通過制作思維導(dǎo)圖，了解項目實施的完整流程。通過項目的完整實現(xiàn)，完成對本項目內(nèi)容相應(yīng)知識技能的掌握。教學(xué)重點難點基于教學(xué)目標(biāo)，結(jié)合教學(xué)內(nèi)容和學(xué)情，明確如下教學(xué)重難點：教學(xué)重點確定應(yīng)用整體風(fēng)格和樣式，以塑造用戶對應(yīng)用的良好印象。通過布局、顏色等設(shè)計元素建立信息結(jié)構(gòu)，突出重要信息和功能。教學(xué)難點需要在多個任務(wù)頁面中保持設(shè)計風(fēng)格的一致性，同時滿足各自獨特的設(shè)計需求。合理設(shè)計圖表等，以確保用戶體驗流暢且符合使用習(xí)慣。綜合考慮用戶場景、習(xí)慣和反饋機制，實現(xiàn)有效的互動設(shè)計，提升用戶滿意度。教學(xué)策略在整個教學(xué)過程中，生生合作、師生合作，通過知識講解、案例分析突出重點；引導(dǎo)啟發(fā)學(xué)生制作思路，利用思維導(dǎo)圖、頭腦風(fēng)暴突破難點。采用過程性評價手段，結(jié)合多種教學(xué)資源和教學(xué)方法，以啟發(fā)式教學(xué)激發(fā)學(xué)生學(xué)習(xí)興趣，為學(xué)生營造一個自主學(xué)習(xí)的課堂氛圍，有效達成教學(xué)目標(biāo)。二、教學(xué)實施教學(xué)環(huán)節(jié)教學(xué)活動教師活動學(xué)生活動任務(wù)1智慧健康啟動頁界面設(shè)計顯示軟件啟動頁;講解啟動頁元素講解啟動頁的重要性發(fā)放素材接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧健康啟動頁界面設(shè)計內(nèi)容。任務(wù)2.智慧健康注冊界面設(shè)計顯示智慧健康圖標(biāo)以及文字標(biāo)題，顯示手機號、密碼標(biāo)題以及手機號密碼輸入框，輸入框中顯示提示文字。頁面下方顯示注冊按鈕以及“已有賬號，立即登錄”文字鏈接。顯示注冊按鈕以及按鈕下方“已有賬號，立即登錄”文字按鈕。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧健康注冊界面設(shè)計內(nèi)容。任務(wù)3.智慧健康預(yù)約記錄界面設(shè)計預(yù)約記錄頁面，界面頂部顯示預(yù)約記錄標(biāo)題欄，返回上一頁按鈕預(yù)約紀(jì)錄列表，列表信息包括訂單狀態(tài)，訂單名稱，機構(gòu)位置，預(yù)約時間，以及服務(wù)評價信息。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧健康預(yù)約記錄界面設(shè)計內(nèi)容。任務(wù)4.智慧健康集中監(jiān)測界面設(shè)計1.智慧監(jiān)測上半頁面老年人入住率環(huán)形表設(shè)置；2.集中監(jiān)測年齡分布表設(shè)置；3.集中監(jiān)測平均運動量圖表設(shè)置；4.集中監(jiān)測活動量圖表設(shè)置；5.集中監(jiān)測服務(wù)好評率圖表設(shè)置。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧健康集中監(jiān)測界面設(shè)計內(nèi)容。任務(wù)5.智慧健康平臺監(jiān)測（心率）界面設(shè)計1.心率測試界面上半部分設(shè)置；2.心率測試界面心率趨勢設(shè)置；3.心率測試界面心率記錄設(shè)置；4.顯示集中監(jiān)測活動量圖表；5.顯示集中監(jiān)測服務(wù)好評率圖表。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧健康平臺監(jiān)測（心率）界面設(shè)計內(nèi)容?？己嗽u價考核項目分值軟件操作設(shè)計軟件運用合理、規(guī)范對移動UI的設(shè)計規(guī)范有一定的了解，并能運用到制作中知識掌握圖表效果的實現(xiàn)形狀漸變效果的實現(xiàn)課后拓展1．如何實現(xiàn)圖形漸變效果？2．如何實現(xiàn)多個圖形交叉、減去等實現(xiàn)環(huán)形圖的效果？3．請為某養(yǎng)老機構(gòu)管理軟件設(shè)計首頁界面、老人列表界面和老人健康監(jiān)測詳情界面。項目5：數(shù)字社區(qū)項目5：數(shù)字社區(qū)一、教學(xué)設(shè)計課時安排4課時教學(xué)情景數(shù)字社區(qū)是社區(qū)管理的新形態(tài)，它利用物聯(lián)網(wǎng)、云計算、移動互聯(lián)網(wǎng)等新一代信息技術(shù)的集成應(yīng)用,為社區(qū)居民提供一個安全舒適的智慧化生活環(huán)境,從而形成基于信息化、智能化社區(qū)管理與服務(wù)?！耙灾腔坌^(qū)提升社區(qū)品質(zhì)”是社區(qū)管理的目標(biāo)，社區(qū)引入智慧平臺能夠有效推動經(jīng)濟流動，促進現(xiàn)代服務(wù)業(yè)發(fā)展。通過數(shù)字社區(qū)系統(tǒng)的建設(shè)，解決了社區(qū)物業(yè)管理機制的即時響應(yīng)，周邊商業(yè)服務(wù)的推廣，社區(qū)物業(yè)通知，友鄰社交的平臺等居民生活需求。”教學(xué)內(nèi)容本項目共四個任務(wù)，每個任務(wù)對應(yīng)不同的頁面及設(shè)計元素和需求，在進行數(shù)字社區(qū)項目界面設(shè)計之前，首先需要確定應(yīng)用的整體風(fēng)格。因為這會影響用戶對應(yīng)用的印象和評價。然后通過布局、顏色、大小、位置等方式，建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于更顯著的位置。本項目將會用到庫的使用，合理的使用庫可以有效的減少重復(fù)設(shè)置，因此在設(shè)計過程中，要綜合考慮用戶的使用場景、習(xí)慣和反饋機制等多方面因素，從而完成設(shè)計。教學(xué)目標(biāo)基于學(xué)情，依據(jù)專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，制定如下三維目標(biāo)：素質(zhì)目標(biāo)通過對數(shù)字社區(qū)移動應(yīng)用界面項目的整體設(shè)計與模型制作，提升分析問題、解決問題的能力，培養(yǎng)嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度，提升舉一反三的能力。知識目標(biāo)通過本項目的學(xué)習(xí)，要求掌握數(shù)字社區(qū)項目界面設(shè)計的實施流程。掌握AdobeXD軟件庫和重復(fù)網(wǎng)格的使用方法。技能目標(biāo)通過制作思維導(dǎo)圖，了解項目實施的完整流程。通過項目的完整實現(xiàn)，完成對本項目內(nèi)容相應(yīng)知識技能的掌握。教學(xué)重點難點基于教學(xué)目標(biāo)，結(jié)合教學(xué)內(nèi)容和學(xué)情，明確如下教學(xué)重難點：教學(xué)重點庫的使用。合理創(chuàng)建重復(fù)網(wǎng)格等互動設(shè)計。教學(xué)難點AdobeXD軟件庫和重復(fù)網(wǎng)格的使用方法。掌握數(shù)字社區(qū)項目界面設(shè)計的實施流程。教學(xué)策略在整個教學(xué)過程中，生生合作、師生合作，通過知識講解、案例分析突出重點；引導(dǎo)啟發(fā)學(xué)生制作思路，利用思維導(dǎo)圖、頭腦風(fēng)暴突破難點。采用過程性評價手段，結(jié)合多種教學(xué)資源和教學(xué)方法，以啟發(fā)式教學(xué)激發(fā)學(xué)生學(xué)習(xí)興趣，為學(xué)生營造一個自主學(xué)習(xí)的課堂氛圍，有效達成教學(xué)目標(biāo)。二、教學(xué)實施教學(xué)環(huán)節(jié)教學(xué)活動教師活動學(xué)生活動任務(wù)1數(shù)字社區(qū)首頁界面設(shè)計顯示首頁頁面上方宣傳圖片；顯示首頁快捷入口按鈕；設(shè)置首頁社區(qū)動態(tài)列表；設(shè)置首頁底部導(dǎo)航接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作數(shù)字社區(qū)首頁界面設(shè)計內(nèi)容。任務(wù)2.數(shù)字社區(qū)全部動態(tài)界面設(shè)計顯示標(biāo)題狀態(tài)欄；顯示導(dǎo)航欄；顯示搜索框以及搜索按鈕。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作數(shù)字社區(qū)全部動態(tài)界面設(shè)計內(nèi)容。任務(wù)3.數(shù)字社區(qū)添加房屋界面設(shè)計頁面顯示自動識別系統(tǒng)，選擇小區(qū)信息填寫，是否設(shè)置為默認(rèn)房屋，以及住戶信息填寫信息選擇，身份證正反面圖片上傳等功能；底部提交審核按鈕設(shè)置。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作數(shù)字社區(qū)添加房屋界面設(shè)計內(nèi)容。任務(wù)4.數(shù)字社區(qū)社交發(fā)帖詳情界面設(shè)計1.發(fā)帖詳情界面繪制，上方顯示狀態(tài)欄、標(biāo)題欄；2.頁面中部顯示帖子詳情信息，包括帖子標(biāo)題、瀏覽量、發(fā)布時間、發(fā)布人以及帖子詳情;3.頁面下方顯示帖子詳情評論信息，包括發(fā)布人頭像、昵稱、點贊數(shù)、發(fā)布信息，發(fā)布時間以及發(fā)布地點，底部顯示發(fā)布評論輸入框以及發(fā)布按鈕。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作數(shù)字社區(qū)社交發(fā)帖詳情界面設(shè)計內(nèi)容。考核評價考核項目分值軟件操作設(shè)計軟件運用合理、規(guī)范對移動UI的設(shè)計規(guī)范有一定的了解，并能運用到制作中知識掌握重復(fù)網(wǎng)格的使用庫的使用課后拓展1．如何實現(xiàn)列表類重復(fù)的效果？2．如何實現(xiàn)使用庫中的顏色來設(shè)置主色調(diào)效果？3．請為某社區(qū)，制作掃碼取件界面設(shè)計、投訴建議界面設(shè)計、物業(yè)繳費界面設(shè)計。項目6：智慧環(huán)保項目6：智慧環(huán)保一、教學(xué)設(shè)計課時安排4課時教學(xué)情景如今，城市化進程越來越快，社會發(fā)展形態(tài)也發(fā)生了根本性的改變，我國提出了提高城市管理水平以及提供多元化城市服務(wù)的發(fā)展戰(zhàn)略。隨著城市化進程的快速發(fā)展，環(huán)境控制力不足、污染加劇等諸多實際問題突顯，城市環(huán)保愈發(fā)成為棘手的治理問題，如何精準(zhǔn)高效治理城市環(huán)保問題已刻不容緩。在此背景下，利用各種先進的信息技術(shù)手段，將城市管理的各項配套系統(tǒng)和功能模塊進行高度整合，能夠進一步加快推動城市向工業(yè)化、信息化、城鎮(zhèn)化發(fā)展的步伐，提高城市的管理效能和有效解決城市環(huán)保問題。教學(xué)內(nèi)容本項目共三個任務(wù)，每個任務(wù)對應(yīng)不同的頁面及設(shè)計元素和需求，在進行智慧環(huán)保項目界面設(shè)計之前，首先需要確定應(yīng)用的整體風(fēng)格。因為這會影響用戶對應(yīng)用的印象和評價。然后通過布局、顏色、大小、位置等方式，建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于更顯著的位置。本項目將會用到按鈕、頁面切換、Tab欄切換等互動設(shè)計，合理的互動設(shè)計可以有效增強用戶體驗，因此在設(shè)計過程中，要綜合考慮用戶的使用場景、習(xí)慣和反饋機制等多方面因素，從而完成互動設(shè)計。教學(xué)目標(biāo)基于學(xué)情，依據(jù)專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，制定如下三維目標(biāo)：素質(zhì)目標(biāo)通過對智慧環(huán)保移動應(yīng)用界面項目的整體設(shè)計與模型制作，提升分析問題、解決問題的能力，培養(yǎng)嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度，提升舉一反三的能力。知識目標(biāo)通過本項目的學(xué)習(xí)，要求掌握智慧環(huán)保項目界面設(shè)計的實施流程，掌握AdobeXD軟件組件制作及頁面切換的制作方法。技能目標(biāo)通過制作思維導(dǎo)圖，了解項目實施的完整流程。通過項目的完整實現(xiàn)，完成對本項目內(nèi)容相應(yīng)知識技能的掌握。教學(xué)重點難點基于教學(xué)目標(biāo)，結(jié)合教學(xué)內(nèi)容和學(xué)情，明確如下教學(xué)重難點：教學(xué)重點建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于顯著位置。合理創(chuàng)建按鈕、動畫、頁面切換、tab切換等互動設(shè)計。教學(xué)難點原型界面交互動作的配置及使用方法。圖形尺寸、陰影等特效的參數(shù)配置方法。AdobeXD輪播圖效果的制作方法。導(dǎo)航欄按鈕的tab切換交互動效的實現(xiàn)。教學(xué)策略在整個教學(xué)過程中，生生合作、師生合作，通過知識講解、案例分析突出重點；引導(dǎo)啟發(fā)學(xué)生制作思路，利用思維導(dǎo)圖、頭腦風(fēng)暴突破難點。采用過程性評價手段，結(jié)合多種教學(xué)資源和教學(xué)方法，以啟發(fā)式教學(xué)激發(fā)學(xué)生學(xué)習(xí)興趣，為學(xué)生營造一個自主學(xué)習(xí)的課堂氛圍，有效達成教學(xué)目標(biāo)。二、教學(xué)實施教學(xué)環(huán)節(jié)教學(xué)活動教師活動學(xué)生活動任務(wù)1智慧環(huán)保分類界面設(shè)計1．進入環(huán)保分類頁面,頂部標(biāo)題欄顯示本頁面標(biāo)題,左上角顯示返回上一頁按鈕。2．頁面左側(cè)顯示環(huán)?；厥辗诸悪?用文字標(biāo)簽顯示,共七個分類,分別為:全部、布料、金屬、塑料、玻璃、紙類、其它。3．頁面右側(cè)上方顯示搜索欄,下方顯示智慧環(huán)保詳細分類服務(wù)入口,以圖標(biāo)和名稱為單元宮格方式顯示,手機端每行顯示3個。4．顯示底部導(dǎo)航欄,共五個圖標(biāo),分別為首頁、分類、預(yù)約回收、新聞、個人中心,文字突出標(biāo)記當(dāng)前頁面所在導(dǎo)航欄。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧環(huán)保分類界面設(shè)計內(nèi)容。任務(wù)二.智慧環(huán)保日歷簽到界面設(shè)計1．進入環(huán)保日歷簽到頁面,頂部標(biāo)題欄顯示本頁面標(biāo)題,左上角顯示返回上一頁按鈕,右上角顯示簽到規(guī)則按鈕。頁面上方顯示簽到按鈕。2.頁面中部顯示環(huán)保日歷,日歷頂部顯示當(dāng)前年月,日歷下方顯示當(dāng)月日期,當(dāng)日用黃色標(biāo)注,已簽到日期用綠色標(biāo)注,未簽到日期用灰色標(biāo)注。3.頁面下方以卡片方式顯示連續(xù)簽到和累計簽到天數(shù)。4.點擊簽到按鈕,彈出提示"簽到成功",并跳轉(zhuǎn)至已簽到頁面。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧環(huán)保日歷簽到界面設(shè)計內(nèi)容。任務(wù)3.智慧環(huán)保預(yù)約回收界面設(shè)計1．點擊底部導(dǎo)航欄,進入預(yù)約回收頁面,標(biāo)題欄顯示本頁面標(biāo)題,點擊頁面左上角按鈕可返回上一頁。2．頂端展示回收物品標(biāo)題和卡片,卡片左側(cè)為回收物品照片,右側(cè)為物品名稱及詳情。3.下部為回收方式卡片,包括上門回收和到店回收,上門回收卡片以填寫表格形式呈現(xiàn),每個填寫內(nèi)容包括填寫標(biāo)題及提示文字,每行以橫線分隔。4.到店回收卡片上方顯示當(dāng)前定位及周邊店鋪,下方顯示當(dāng)前選擇的店鋪名稱及距離,點擊回收方式Tab欄可切換卡片。5.置底位置有"提交"按鈕。接收項目發(fā)布內(nèi)容，獲取新知，記錄要點，制作智慧環(huán)保預(yù)約回收界面設(shè)計內(nèi)容?？己嗽u價考核項目分值軟件操作設(shè)計軟件運用合理、規(guī)范對移動UI的設(shè)計規(guī)范有一定的了解，并能運用到制作中知識掌握重復(fù)網(wǎng)格的運用用組件實現(xiàn)Tab欄切換交互動效課后拓展1．請從頁面布局，配色、文字規(guī)范等方面談一談頁面規(guī)劃的重要性。2．在本項目中，是否能用其它方式來實現(xiàn)預(yù)約回收頁面的交互效果？3．請為智慧環(huán)保軟件制作用戶首頁、新聞頁、個人中心頁，并實現(xiàn)頁面之間的跳轉(zhuǎn)。項目7：智慧城市項目7：智慧城市一、教學(xué)設(shè)計課時安排4課時教學(xué)情景“智慧城市”是指利用新一代信息技術(shù)，以整合、系統(tǒng)的方式管理城市運行體系，讓城市中各個功能彼此協(xié)調(diào)運作，為城市中的企業(yè)提供優(yōu)質(zhì)的發(fā)展空間，為市民提供更高的生活品質(zhì)，讓城市成為適合人全面發(fā)展的城市?！爸腔鄢鞘小笔且粋€系統(tǒng)工程，涉及領(lǐng)域眾多，但在終極目標(biāo)上簡單明確，那就是服務(wù)民眾，讓民眾的城市生活更美好。在全部服務(wù)中，可以看到醫(yī)療、教育、金融、交通等領(lǐng)域成為熱門。搭建智慧城市的便民服務(wù)平臺不僅要利用先進的互聯(lián)網(wǎng)線上手段，做好線上渠道，還要利用好傳統(tǒng)的線下渠道，實現(xiàn)多渠道、廣覆蓋。教學(xué)內(nèi)容本項目共五個任務(wù)，每個任務(wù)對應(yīng)不同的頁面及設(shè)計元素和需求，在進行智慧城市項目界面設(shè)計之前，首先需要確定應(yīng)用的整體風(fēng)格。因為這會影響用戶對應(yīng)用的印象和評價。然后通過布局、顏色、大小、位置等方式，建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于更顯著的位置。本項目將會用到按鈕、重復(fù)網(wǎng)格、Tab欄切換等互動設(shè)計，合理的互動設(shè)計可以有效增強用戶體驗，因此在設(shè)計過程中，要綜合考慮用戶的使用場景、習(xí)慣和反饋機制等多方面因素，從而完成互動設(shè)計。教學(xué)目標(biāo)基于學(xué)情，依據(jù)專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，制定如下三維目標(biāo)：素質(zhì)目標(biāo)通過對智慧城市移動應(yīng)用界面項目的整體設(shè)計與模型制作，提升分析問題、解決問題的能力，強調(diào)嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度，提升舉一反三的能力。知識目標(biāo)通過本項目的學(xué)習(xí)，要求掌握智慧城市項目界面設(shè)計的實施流程，掌握AdobeXD軟件重復(fù)網(wǎng)格及Tab欄切換的制作方法。技能目標(biāo)通過制作思維導(dǎo)圖，了解項目實施的完整流程。通過項目的完整實現(xiàn)，完成對本項目內(nèi)容相應(yīng)知識技能的掌握。教學(xué)重點難點基于教學(xué)目標(biāo)，結(jié)合教學(xué)內(nèi)容和學(xué)情，明確如下教學(xué)重難點：教學(xué)重點建立不同層次的信息結(jié)構(gòu)，將重要信息或功能置于顯著位置。合理創(chuàng)建按鈕、動畫、頁面切換、tab切換等互動設(shè)計。教學(xué)難點原型界面交互動作的配置及使用方法。圖形尺寸、陰影等特效的參數(shù)配置方法。AdobeXD輪播圖效果的制作方法。導(dǎo)航欄按鈕的tab切換交互動效的實現(xiàn)。教學(xué)策略在整個教學(xué)過程中，生生合作、師生合作，通過知識講解、案例分析突出重點；引導(dǎo)