移動應用界面設(shè)計 教案 項目5-數(shù)字社區(qū)-教學設(shè)計_第1頁
移動應用界面設(shè)計 教案 項目5-數(shù)字社區(qū)-教學設(shè)計_第2頁
移動應用界面設(shè)計 教案 項目5-數(shù)字社區(qū)-教學設(shè)計_第3頁
移動應用界面設(shè)計 教案 項目5-數(shù)字社區(qū)-教學設(shè)計_第4頁
全文預覽已結(jié)束

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

項目5:數(shù)字社區(qū)項目5:數(shù)字社區(qū)一、教學設(shè)計課時安排4課時教學情景數(shù)字社區(qū)是社區(qū)管理的新形態(tài),它利用物聯(lián)網(wǎng)、云計算、移動互聯(lián)網(wǎng)等新一代信息技術(shù)的集成應用,為社區(qū)居民提供一個安全舒適的智慧化生活環(huán)境,從而形成基于信息化、智能化社區(qū)管理與服務。“以智慧小區(qū)提升社區(qū)品質(zhì)”是社區(qū)管理的目標,社區(qū)引入智慧平臺能夠有效推動經(jīng)濟流動,促進現(xiàn)代服務業(yè)發(fā)展。通過數(shù)字社區(qū)系統(tǒng)的建設(shè),解決了社區(qū)物業(yè)管理機制的即時響應,周邊商業(yè)服務的推廣,社區(qū)物業(yè)通知,友鄰社交的平臺等居民生活需求?!苯虒W內(nèi)容本項目共四個任務,每個任務對應不同的頁面及設(shè)計元素和需求,在進行數(shù)字社區(qū)項目界面設(shè)計之前,首先需要確定應用的整體風格。因為這會影響用戶對應用的印象和評價。然后通過布局、顏色、大小、位置等方式,建立不同層次的信息結(jié)構(gòu),將重要信息或功能置于更顯著的位置。本項目將會用到庫的使用,合理的使用庫可以有效的減少重復設(shè)置,因此在設(shè)計過程中,要綜合考慮用戶的使用場景、習慣和反饋機制等多方面因素,從而完成設(shè)計。教學目標基于學情,依據(jù)專業(yè)人才培養(yǎng)方案和課程標準,制定如下三維目標:素質(zhì)目標通過對數(shù)字社區(qū)移動應用界面項目的整體設(shè)計與模型制作,提升分析問題、解決問題的能力,培養(yǎng)嚴謹?shù)墓ぷ鲬B(tài)度,提升舉一反三的能力。知識目標通過本項目的學習,要求掌握數(shù)字社區(qū)項目界面設(shè)計的實施流程。掌握AdobeXD軟件庫和重復網(wǎng)格的使用方法。技能目標通過制作思維導圖,了解項目實施的完整流程。通過項目的完整實現(xiàn),完成對本項目內(nèi)容相應知識技能的掌握。教學重點難點基于教學目標,結(jié)合教學內(nèi)容和學情,明確如下教學重難點:教學重點庫的使用。合理創(chuàng)建重復網(wǎng)格等互動設(shè)計。教學難點AdobeXD軟件庫和重復網(wǎng)格的使用方法。掌握數(shù)字社區(qū)項目界面設(shè)計的實施流程。教學策略在整個教學過程中,生生合作、師生合作,通過知識講解、案例分析突出重點;引導啟發(fā)學生制作思路,利用思維導圖、頭腦風暴突破難點。采用過程性評價手段,結(jié)合多種教學資源和教學方法,以啟發(fā)式教學激發(fā)學生學習興趣,為學生營造一個自主學習的課堂氛圍,有效達成教學目標。二、教學實施教學環(huán)節(jié)教學活動教師活動學生活動任務1數(shù)字社區(qū)首頁界面設(shè)計顯示首頁頁面上方宣傳圖片;顯示首頁快捷入口按鈕;設(shè)置首頁社區(qū)動態(tài)列表;設(shè)置首頁底部導航接收項目發(fā)布內(nèi)容,獲取新知,記錄要點,制作數(shù)字社區(qū)首頁界面設(shè)計內(nèi)容。任務2.數(shù)字社區(qū)全部動態(tài)界面設(shè)計顯示標題狀態(tài)欄;顯示導航欄;顯示搜索框以及搜索按鈕。接收項目發(fā)布內(nèi)容,獲取新知,記錄要點,制作數(shù)字社區(qū)全部動態(tài)界面設(shè)計內(nèi)容。任務3.數(shù)字社區(qū)添加房屋界面設(shè)計頁面顯示自動識別系統(tǒng),選擇小區(qū)信息填寫,是否設(shè)置為默認房屋,以及住戶信息填寫信息選擇,身份證正反面圖片上傳等功能;底部提交審核按鈕設(shè)置。接收項目發(fā)布內(nèi)容,獲取新知,記錄要點,制作數(shù)字社區(qū)添加房屋界面設(shè)計內(nèi)容。任務4.數(shù)字社區(qū)社交發(fā)帖詳情界面設(shè)計1.發(fā)帖詳情界面繪制,上方顯示狀態(tài)欄、標題欄;2.頁面中部顯示帖子詳情信息,包括帖子標題、瀏覽量、發(fā)布時間、發(fā)布人以及帖子詳情;3.頁面下方顯示帖子詳情評論信息,包括發(fā)布人頭像、昵稱、點贊數(shù)、發(fā)布信息,發(fā)布時間以及發(fā)布地點,底部顯示發(fā)布評論輸入框以及發(fā)布按鈕。接收項目發(fā)布內(nèi)容,獲取新知,記錄要點,制作數(shù)字社區(qū)社交發(fā)帖詳情界面設(shè)計內(nèi)容。考核評價考核項目分值軟件操作設(shè)計軟件運用合理、規(guī)范對移動UI的設(shè)計規(guī)范有一定的了解,并能運用到制作中知識掌握重復網(wǎng)格的使用庫的使用課后拓

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論