《Photoshop 移动UI设计案例教程（全彩慕课版）（第2版）》教案全套 刘军伟 第1-5讲 初识移动UI设计-App界面设计实战

《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项目实战小结了解熟悉移动UI设计的相关概念。熟悉并掌握移动UI设计的特点。

课时内容移动UI设计规范授课时间180分钟课时4教学目标了解移动UI设计的设计单位。掌握移动UI设计的基本布局。掌握移动UI设计的文字规范。掌握移动UI设计的图标规范。教学重点了解并掌握移动UI设计的设计单位。熟练掌握移动UI设计的基本布局。熟练掌握移动UI设计的文字规范及图标规范。教学难点熟练掌握移动UI设计的基本布局、文字规范及图标规范。教学设计教学思路：（1）通过对iOS系统以及Android系统的基础设计规范的讲解初步认识和了解移动UI设计的基础规范，以便于高效的进行移动UI设计工作。教学手段：（1）通过对iOS设计单位及尺寸、界面结构、基本布局、文字规范及图标规范的讲解，快速熟悉iOS系统的基础设计规范；（2）再通过对Android设计单位及尺寸、界面结构、基本布局、文字规范及图标规范的讲解，快速熟悉Android系统的基础设计规范。教学资料及要求：通过对不同系统的界面展示，来加深学员对知识点的理解，拓展实际应用能力。教学内容讨论问题：1、iOS系统以及Android系统的界面结构有哪些不同？2、iOS系统的基本布局包括哪几部分？内容大纲：具体可结合本项目的PPT课件进行配合讲解。55842.1iOS系统设计规范256742.1.1iOS设计单位及尺寸247512.1.2iOS界面结构244352.1.3iOS基本布局176602.1.4iOS字体规范301632.1.5iOS图标规范271792.2Android系统设计规范140762.2.1Android设计单位及尺寸224432.2.2Android界面结构46432.2.3Android基本布局141732.2.4Android字体规范28762.2.5Android图标规范小结熟练掌握移动UI设计的的基本布局、文字规范及图标规范。课时内容iOS系统界面设计授课时间360分钟课时8教学目标掌握iOS系统界面设计中的内容。掌握iOS系统界面设计中的布局和组织。掌握iOS系统界面设计中的菜单和操作。掌握iOS系统界面设计中的导航和搜索。掌握iOS系统界面设计中的呈现方式。掌握iOS系统界面设计中的选择和输入。掌握iOS系统界面设计中的状态。教学重点熟练掌握iOS系统界面设计中的内容。熟练掌握iOS系统界面设计中的菜单和操作、导航和搜索、呈现方式、选择和输入。熟练掌握iOS系统界面设计中的状态。教学难点熟练掌握iOS系统界面设计中的布局和组织。教学设计教学思路：（1）通过课堂案例“制作旅游类App闪屏页”、“制作旅游类App酒店详情页”、“制作旅游类App个人中心页”、“制作旅游类App首页”、“制作旅游类App引导页”、“制作旅游类App登录页”和“制作旅游类App消息页”的讲解掌握iOS系统界面设计中的内容、布局和组织、菜单和操作、导航和搜索、展示、选择和输入以及状态；（2）再通过iOS系统界面设计基础知识的解析深入学习绘制iOS系统界面的规范和方法；（3）再通过课堂练习和课后习题消化所学知识，提高移动UI设计的能力。教学手段：（1）通过课堂案例快速熟悉iOS系统界面设计的方法及流程；（2）通过基础知识的解析深入学习掌握iOS系统界面设计；（3）通过课堂练习和课后习题提高学生的实际应用能力，并巩固绘制iOS系统界面的规范和方法。教学资料及要求：找一些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状态81303.7.1课堂案例——制作旅游类App消息页171093.7.2仪表278623.7.3进度指示符114783.8课堂练习——制作旅游类App订购房型页30073.9课后习题——制作旅游类App定制路线页小结熟练掌握iOS系统界面设计中的内容。熟练掌握iOS系统界面设计中的布局和组织、菜单和操作、导航和搜索、呈现方式、选择和输入。熟练掌握iOS系统界面设计中的状态。作业3.8课堂练习——制作旅游类App订购房型页使用矩形工具、椭圆工具和直线工具绘制形状，使用置入嵌入对象命令置入图标，使用属性面板制作弥散投影，使用横排文字工具输入文字。3.9课后习题——制作旅游类App定制路线页使用矩形工具和椭圆工具绘制形状，使用置入嵌入对象命令置入图片和图标，使用创建剪贴蒙版命令调整图片显示区域，使用属性面板制作弥散投影，使用横排文字工具输入文字。

