数字媒体交互设计（慕课版）教案 3.4 组件设计-网页交互组件设计特征-备课笔记.doc

编号10-01【web产品交互设计开发制作】 编号10-01 学习任务四、组件设计-网页交互组件设计特征 一、课程说明与要求 1.课程说明 UI设计组件就是用户界面成套元件，是界面设计常用控件或元件。 组件是具有标准规范和可复用场景的基本模块。从字面上理解：“组”：设计元素的组合方式，“件”由不同的元件组成。本质上，组件化设计就是将UI界面合理地划分为更小的，更易于管理的单元，并予以命名。 只要是几个元素的组合，都可以称之为组件。卡片，头像，导航栏都是经典的组件。但是，组件并非一定要视觉上看起来是成块的。每种组件都有其特定的用法，根据场景和信息内容优先级来判断如何使用才是正确的设计方法。 下面我们可以在组件详解中去了解组件的使用场景。在交互设计实践方面，培养学生使用Ps工具绘制web产品交互设计中的一些常用组件。 二、学情分析与课程导入 1.学情分析 本课程授课内容需要学生有一定的Ps软件使用基础，作为一门实践性较强的课程，本节课针对学生对交互设计方面的知识普遍认知不强，或者碎片化、不系统，强调进行引导教学，融入市场多元化理念。另一方面，学生对新兴的事物接受比较快，对所选择的专业感兴趣，获取知识的主动性较强。 2.课程导入 我们学习UI组件设计的特征，那么什么是UI组件设计，组件都有哪些分类， 在日常生活中我们通常见到的网站中的搜索、导航栏、都是交互组件设计的应用。 下面我们针对