《Photoshop 移動UI設計案例教程（全彩慕課版）（第2版）》教案全套 劉軍偉 第1-5講 初識移動UI設計-App界面設計實戰(zhàn)

《Photoshop移動UI設計案例教程（全彩慕課版）（第2版）》教案課時內容31963初識移動UI設計授課時間180分鐘課時4教學目標掌握移動UI設計的相關概念。熟悉移動UI設計的操作平臺。熟悉移動UI設計的特點。教學重點了解熟悉移動UI設計的相關概念。熟悉并掌握移動UI設計的特點。教學難點熟悉并掌握移動UI設計的特點。教學設計教學思路：通過了解認識移動UI設計的概念、特點、原則、常用軟件、學習方法以及App的基本概念、操作平臺、設計流程、基本分類增強對軟件的學習興趣，對移動UI設計有一個系統的認識。教學手段：通過移動UI設計基礎知識解析深入了解移動UI設計工作。教學資料及要求：根據相關的理論知識的講解對移動UI設計進行了解。教學內容討論問題：1、什么是移動UI設計？2、移動UI設計的常用軟件都有哪些？內容大綱：具體可結合本項目的PPT課件進行配合講解。286321.1移動UI設計的相關概念307261.1.1UI設計的概念141411.1.2移動UI設計的概念165811.1.3App的概念90451.2移動UI設計的操作平臺164131.2.1iOS系統平臺57711.2.2Android系統平臺241601.3移動UI設計的特點286051.4移動UI設計的常用軟件286271.4.1界面設計類軟件28051.4.2動效設計類軟件285621.4.3網頁設計類軟件182101.4.43D渲染類軟件312141.4.5思維導圖設計類軟件61491.4.6交互原型設計類軟件126691.5移動UI設計的項目流程11051.5.1分析調研324621.5.2交互設計11121.5.3交互自查273721.5.4界面設計38531.5.5界面測試88941.5.6設計驗證41881.6移動UI設計的學習方法47711.6.1軟件學習68751.6.2開拓眼界173431.6.3臨摹學習308141.6.4項目實戰(zhàn)小結了解熟悉移動UI設計的相關概念。熟悉并掌握移動UI設計的特點。

