第二单元 2.1 任务1 了解数字媒体作品设计基础要素《数字媒体技术基础》（高教版）导学案

《数字媒体技术基础》高等教育出版社——导学案 编号：04 审核组：计算机专业教研组 班级： 姓名： 小组： 时间： 第二单元 2.1 数字媒体作品的设计基础 任务1 了解数字媒体作品设计基础要素 【学习目标】 1.阐释三大构成设计体系的核心内涵。 2.解析形式美法则的视觉表现规律。 3.能够对构成理论的应用进行分析。 【重点难点】数字媒体的分类、数字媒体的特征。 【预习案】 任务一：三大构成设计体系 阅读教材相关内容，结合你的生活经验，思考并回答以下问题： 问题1：怎么样的数字绘画作品才是优秀的呢？ 优秀的数字绘画作品应当是视觉美感、情感表达与功能实现的高度统一，具体体现在以下三个方面：1.平面构成——层次清晰，节奏有序。要体现重复与节奏、对比与平衡、留白与呼吸感。2.色彩构成——情感准确，氛围恰当。配色要符合主题，色彩要服务于情感。3.立体构成——空间真实，比例协调。讲究虚实结合、动态平衡和比例协调。 问题2：红色、蓝色、绿色分别适合用在哪些类型的App或网站上？ 颜色 适合领域 原因 红色 促销、危险提示 代表激情、警示 蓝色 医疗、金融类应用 代表信任、冷静 绿色 环保、健康主题 代表自然、安全 任务二：形式美法则 阅读教材相关内容，回答以下问题： 问题1：我们在进行数字媒体作品设计的时候，需要遵循怎么样的原则？ 原则 说明 统一与变化 整体风格统一，局部细节差异化 对称与均衡 对称营造稳定，均衡实现视觉平衡 节奏与韵律 通过重复、渐变形成动态美感 问题2：什么是“对称”和“均衡”？它们有什么不同？ 对称：严格镜像布局，左右或上下相同，给人稳重、正式的感觉； 均衡：非对称但视觉重量平衡，给人活泼、自然的感觉。 不同点：对称是“一模一样”，均衡是“不一样但看起来平衡”。就像天平：对称是两边放相同的东西，均衡是两边放不同的东西但重量相等。 【预习自测】 1.在平面构成的设计原则中，通过规律性排列增强视觉统一性，常用于界面上多个选项的排列，例如网页导航菜单中各个选项的等距分布。这一设计原则被称为（B） A.对比与平衡 B.重复与节奏 C.留白与呼吸感 D.虚实结合 【解析】重复与节奏是通过规律性排列增强视觉统一性的设计原则，常用于多个选项的排列，如网页导航菜单。A强调大小、疏密的对比；C强调留出空白空间；D属于立体构成的设计原则。 2.在色彩构成中，不同的配色方案适用于不同的应用场景并传达不同的情感表达。例如，红色常代表激情、警示，常用于促销广告和危险提示；蓝色常代表信任、冷静，常用于医疗、金融类应用；绿色常代表自然、安全，常用于环保、健康主题设计。这一现象说明色彩构成的核心作用是（C） A.增强画面的立体感 B.提高页面的加载速度 C.直接影响用户心理与作品氛围 D.保证界面的技术稳定性 【解析】色彩构成研究色彩搭配规律与情感表达，直接影响用户心理与作品氛围。不同色彩引发不同的心理感受和情感联想，这是色彩构成在数字媒体设计中的核心作用。 3.在立体构成的设计原则中，通过前景元素清晰、背景元素模糊的手法营造空间层次感，使用户在虚拟环境中感受到真实的深度距离。这一设计原则被称为（A） A.虚实结合 B.动态平衡 C.比例协调 D.重复与节奏 【解析】虚实结合是立体构成的设计原则之一，指前景清晰、背景模糊，用于营造空间层次感和真实感。 【探究案】 【探究点一】 探究一：请你打开一个常用的App（如抖音、淘宝、微信），观察它的布局和颜色。思考并回答：这个界面的主色调是什么？属于互补色、类似色还是单色系？这种配色给你什么样的心理感受？是否符合这个App的功能定位？ 抖音：以黑色为背景，搭配白色文字和彩色图标（粉色、蓝色、绿色等），属于多色搭配，但以黑色统一整体。黑色背景突出视频内容，彩色图标增加活力，符合娱乐App“内容为主、氛围活泼”的定位。 淘宝：橙色为主，搭配白色背景和少量红色、黄色，属于类似色搭配（橙、红、黄均为暖色系），局部使用互补色（如绿色“包邮”标签）增强对比。电商平台需要激发用户的消费冲动，暖色调能营造热闹、划算的氛围，符合这个APP的功能定位。 微信：绿色为主，搭配大量留白和灰色文字，属于单色系搭配+大面积留白。绿色代表安全、信任、平静，让人感觉可靠、放松；留白让界面清爽不压迫，适合长时间使用。微信是日常高频使用的社交工具，需要传递稳定、可信赖的感觉，绿色让人安心，符合这个APP的功能定位。 小组讨论：对比大家选择的App界面，找出它们在平面构成和色彩构成上的异同点。 App类型 布局特点 配色特点 设计原因 淘宝 信息密集，多列商品展示 橙色为主，刺激购买欲 追求效率，让用户快速浏览商品 微信 简洁列表，功能分区清晰 绿色为主，传递安全信任 日常高频使用，需要舒适不刺激 抖音 全屏视频，少量悬浮按钮 黑色背景，彩色图标 突出内容，让用户沉浸 【探究点二】 探究二：节奏与韵律的应用 请你打开一个常用的App（如网易云音乐、B站、抖音），观察它的加载动画、图标设计和整体界面。思考并回答：在加载或刷新时，你看到了什么样的动画效果？这个动画是如何体现“节奏与韵律”的？ 1.加载动画：网易云音乐的加载动画是几个小圆点依次亮起、缩放，形成波浪般的节奏感 2.重复与渐变：圆点的大小和透明度逐渐变化，产生韵律感，让等待变得有趣不枯燥 小组讨论：在你们常用的App或网站中，哪些地方能看到“动起来”的效果？（如加载动画、刷新动画、页面切换效果等）请每组找出2-3个例子，简单描述一下它们是怎么“动”的。 1.抖音刷新时转圈的小动画：小圆圈一直转，重复循环 2.网易云音乐播放时频谱跳动：柱状图随音乐高低变化 3.微信读书翻页：页面滑动，逐渐消失又出现 4.微信下拉加载的三个小圆点：三个点依次亮起，重复循环 【探究点三】 探究三：构成理论应用分析 请小组成员从以下四个主题中任选一个（平面构成、色彩构成、立体构成、形式美法则），每组搜索3-5张相关的数字媒体作品图片（如电商海报、App界面、动画截图、游戏场景等），根据所选主题，分析每张图片中构成理论的具体应用，将结果填写在表中。 图片来源 主题 设计要素 情感或功能目标 政府机构官方网站 平面构成 对称布局、重复的导航模块、大量留白 营造庄严、稳定、可信赖的官方形象，保证信息清晰易读 数据可视化大屏 平面构成 对比与平衡（大小图表、色彩轻重） 通过面积、色彩对比突出核心数据，同时通过布局保持整体平衡，避免混乱 电商APP促销 Banner 色彩构成 互补色（红与青蓝）、高饱和度 制造强烈视觉冲击，刺激兴奋感与购买欲，突出促销信息 环保主题APP界面 色彩构成 类似色（不同明度的绿色） 营造和谐、自然、平静的视觉感受，紧扣环保、健康的品牌主题 音乐播放器动态效果 立体构成 动态平衡（唱针落下、唱片旋转） 将静态界面动态化，提供流畅愉悦的交互反馈，增强操作真实感 VR虚拟展厅设计 立体构成 虚实结合（景深效果）、比例协调 模拟真实空间感，引导用户视线聚焦于展品，营造沉浸式体验 高端品牌宣传海报 形式美法则 统一与变化（统一的色调与字体，变化的图片） 在保持品牌调性高度统一的前提下，通过视觉内容的变化保持新鲜感 新闻资讯类APP 形式美法则 节奏与韵律（卡片流布局） 相同结构的卡片有规律地重复出现，形成阅读节奏，提升浏览效率 【小结】 背诵默写三大构成设计体系和形式美法则。 【训练案】 1.某设计师正在为一款医疗类App设计界面。考虑到医疗类应用需要传达专业、可信赖的感觉，设计师决定采用蓝色作为主色调。同时，为了让界面简洁舒适、避免信息过载，设计师在页面四周和各个模块之间留出了适当的空白空间。请问这位设计师分别运用了色彩构成中的______配色方案和平面构成中的______设计原则（C） A.互补色配色方案；对比与平衡原则 B.类似色配色方案；重复与节奏原则 C.单色系配色方案；留白与呼吸感原则 D.互补色配色方案；虚实结合原则 【解析】单色系（如不同明度的蓝）强调质感层次的塑造。留白与呼吸感是平面构成中通过合理留出空白空间、避免信息过载、提升视觉舒适度的设计原则。（C 正确）。 2.某教育网站首页的设计采用了图文混排的非对称布局，左右两侧的内容虽然不对称，但在视觉重量上保持了平衡感。同时，网站专题栏目界面采用了严格的左右镜像布局，给人以稳定、庄重的感觉。这两种布局方式分别对应了形式美法则中的______原则（C） A.节奏与韵律；统一与变化 B.对称；均衡 C.均衡；对称 D.比例协调；虚实结合 【解析】形式美法则中的“均衡”是指非对称但视觉重量平衡的布局方式，如图文混排；“对称”是指严格的镜像布局，给人以稳定庄重之感，常用于教育类、政府类网站。题目中第一个案例是“非对称但视觉重量平衡”，对应均衡；第二个案例是“严格的左右镜像布局”，对应对称。因此C项正确。 3.形式美法则中的“节奏与韵律”通过元素的重复出现、逐渐变化等方式形成视觉上的流动感和运动感，常用于加载动画、滚动效果等动态界面设计。这种设计手法的核心目的是（B） A.增强界面的对称性和稳定性 B.在视觉上形成动态美感和运动节奏 C.保证所有界面元素的完全一致 D.减少界面中呈现的信息总量 【解析】节奏与韵律通过元素的重复、渐变形成视觉上的流动感和运动感，赋予界面动态美感。A对应对称与均衡；C对应统一与变化；D与留白有关，但与节奏韵律无直接关系（B 正确）。 4.某学习平台设计了一套功能图标，所有图标采用相同的线条粗细、圆角程度和视觉风格，保持了整体协调性；但每个图标的形状和含义各不相同，便于用户区分不同的功能模块。这种设计手法体现了形式美法则中的______原则（C） A.对称与均衡 B.节奏与韵律 C.统一与变化 D.虚实结合 【解析】统一与变化原则要求整体风格统一，但局部细节差异化，既保持整体协调性又避免单调。图标系列设计正是这一原则的典型应用：整体风格统一，局部形状变化。（C 正确）。 5.某政府官方网站采用不同深浅的蓝色系配色方案，通过色彩层次的变化塑造稳重、专业的形象。在页面布局上，该网站采用严格的左右镜像对称结构，导航栏和内容区域左右对应，给人以稳定庄重的视觉感受。请问该官网的设计运用了色彩构成中的______配色方案（A） A.单色系配色方案 B.类似色配色方案 C.互补色配色方案 D.互补色配色方案 【解析】单色系（如不同明度的蓝）强调质感层次的塑造，常用于政府与企业官网。（A 正确）。 - 5 - 学科网（北京）股份有限公司 $ 《数字媒体技术基础》高等教育出版社——导学案 编号：04 审核组：计算机专业教研组 班级： 姓名： 小组： 时间： 第二单元 2.1 数字媒体作品的设计基础 任务1 了解数字媒体作品设计基础要素 【学习目标】 1.阐释三大构成设计体系的核心内涵。 2.解析形式美法则的视觉表现规律。 3.能够对构成理论的应用进行分析。 【重点难点】数字媒体的分类、数字媒体的特征。 【预习案】 任务一：三大构成设计体系 阅读教材相关内容，结合你的生活经验，思考并回答以下问题： 问题1：怎么样的数字绘画作品才是优秀的呢？ 问题2：红色、蓝色、绿色分别适合用在哪些类型的App或网站上？ 颜色 适合领域 原因 红色 蓝色 绿色 任务二：形式美法则 阅读教材相关内容，回答以下问题： 问题1：我们在进行数字媒体作品设计的时候，需要遵循怎么样的原则？ 原则 说明 整体风格统一，局部细节差异化 对称营造稳定，均衡实现视觉平衡 通过重复、渐变形成动态美感 问题2：什么是“对称”和“均衡”？它们有什么不同？ 【预习自测】 1.在平面构成的设计原则中，通过规律性排列增强视觉统一性，常用于界面上多个选项的排列，例如网页导航菜单中各个选项的等距分布。这一设计原则被称为（ ） A.对比与平衡 B.重复与节奏 C.留白与呼吸感 D.虚实结合 2.在色彩构成中，不同的配色方案适用于不同的应用场景并传达不同的情感表达。例如，红色常代表激情、警示，常用于促销广告和危险提示；蓝色常代表信任、冷静，常用于医疗、金融类应用；绿色常代表自然、安全，常用于环保、健康主题设计。这一现象说明色彩构成的核心作用是（ ） A.增强画面的立体感 B.提高页面的加载速度 C.直接影响用户心理与作品氛围 D.保证界面的技术稳定性 3.在立体构成的设计原则中，通过前景元素清晰、背景元素模糊的手法营造空间层次感，使用户在虚拟环境中感受到真实的深度距离。这一设计原则被称为（ ） A.虚实结合 B.动态平衡 C.比例协调 D.重复与节奏 【探究案】 【探究点一】 探究一：请你打开一个常用的App（如抖音、淘宝、微信），观察它的布局和颜色。思考并回答：这个界面的主色调是什么？属于互补色、类似色还是单色系？这种配色给你什么样的心理感受？是否符合这个App的功能定位？ 小组讨论：对比大家选择的App界面，找出它们在平面构成和色彩构成上的异同点。 App类型 布局特点 配色特点 设计原因 淘宝 微信 抖音 【探究点二】 探究二：节奏与韵律的应用 请你打开一个常用的App（如网易云音乐、B站、抖音），观察它的加载动画、图标设计和整体界面。思考并回答：在加载或刷新时，你看到了什么样的动画效果？这个动画是如何体现“节奏与韵律”的？ 小组讨论：在你们常用的App或网站中，哪些地方能看到“动起来”的效果？（如加载动画、刷新动画、页面切换效果等）请每组找出2-3个例子，简单描述一下它们是怎么“动”的。 【探究点三】 探究三：构成理论应用分析 请小组成员从以下四个主题中任选一个（平面构成、色彩构成、立体构成、形式美法则），每组搜索3-5张相关的数字媒体作品图片（如电商海报、App界面、动画截图、游戏场景等），根据所选主题，分析每张图片中构成理论的具体应用，将结果填写在表中。 图片来源 主题 设计要素 情感或功能目标 【小结】 背诵默写三大构成设计体系和形式美法则。 【训练案】 1.某设计师正在为一款医疗类App设计界面。考虑到医疗类应用需要传达专业、可信赖的感觉，设计师决定采用蓝色作为主色调。同时，为了让界面简洁舒适、避免信息过载，设计师在页面四周和各个模块之间留出了适当的空白空间。请问这位设计师分别运用了色彩构成中的______配色方案和平面构成中的______设计原则（ ） A.互补色配色方案；对比与平衡原则 B.类似色配色方案；重复与节奏原则 C.单色系配色方案；留白与呼吸感原则 D.互补色配色方案；虚实结合原则 2.某教育网站首页的设计采用了图文混排的非对称布局，左右两侧的内容虽然不对称，但在视觉重量上保持了平衡感。同时，网站专题栏目界面采用了严格的左右镜像布局，给人以稳定、庄重的感觉。这两种布局方式分别对应了形式美法则中的______原则（ ） A.节奏与韵律；统一与变化 B.对称；均衡 C.均衡；对称 D.比例协调；虚实结合 3.形式美法则中的“节奏与韵律”通过元素的重复出现、逐渐变化等方式形成视觉上的流动感和运动感，常用于加载动画、滚动效果等动态界面设计。这种设计手法的核心目的是（ ） A.增强界面的对称性和稳定性 B.在视觉上形成动态美感和运动节奏 C.保证所有界面元素的完全一致 D.减少界面中呈现的信息总量 4.某学习平台设计了一套功能图标，所有图标采用相同的线条粗细、圆角程度和视觉风格，保持了整体协调性；但每个图标的形状和含义各不相同，便于用户区分不同的功能模块。这种设计手法体现了形式美法则中的______原则（ ） A.对称与均衡 B.节奏与韵律 C.统一与变化 D.虚实结合 5.某政府官方网站采用不同深浅的蓝色系配色方案，通过色彩层次的变化塑造稳重、专业的形象。在页面布局上，该网站采用严格的左右镜像对称结构，导航栏和内容区域左右对应，给人以稳定庄重的视觉感受。请问该官网的设计运用了色彩构成中的______配色方案（ ） A.单色系配色方案 B.类似色配色方案 C.互补色配色方案 D.互补色配色方案 - 5 - 学科网（北京）股份有限公司 $