《ui设计》教学教案.docxVIP

《UI 设计（全彩慕课版）》 配套教学教案 第1章 课时内容 认识UI设计 授课时间 90分钟 课时 2 教学目标 了解什么是UI设计 了解UI设计的运用与发展趋势 熟悉UI设计的原则 教学重点 UI设计的用户体验 UI设计的常用工具 UI设计的应用领域 UI设计的基本原则 教学难点 分析界面的设计特点 UI设计的基本流程 教学设计 教学思路：（1）对UI设计的基础知识进行介绍，包括什么是UI设计、UI设计的用户体验、UI设计的常用工具；（2）讲解UI设计在移动App界面、网页界面、游戏界面、应用软件界面等领域的应用；（3）讲解UI设计未来的发展趋势；（4）讲解UI设计的原则，包括适用性、规范性、易操作性、统一性、层级性；（5）最后讲解UI设计的流程。 教学手段：（1）通过演示讲解基础知识，讲解结束后通过项目实训巩固所学知识；（2）对于重点内容着重讲解。 教学资料及要求：除教材中的实例外，可以补充讲解UI设计的一些案例，加深学员对UI设计的理解。 教学内容 讨论问题：1.什么是UI设计？ 2.那些领域适合做UI设计？ 3.完成一个完整的界面设计，需要经过哪些步骤？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 1.1　UI设计概述 1.1.1　什么是UI设计 1.1.2　UI设计的用户体验 1.1.3　UI设计的常用工具 1.2　UI设计的运用 1.2.1　移动App界面设计 1.2.2　网页界面设计 1.2.3　游戏界面设计 1.2.4　应用软件界面设计 1.3　UI设计的发展趋势 1.3.1　人工智能产品界面设计 1.3.2　AR产品界面设计 1.3.3　VR产品界面设计 1.4　UI设计的原则 1.4.1　适用性 1.4.2　规范性 1.4.3　易操作性 1.4.4　统一性 1.4.5　层级性 1.5　UI设计的流程 1.5.1　分析设计需求 1.5.2　明确视觉定位 1.5.3　绘制原型图 1.5.4　绘制效果图 1.5.5　标注与切图 1.6　项目实训 项目一 天气类应用软件界面的素材搜集与制作 项目二 分析大型网络游戏界面的UI设计原则 思考与练习 小结 了解UI设计的概念，掌握UI设计的常用工具。 掌握UI设计的应用。 熟悉UI设计的发展趋势。 熟悉UI设计的原则。 掌握UI设计的流程。 思考与练习 1．列举经典的UI设计，并分析其优点。 2．查找资料，思考UI设计还有哪些设计原则。 3．查找资料，思考UI设计还有哪些新的应用领域。 4．对下图所示的智能手表界面进行赏析，分析其UI设计的原则。 第2章 课时内容 UI设计要素 授课时间 180分钟 课时 4 教学目标 了解UI设计的基本元素——点、线、面 掌握UI设计中的色彩、字体和风格的定位 教学重点 点、线、面的基本概念和关系 色彩的属性和对比 常用字体类型与规范 界面风格的设计要点 教学难点 色彩的搭配方法 字体的排版 界面常见的设计风格 教学设计 教学思路：（1）讲解基本的设计元素——点、线、面；（2）讲解色彩的基础知识，包括色彩的属性、对比、搭配；（3）讲解字体的基础知识，包括字体类型、规范、排版等；（4）讲解界面风格的设计要点和设计风格。 教学手段：（1）通过演示讲解基础知识，讲解结束后通过项目实训巩固所学知识；（2）对于重点内容着重讲解。 教学资料及要求：在讲解UI设计要素的过程中，应多展示典型案例，并让学员自行分析，学习其设计思路和方法，培养自身的设计能力。 教学内容 知识回顾：在前面讲解了认识UI设计，本章介绍UI设计要素。 讨论问题：1.UI设计与平面设计的设计要素是相同的吗？ 2.如何搭配一个美观的界面色彩？ 3.怎么为界面设计合适的字体？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 2.1　点、线、面 2.1.1　点 2.1.2　线 2.1.3　面　 2.1.4　分析案例——“网易云音乐”App播放页界面分析 2.2　色彩 2.2.1　色彩的属性 2.2.2　色彩的对比 2.2.3　主色、辅助色与点缀色 2.2.4　UI设计中常见的色彩搭配 2.2.5　分析案例——对“普通话学习”App界面进行色彩分析 2.3　字体 2.3.1　UI设计常用字体类型 2.3.2　UI设计字体规范 2.3.3　UI设计中的字体排版 2.3.4　设计案例——小游戏App界面中的文字设计 2.4　风格 2.4.1　界面风格的设计要点 2.4.2　界面常见的设计风格 2.4.3　设计案例——插画风格的网站登录界面设计 2.5　项目实训 项目一 分析网站首页的UI设计 项目二 设计读书App启动页界面 思考与练习 小结 掌握点、线、面3大基本要素。 掌握色彩、字体