課時內容移動UI設計規(guī)范授課時間180分鐘課時4教學目標了解移動UI設計的設計單位。掌握移動UI設計的基本布局。掌握移動UI設計的文字規(guī)范。掌握移動UI設計的圖標規(guī)范。教學重點了解并掌握移動UI設計的設計單位。熟練掌握移動UI設計的基本布局。熟練掌握移動UI設計的文字規(guī)范及圖標規(guī)范。教學難點熟練掌握移動UI設計的基本布局、文字規(guī)范及圖標規(guī)范。教學設計教學思路：（1）通過對iOS系統以及Android系統的基礎設計規(guī)范的講解初步認識和了解移動UI設計的基礎規(guī)范，以便于高效的進行移動UI設計工作。教學手段：（1）通過對iOS設計單位及尺寸、界面結構、基本布局、文字規(guī)范及圖標規(guī)范的講解，快速熟悉iOS系統的基礎設計規(guī)范；（2）再通過對Android設計單位及尺寸、界面結構、基本布局、文字規(guī)范及圖標規(guī)范的講解，快速熟悉Android系統的基礎設計規(guī)范。教學資料及要求：通過對不同系統的界面展示，來加深學員對知識點的理解，拓展實際應用能力。教學內容討論問題：1、iOS系統以及Android系統的界面結構有哪些不同？2、iOS系統的基本布局包括哪幾部分？內容大綱：具體可結合本項目的PPT課件進行配合講解。55842.1iOS系統設計規(guī)范256742.1.1iOS設計單位及尺寸247512.1.2iOS界面結構244352.1.3iOS基本布局176602.1.4iOS字體規(guī)范301632.1.5iOS圖標規(guī)范271792.2Android系統設計規(guī)范140762.2.1Android設計單位及尺寸224432.2.2Android界面結構46432.2.3Android基本布局141732.2.4Android字體規(guī)范28762.2.5Android圖標規(guī)范小結熟練掌握移動UI設計的的基本布局、文字規(guī)范及圖標規(guī)范。課時內容iOS系統界面設計授課時間360分鐘課時8教學目標掌握iOS系統界面設計中的內容。掌握iOS系統界面設計中的布局和組織。掌握iOS系統界面設計中的菜單和操作。掌握iOS系統界面設計中的導航和搜索。掌握iOS系統界面設計中的呈現方式。掌握iOS系統界面設計中的選擇和輸入。掌握iOS系統界面設計中的狀態(tài)。教學重點熟練掌握iOS系統界面設計中的內容。熟練掌握iOS系統界面設計中的菜單和操作、導航和搜索、呈現方式、選擇和輸入。熟練掌握iOS系統界面設計中的狀態(tài)。教學難點熟練掌握iOS系統界面設計中的布局和組織。教學設計教學思路：（1）通過課堂案例“制作旅游類App閃屏頁”、“制作旅游類App酒店詳情頁”、“制作旅游類App個人中心頁”、“制作旅游類App首頁”、“制作旅游類App引導頁”、“制作旅游類App登錄頁”和“制作旅游類App消息頁”的講解掌握iOS系統界面設計中的內容、布局和組織、菜單和操作、導航和搜索、展示、選擇和輸入以及狀態(tài)；（2）再通過iOS系統界面設計基礎知識的解析深入學習繪制iOS系統界面的規(guī)范和方法；（3）再通過課堂練習和課后習題消化所學知識，提高移動UI設計的能力。教學手段：（1）通過課堂案例快速熟悉iOS系統界面設計的方法及流程；（2）通過基礎知識的解析深入學習掌握iOS系統界面設計；（3）通過課堂練習和課后習題提高學生的實際應用能力，并鞏固繪制iOS系統界面的規(guī)范和方法。教學資料及要求：找一些iOS系統界面設計例子進行展示制作，來加深學員對知識點的理解，拓展實際應用能力。教學內容討論問題：1、iOS系統界面設計中列表和表格的概念是什么？2、iOS系統界面設計中標簽欄的概念是什么？內容大綱：具體可結合本項目的PPT課件進行配合講解。117243.1內容70353.1.1課堂案例——制作旅游類App閃屏頁159133.1.2圖表154523.1.3圖像視圖211813.1.4文本視圖208973.1.5網頁視圖286893.2布局和組織245393.2.1課堂案例——制作旅游類App酒店詳情頁66203.2.2方框203953.2.3集合171453.2.4顯示控件108353.2.5標簽292233.2.6列表和表格71553.3菜單和操作271063.3.1課堂案例——制作旅游類App個人中心頁288153.3.2活動視圖214493.3.3按鈕108263.3.4上下文菜單134223.3.5編輯菜單6363.3.6菜單211343.3.7彈出式按鈕298473.3.8下拉式按鈕217473.3.9工具欄104733.4導航和搜索134653.4.1課堂案例——制作旅游類App首頁17293.4.2導航欄196623.4.3搜索欄124273.4.4邊欄249213.4.5標簽欄4633.5呈現方式294343.5.1課堂案例——制作旅游類App引導頁97963.5.2操作表單155453.5.3提醒231183.5.4頁面控件186573.5.5彈窗104043.5.6滾動視圖170473.5.7表單220033.5.8窗口44653.6選擇和輸入293613.6.1課堂案例——制作旅游類App登錄頁303283.6.2顏色池32023.6.3選擇器241793.6.4分段控件9953.6.5滑塊316103.6.6步進器286543.6.7文本欄20723.6.8切換24193.6.9虛擬鍵盤267623.7狀態(tài)81303.7.1課堂案例——制作旅游類App消息頁171093.7.2儀表278623.7.3進度指示符114783.8課堂練習——制作旅游類App訂購房型頁30073.9課后習題——制作旅游類App定制路線頁小結熟練掌握iOS系統界面設計中的內容。熟練掌握iOS系統界面設計中的布局和組織、菜單和操作、導航和搜索、呈現方式、選擇和輸入。熟練掌握iOS系統界面設計中的狀態(tài)。作業(yè)3.8課堂練習——制作旅游類App訂購房型頁使用矩形工具、橢圓工具和直線工具繪制形狀，使用置入嵌入對象命令置入圖標，使用屬性面板制作彌散投影，使用橫排文字工具輸入文字。3.9課后習題——制作旅游類App定制路線頁使用矩形工具和橢圓工具繪制形狀，使用置入嵌入對象命令置入圖片和圖標，使用創(chuàng)建剪貼蒙版命令調整圖片顯示區(qū)域，使用屬性面板制作彌散投影，使用橫排文字工具輸入文字。

