文档详情

UI界面设计与制作(全彩慕课版)—— 教案全套

亦***
实名认证
店铺
DOCX
470.05KB
约20页
文档ID:324277685
UI界面设计与制作(全彩慕课版)—— 教案全套_第1页
1/20

《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课件进行配合讲解1.1 UI设计的基本概念1.2 UI设计的常用软件1.3 UI设计的发展趋势1.4 UI设计的学习方法1.4.1 整体学习1.4.2 作品收集1.4.3 项目临摹1.4.4 项目实战1.5 UI设计的项目流程1.6 UI设计规范与规则1.6.1 单位介绍1.6.2 设计尺寸1.6.3 适配方案1.6.4 设计结构1.6.5 间距规范1.6.6 文字规范1.6.7 图标尺寸1.6.8 图片比例4.7 课堂练习-制作电商类App标签栏在Illustrator软件中,使用多种形状工具绘制图标。

在Photoshop软件中,使用矩 形工具和属性面板确定参考线位置,使用置入嵌入对象命令置入图标,使用横排文字 工具输入文字作业口◊ □□QA首页分类发现购物车我的课后习题-制作餐饮类App标签栏在Illustrator软件中,使用多种形状工具绘制图标在Photoshop软件中,使用 矩形工具和属性面板确定参考线位置,使用置入嵌入对象命令置入图标,使用横排文 字工具输入文字金CPa■首页发现订单我的课时内容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课件进行配合讲解5.1 闪屏页5.1.1 闪屏页的概念5.1.2 闪屏页的类型5.1.3 课堂案例-制作旅游类App闪屏页5.2 线面图标的基础设计5.2.1 引导页的概念5.2.2 引导页的类型5.2.3 课堂案例-制作旅游类App引导页5.3 首页53.1 首页的概念53.2 首页的类型53.3 课堂案例•制作旅游类App首页5.4 个人中心页5.4.1 个人中心页的概念5.4.2 课堂案例-制作旅游类App个人中心页5.5 详情页1.1.1 详情页的概念1.1.2 课堂案例-制作旅游类App酒店详情页5.6 注册登录页5.6.1 注册登录页的概念5.6.2 课堂案例-制作旅游类App登录页5.7 课堂练习-制作电商类App页面5.8 课后习题-制作餐饮类App页面小结1、掌握App的闪屏页制作。

2、掌握App的引导页制作3、掌握App的首页制作4、掌握App的个人中心页制作5、掌握App的详情页制作6、掌握App的注册登录页制作5.7课堂练习-制作电商类App页面使用圆角矩形工具、矩形工具椭圆工具和直线工具绘制形状,使用置入嵌入对象 命令置入图片和图标,使用创建剪贴蒙版命令调整图片显示区域,使用属性面板制作 弥散投影,使用横排文字工具输入文字作业»48.9..■1■・・MJl” WB京,一本0・卫变线20B/H无0satw. BVB« *±MMea mr. ”・・•・公♦><・?• ■—雨产停的(12368) ・”・mtH•«48・K.199・sM -•■•・•・■■&・・・.WBMtajnji■不■■d. etfiid•,次7■•/叫MttBtt nomn■■邛■一*4i aavam *■-*j|«,e2• « ♦-M>«”Vt»vs9・,・•小n晶SOV?: ~**B5.8课后习题-制作餐饮类App页面使用圆角矩形工具、矩形工具椭圆工具和直线工具绘制形状,使用置入嵌入对象 命令置入图片和图标,使用创建剪贴蒙版命令调整图片显示区域,使用属性面板制作 弥散投影,使用横排文字工具输入文字。