课时内容Android系统界面设计授课时间360分钟课时8教学目标掌握Android系统界面设计中的操作组件。掌握Android系统界面设计中的反馈组件。掌握Android系统界面设计中的容器组件。掌握Android系统界面设计中的导航组件。掌握Android系统界面设计中的选择组件。掌握Android系统界面设计中的文本输入组件。教学重点熟练掌握Android系统界面设计中的多种组件。掌握绘制Android系统界面的规范和方法。教学难点熟练掌握Android系统界面设计中的多种组件。教学设计教学思路：（1）通过课堂案例“制作家具类App详情页”、“制作家具类App分类页”、“制作家具类App个人中心页”、“制作家具类App首页”、“制作家具类App购物车页”及“制作家具类App注册页”的讲解掌握Android系统界面设计中的操作组件、反馈组件、容器组件、导航组件、选择组件及文本输入组件；（2）通过对Android系统界面设计中多种组件的解析深入学习握绘制Android系统界面的规范和方法；（3）再通过课堂练习和课后习题消化所学知识，提高绘制Android系统界面的的能力。教学手段：（1）通过课堂案例快速熟悉Android系统界面的绘制方法；（2）通过软件功能解析深入学习基础知识和制作特点；（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：找一些Android系统界面设计例子进行展示制作，来加深学员对知识点的理解，拓展实际应用能力。教学内容讨论问题：1、在Android系统界面设计中有几种组件？分别是？2、如何正确使用抽屉式导航？内容大纲：具体可结合本项目的PPT课件进行配合讲解。238664.1操作组件92504.1.1课堂案例——制作家具类App详情页220844.1.2常规按钮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系统界面的绘制规范和方法。作业4.7课堂练习——制作家具类App引导页使用矩形工具和椭圆工具绘制形状，使用置入嵌入对象命令置入图片，使用横排文字工具输入文字。4.8课后习题——制作家具类App搜索页使用矩形工具和直线工具绘制形状，使用置入嵌入对象命令置入图片和图标，使用横排文字工具输入文字。课时内容App界面设计实战授课时间360分钟课时8教学目标掌握App闪屏页的设计形式。掌握App引导页的设计形式。掌握App首页的设计形式。掌握App详情页的设计形式。掌握App个人中心页的设计形式。教学重点熟练掌握App闪屏页、引导页、首页、个人中心页、详情页以及注册登录页的设计形式。教学难点熟练掌握绘制App界面的规范和方法。教学设计教学思路：（1）通过对闪屏页、引导页、首页、个人中心页、详情页以及注册登录页的讲解深入认识并掌握App界面设计；（2）通过课堂案例“制作“三餐”美食App”的讲解掌握绘制App界面的规范和方法；（3）再通过课堂练习和课后习题消化所学软件知识，提高App界面设计实战的能力。教学手段：（1）通过对知识点的解析深入学习绘制App界面的要点；（2）再通过课堂案例快速熟悉掌握App界面的绘制思路；（3）最后通过课堂练习和课后习题提高学生的实际操作能力。教学资料及要求：在网上或现实生活中找一些案例进行制作练习，来加深学员对知识点的理解，拓展实际应用能力。教学内容讨论问题