課時內容Android系統界面設計授課時間360分鐘課時8教學目標掌握Android系統界面設計中的操作組件。掌握Android系統界面設計中的反饋組件。掌握Android系統界面設計中的容器組件。掌握Android系統界面設計中的導航組件。掌握Android系統界面設計中的選擇組件。掌握Android系統界面設計中的文本輸入組件。教學重點熟練掌握Android系統界面設計中的多種組件。掌握繪制Android系統界面的規(guī)范和方法。教學難點熟練掌握Android系統界面設計中的多種組件。教學設計教學思路：（1）通過課堂案例“制作家具類App詳情頁”、“制作家具類App分類頁”、“制作家具類App個人中心頁”、“制作家具類App首頁”、“制作家具類App購物車頁”及“制作家具類App注冊頁”的講解掌握Android系統界面設計中的操作組件、反饋組件、容器組件、導航組件、選擇組件及文本輸入組件；（2）通過對Android系統界面設計中多種組件的解析深入學習握繪制Android系統界面的規(guī)范和方法；（3）再通過課堂練習和課后習題消化所學知識，提高繪制Android系統界面的的能力。教學手段：（1）通過課堂案例快速熟悉Android系統界面的繪制方法；（2）通過軟件功能解析深入學習基礎知識和制作特點；（3）通過課堂練習和課后習題提高學生的實際應用能力。教學資料及要求：找一些Android系統界面設計例子進行展示制作，來加深學員對知識點的理解，拓展實際應用能力。教學內容討論問題：1、在Android系統界面設計中有幾種組件？分別是？2、如何正確使用抽屜式導航？內容大綱：具體可結合本項目的PPT課件進行配合講解。238664.1操作組件92504.1.1課堂案例——制作家具類App詳情頁220844.1.2常規(guī)按鈕310374.1.3擴展懸浮操作按鈕149474.1.4懸浮操作按鈕138704.1.5圖標按鈕32684.1.6分段按鈕215234.2反饋組件251274.2.1課堂案例——制作家具類App分類頁318304.2.2角標202784.2.3進度指示器261764.2.4底部提示欄220964.2.5工具提示312374.3容器組件145674.3.1課堂案例——制作家具類App個人中心頁115704.3.2卡片288404.3.3走馬燈275704.3.4對話框304654.3.5分隔線147804.3.6列表301504.4導航組件241664.4.1課堂案例——制作家具類App首頁46074.4.2底部應用欄91454.4.3導航欄189834.4.4抽屜式導航246964.4.5導航軌道274924.4.6搜索248194.4.7選項卡321294.4.8頂部應用欄121874.5選擇組件173254.5.1課堂案例——制作家具類App購物車頁8354.5.2復選框82754.5.3紙片20764.5.4菜單236844.5.5單選按鈕86974.5.6滑塊60814.5.7開關310764.6文本輸入組件28704.6.1課堂案例——制作家具類App注冊頁293094.6.2文本域255034.7課堂練習——制作家具類App引導頁255404.4課后習題——制作家具類App搜索頁小結熟練掌握Android系統界面設計中的多種組件。掌握Android系統界面的繪制規(guī)范和方法。作業(yè)4.7課堂練習——制作家具類App引導頁使用矩形工具和橢圓工具繪制形狀，使用置入嵌入對象命令置入圖片，使用橫排文字工具輸入文字。4.8課后習題——制作家具類App搜索頁使用矩形工具和直線工具繪制形狀，使用置入嵌入對象命令置入圖片和圖標，使用橫排文字工具輸入文字。課時內容App界面設計實戰(zhàn)授課時間360分鐘課時8教學目標掌握App閃屏頁的設計形式。掌握App引導頁的設計形式。掌握App首頁的設計形式。掌握App詳情頁的設計形式。掌握App個人中心頁的設計形式。教學重點熟練掌握App閃屏頁、引導頁、首頁、個人中心頁、詳情頁以及注冊登錄頁的設計形式。教學難點熟練掌握繪制App界面的規(guī)范和方法。教學設計教學思路：（1）通過對閃屏頁、引導頁、首頁、個人中心頁、詳情頁以及注冊登錄頁的講解深入認識并掌握App界面設計；（2）通過課堂案例“制作“三餐”美食App”的講解掌握繪制App界面的規(guī)范和方法；（3）再通過課堂練習和課后習題消化所學軟件知識，提高App界面設計實戰(zhàn)的能力。教學手段：（1）通過對知識點的解析深入學習繪制App界面的要點；（2）再通過課堂案例快速熟悉掌握App界面的繪制思路；（3）最后通過課堂練習和課后習題提高學生的實際操作能力。教學資料及要求：在網上或現實生活中找一些案例進行制作練習，來加深學員對知識點的理解，拓展實際應用能力。教學內容討論問題