UI界面设计与制作（全彩慕课版）—— 教案全套.docxVIP

《UI界面设计(全彩慕课版)》 配套教学教案 第1讲 课时内容 初识UI设计授课时间18()分钟 课时4 教学目标 0 掌握UI设计的基本概念。 H掌握UI设计的常用软件。 0 了解UI设计的行业发展。 0 了解学习UI的正确知识。 0 掌握UI设计的制作流程。 教学重点 0熟练掌握UI设计的基本概念。 0 了解并掌握UI设计的常用软件。 0 掌握UI设计的行业发展。 教学难点 了解学习UI的正确知识。 教学设计 1、教学思路：通过认识UI设计了解UI设计的相关概念、特点、原则、常用软件和学 习方法。 2、教学手段：通过软件功能解析深入学习软件功能特点。 3、教学资料及要求：根据相关的工具和命令进行简单的练习和操作。 教学内容 讨论问题：1、UI设计的常用软件有哪些？ 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 UI设计的基本概念 UI设计的常用软件 UI设计的发展趋势 UI设计的学习方法 整体学习 作品收集 项目临摹 项目实战 UI设计的项目流程 UI设计规范与规则 单位介绍 设计尺寸 适配方案 设计结构 间距规范 文字规范 图标尺寸 图片比例 课堂练习-制作电商类App标签栏 在Illustrator软件中,使用多种形状工具绘制图标。在Photoshop软件中,使用矩 形工具和属性面板确定参考线位置，使用置入嵌入对象命令置入图标，使用横排文字 工具输入文字。 作业口? □□QA首页 作业 口? □□ Q A 首页 分类 发现 购物车 我的 在Illustrator软件中，使用多种形状工具绘制图标。在Photoshop软件中，使用 矩形工具和属性面板确定参考线位置，使用置入嵌入对象命令置入图标，使用横排文 字工具输入文字。 金 CP a ■ 首页 发现 订单 我的  课时内容 UI中的页面设计 授课时间 360分钟 课时 8 教学目标 0掌握App的闪屏页制作。 0掌握App的引导页制作。 0掌握App的首页制作。 0 掌握App的个人中心页制作。 0 掌握App的详情页制作。 0 掌握App的注册登录页制作。 教学重点 0 了解App的闪屏页制作。 0 掌握App的引导页制作方法和技巧。 EI掌握App的首页制作方法。 教学难点 App的个人中心页制作方法和应用技巧。 教学设计 1、教学思路：（1）通过对课堂案例的讲解掌握制作旅游类App闪屏页、制作旅游类 App引导页、制作旅游类App首页、制作旅游类App个人中心页、制作旅游类App 酒店详情页、制作旅游类App登录页的方法和应用技巧；（2）再通过软件相关功 能的解析深入学习软件功能和制作特色；（3）再通过课堂练习巩固软件功能及页面 设计的方法；（4）最后通过课后习题消化所学软件知识，提高页面设计的设计能力。 2、教学手段：（1）通过课堂案例快速熟悉制作思路和软件功能；（2）通过软件功能解 析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应 用能力。 3、教学资料及要求：在网上或现实生活中找一些页面进行设计，来加深学员对知识点 的理解，拓展实际应用能力。 教学内容 讨论问题：1、页面设计的特点是什么？ 2、首页的类型有哪几种？ 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 闪屏页 闪屏页的概念 闪屏页的类型 课堂案例-制作旅游类App闪屏页 线面图标的基础设计 引导页的概念 引导页的类型 课堂案例-制作旅游类App引导页 首页 首页的概念 首页的类型 课堂案例?制作旅游类App首页 个人中心页 个人中心页的概念 课堂案例-制作旅游类App个人中心页 详情页 详情页的概念 课堂案例-制作旅游类App酒店详情页 注册登录页 注册登录页的概念 课堂案例-制作旅游类App登录页 课堂练习-制作电商类App页面 课后习题-制作餐饮类App页面 小结 1、掌握App的闪屏页制作。 2、掌握App的引导页制作。 3、掌握App的首页制作。 4、掌握App的个人中心页制作。 5、掌握App的详情页制作。 6、掌握App的注册登录页制作。 5.7课堂练习-制作电商类App页面 使用圆角矩形工具、矩形工具椭圆工具和直线工具绘制形状，使用置入嵌入对象 命令置入图片和图标，使用创建剪贴蒙版命令调整图片显示区域，使用属性面板制作 弥散投影，使用横排文字工具输入文字。 作业?48.9.. 作业 ■1■??MJl” WB京,一本0?卫变线20B/H无0 satw. BVB? *±MMea mr. ” ????公??？ ■—雨产停的(12368) ?”?mtH ??48?K.199?sM -?■????■■ ???. WBMtajnji■不■■d. etfiid?，次7 ■?/叫。 MttBtt nomn ■■邛■一*4i aavam *■-*j|?，e