优选新鲜食材欢迎登录188****8888多种餐点任您挑选*多■厅为电物供m费0―务,父间免费配送即刻享用无怆您星电珞修定&■用络ftf]・将为W免给国岸♦ ・・・■算三Qw aaasucVIP RiiHBftnacaIt的岛产■ tlfiX ft"& nnrjH69・5・28 <520-188ftt*WHSMvat集训渔@o00anmiaria«也•♦和MM■・a・更多修希金oa9:419 /架播州■,oL ♦ •八Mb累■■■宠粉爆款5折起]*”・■■■■退B»nn入口 ・逸BA 量,1Q2 加■«,必赋即,课时内容UI设计输出授课时间180分钟课时4教学目标0 掌握App页面标注0掌握App页面切图0掌握App页面命名教学重点0 熟练掌握App页面标注0掌握App页面切图0 掌握App页面命名教学难点切图规则的应用教学设计1、教学思路:(1)通过对课堂案例的讲解掌握标注旅游类App登录页、制作旅游类 App登录页切图、命名旅游类App登录页切图的方法和技巧;(2)再通过软件相关 功能的解析深入学习软件功能和制作特色;(3)再通过课堂练习巩固软件功能及 UI设计输出的操作技巧:(4)最后通过课后习题消化所学软件知识,提高UI设计 输出的应用能力。

2、教学手段:(1)通过课堂案例快速熟悉制作思路和软件功能;(2)通过软件功能解 析深入学习软件功能和制作特点3)通过课堂练习和课后习题提高学生的实际应 用能力3、教学资料及要求:在网.匕搜索或实际创建一些UI设计进行输出,来加深学员对知 识点的理解,拓展实际应用能力教学内容讨论问题:1、标注软件有哪些?2、切图有哪些规范?内容大纲:具体可结合本项目的PPT课件进行配合讲解6.1 UI页面标注6.1.1 标注原因6.1.2 标注内容6.1.3 标注规则6.1.4 标注神器6.1.5 课堂案例-标注旅游类App登录页6.2 2.5D图标的基础设计6.2.1 切图目的6.2.2 切图类型6.2.3 切图规则6.2.4 切图方法6.2.5 大小优化6.2.6 课堂案例•制作旅游类App登录页切图6.3 UI页面命名6.3.1 命名原因6.3.2 命名规则6.3.3 常用名称6.3.4 课堂案例-命名旅游类App登录页切图6.4 课堂练习-标注电商类App注册登录页并切图命名6.5 课后习题-标注餐饮类App登录页并切图命名1、掌握App页面标注小结2、掌握App页面切图3、掌握App页面命名。

6.4 课堂练习-标注电商类App注册登录页并切图命名使用PxCook软件标注页面,使用Cutterman进行切图,按照UI页面命名规范对切 图效果进行命名9:41 I欢迎登录二:看入您的繇号以嵬馍1 翌****6C88「1 翌****6C88「作业“r>A-Op«n.“r>A-Op«n._o 冲.«»kod九 a109aiJMn.»9ft *ogiRjBtn.»9n ioqffj^n^n9nIo9^>o«_d«plk>gi«XO«Jock.b^Jcoa.UWf卬Jg.qM io/njcsad k>9»«>o*..d~322^9O O x| x |logUJccR.oKfc togkJcc*.»K*Awjc««.ci&wd人 ㈤ 2tQ2aN课后习题-标注餐饮类App登录页并切图命名使用PxCook软件标注页面,使用Cutterman进行切图,按照UI页面命名规范对切 图效果进行命名9:41M ,欢迎登录.MB188****8888KClOIxpog»gO2*(xx)X芟用0M2•刃 WWOIxpog>ogin,bgj<8.3P 加㈤》Ut©Xptogin_kon.»ech x.dHau2 Mp1、掌握UI设计的基本概念。

2、掌握UI设计的常用软件小结3、了解UI设计的行业发展4、了解学习UI的正确知识5、掌握UI设计的制作流程1、掌握线性图标的制作小结2、掌握面性图标的制作3、掌握线面图标的制作2.4 课堂练习-制作电商类App线性图标使用“X”、“丫”、“宽”和“高”工具进行调整使图标符合设计规范,扩展外观变 成真实图像而非Q [2P区首页分类发现购物车我的作业2.5 课后习题-制作餐饮类App面性图标课时 内容UI中的控件设计授课时间360分钟课时8教学 目标□ 了。

下载提示
相似文档
正为您匹配相似的精品文档