第二单元 2.1 任务2 了解数字媒体作品设计原则（课件）-《数字媒体技术基础》（高等教育出版社）同步精品课堂

第二单元 2.1 任务2 了解数字媒体作品设计原则 数字媒体技术基础 同步精品课堂 高等教育出版社 任务一 数字媒体作品的设计原则 任务二 数字媒体作品设计原则的实际应用 任务三 数字水印的添加 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 教学目标 一 1、理解数字媒体作品的设计原则 2、了解数字水印的作用 3、掌握数字水印的添加 教学重难点 二 教学重点： 1、数字媒体作品的设计原则 2、数字水印的添加 教学难点： 数字媒体作品的设计原则 导入新课 三 数字媒体作品设计需要遵循一系列原则，以确保作品在视觉、功能和用户体验等方面达到较高的水准。常见的设计原则有用户中心、交互性、兼容性、性能优化、可扩展性、安全性和合法性等原则。 任务一 数字媒体作品的设计原则 新知讲授 四 1、用户中心原则 核心思想：产品是为人服务的，而不是为技术或开发者服务的。一切设计的起点和终点都应该是用户。 所起作用：确立产品方向和价值基石。确保产品解决的是真实用户的问题，而不是开发者的“自嗨”，从而提升用户满意度和产品市场竞争力。 如何实现 需求 用户研究：在设计之前，通过问卷、访谈、观察等方式，了解目标用户。 用户测试：做出初版后，邀请真实用户使用，观察他们的行为，聆听他们的反馈，据此进行修改。 简洁直观：界面布局清晰，功能明确，避免让用户找不到相应的界面和按钮 包容性设计：考虑不同用户的能力差异。例如，为视力不佳的用户提供字体放大功能。 习惯 体验 易用性 包容性 新知讲授 四 1、用户中心原则 Adobe软件的 workspace 预设：Photoshop等软件为摄影师、网页设计师、视频编辑等不同职业的用户提供了预设的工作区布局，默认摆放最常用的工具面板，减少寻找功能的时间。 新知讲授 四 1、用户中心原则 大字版/老年模式：许多APP（如微信、支付宝）提供专门的老年模式，界面字体更大、按钮更醒目、功能更简化，主动适配老年用户群体的生理特点和需求。 新知讲授 四 2、交互性原则 核心思想：产品应该像一位友善的向导，与用户进行“对话”，让用户时刻知道发生了什么、接下来该做什么。 所起作用：建立用户与产品之间的有效沟通通道。降低用户的认知负荷和操作 不确定性，让用户感觉产品是“有生命的”、“可预测的”，从而增强控制感和信任感。 如何实现 引导 操作引导：对于新功能或复杂流程，提供清晰的指引（如“新手引导”、“提示气泡”）。 即时反馈：用户任何一个操作，系统都必须有回应。如触觉反馈（按钮点击后变色、加载中的旋转动画）、听觉反馈（发送消息后的“叮”声）、触觉反馈（手机键盘打字的震动）。 状态可见：明确告诉用户当前处于什么状态（如“已保存”、“上传中(75%)”） 反馈 沟通 多感官 新知讲授 四 2、交互性原则 微信的“按住说话”反馈：按下按钮时按钮样式改变（视觉），同时伴随震动（触觉），上滑取消时会出现明确的提示条和“松开取消”的文字（视觉+引导）。 新知讲授 四 2、交互性原则 下拉刷新动画：在内容列表（如微博、邮件）中下拉，会出现一个加载动画（通常是旋转的圆圈），松开后数据刷新，动画消失。这个动作为“手动刷新”这个抽象操作提供了完美且直观的视觉反馈。 新知讲授 四 3、兼容性原则 核心思想：让你的产品能在尽可能多的“环境”中正常工作，不挑剔用户使用的设备。 所起作用：最大化产品的受众范围和可访问性。确保无论用户使用何种工具（设备、浏览器、操作系统）访问，都能获得一致且完整的体验，避免因技术环境差异而流失用户。 如何实现 跨设备 响应式设计：使网页布局能自动适应不同尺寸的屏幕（电脑、平板、手机）。 跨平台测试：在主流操作系统（Windows, macOS, iOS, Android）和主流浏览器（Chrome, Firefox, Safari, Edge）上进行测试，确保功能正常、显示正确。 渐进增强：先确保核心功能在所有设备上都能用，再为高级浏览器提供更炫酷的体验。 跨平台 适配 一致性 新知讲授 四 3、兼容性原则 响应式网站：例如苹果官网，无论是在27英寸的iMac上，还是在iPhone的小屏幕上浏览，网站布局都会自动调整，图片和文字大小适配，所有功能均可用，提供了最优的浏览体验。 新知讲授 四 4、性能优化原则 核心思想：天下武功，唯快不破。速度是用户体验的重要组成部分。 所起作用：提升产品的响应效率和流畅度。速度是用户体验的核心要素之一，性能优化能直接减少用户等待时间，缓解焦虑情绪，提升完成任务的效率，甚至影响搜索引擎排名和转化率。 如何实现 速度快 减少文件体积：压缩图片、视频、代码文件。 优化代码：编写高效的算法，减少不必要的计算和数据库请求。 使用缓存：将常用的数据暂存起来，下次需要时直接读取，减少加载时间。 内容分发网络：将资源部署到全球各地的服务器上，使用户可以从离他最近的服务器获取数据。 资源占用少 效率高 新知讲授 四 4、性能优化原则 图片懒加载（Lazy Load）：像淘宝这样的图片密集型网站，不会一次性加载所有图片，而是当用户滚动页面，图片即将进入可视区域时才开始加载，极大缩短了页面首次加载时间。 内容分发网络（CDN）：网易云音乐等流媒体服务，会将歌曲文件缓存到全球各地的CDN节点上。当你播放音乐时，会自动从离你地理距离最近的服务器获取数据，从而保证播放流畅、缓冲时间极短。 新知讲授 四 5、可扩展性原则 核心思想：为未来的增长做好准备。好的产品需要能方便地添加新功能，而不是每加一个功能就要推倒重来。 所起作用：保障产品的长期生命力和适应进化能力。使产品能够以最小的成本和风险，快速适应市场需求的变化（如增加新功能、应对用户量增长），避免因架构僵化而推倒重来。 如何实现 模块化 模块化设计：将系统像乐高积木一样拆分成多个独立的功能模块（例如用户模块、支付模块、商品模块）。修改或增加一个模块，不会严重影响其他模块。 分层架构：将系统分为表现层（UI）、业务逻辑层（功能处理）、数据访问层（数据库操作）等。层次分明，易于开发和维护。 分层 维护性 可持续性 新知讲授 四 5、可扩展性原则 微服务架构：亚马逊和Netflix将其庞大的系统拆分成数百个微服务（用户服务、订单服务、商品服务等）。每个服务可以独立开发、部署和扩展。需要升级支付系统时，只需改动“支付服务”，而不会影响“商品浏览”等功能。 API接口设计：Twitter、Google Maps等平台提供了开放的API。第三方开发者可以利用这些API创建新的应用（如在不同App中嵌入地图或分享到Twitter），这极大地扩展了平台自身的功能和生态，而无需平台自己开发所有东西。 新知讲授 四 6、安全性原则 核心思想：保护用户的资产和隐私不受侵犯，是产品最基本的责任和义务。 所起作用：保护用户和企业的核心数字资产，建立信任关系。这是产品得以存续的底线。一旦失守，用户隐私泄露、财产损失将会导致毁灭性的信任危机和法律风险。 如何实现 加密 数据加密：对用户的密码等敏感信息进行加密存储和传输（如使用HTTPS协议）。 权限控制：严格管理数据访问权限，确保用户只能看和自己相关的数据，管理员才有权查看全部。 防范攻击：防止常见的网络攻击，如SQL注入、跨站脚本（XSS）等。 定期更新与审计：定期检查系统，修复安全漏洞。 权限 防攻击 隐私 新知讲授 四 6、安全性原则 HTTPS加密：几乎所有现代网站（尤其是银行、电商网站）都使用HTTPS协议。你会在浏览器地址栏看到一把锁的图标，这表示你与网站之间的所有通信（密码、信用卡号）都被加密，防止被中间人窃听或篡改。 双因素认证（2FA）：Apple ID、GitHub等账户在登录时，除了输入密码，还需要输入一个发送到你手机上的动态验证码（你拥有的东西）。这极大地增加了账户被盗的难度。 新知讲授 四 6、安全性原则 权限最小化原则：手机App在请求权限时，会明确询问“是否允许访问照片”、“是否允许访问位置”，而不是一次性要求所有权限。用户可以选择仅授予必要的权限，应用也无法访问其未获授权的数据。 新知讲授 四 7、合法性原则 核心思想：创新和设计必须在法律和道德的框架内进行。 所起作用：确保产品在法律和道德框架内运营，规避合规风险。这是产品设计和发展不可逾越的红线，关系到企业的社会责任和长期生存。 如何实现 版权 版权清晰：使用有授权的字体、图片、视频，尊重他人知识产权。明确自己产品的版权归属。 隐私保护：严格遵守《个人信息保护法》等法规，明确告知用户收集了哪些数据、作何用途，并获取用户授权。不非法收集和泄露用户信息。 内容合规：不制作、不传播违法信息、虚假信息、色情暴力内容等，积极履行社会责任。 隐私 合规 伦理 新知讲授 四 7、合法性原则 隐私政策与用户协议：任何App在首次启动时都会要求用户阅读并同意《用户协议》和《隐私政策》。这在法律上明确了双方的权利义务，并告知用户数据将如何被收集和使用，以满足《个人信息保护法》等法规的要求。 内容审核机制：所有主流社交平台和内容平台（如抖音、微博）都配备了大量人工和AI审核员，对用户生成的内容进行审查，过滤掉暴力、色情、仇恨言论等违法及违规内容，履行内容合规的社会责任。 任务二 数字媒体作品设计原则的实际应用 新知讲授 四 1、微信的设计中所体现的设计原则 用户中心： 交互性 兼容性 性能优化 可扩展性 安全性 合法性 界面底部四个标签（微信、通讯录、发现、我）完全对应最核心的聊天、社交、娱乐和个人管理需求。设计极其简洁，老少皆宜。 下拉拍短视频、长按发文字等操作提供了明确引导。 微信几乎可以在任何主流品牌的安卓手机、iPhone、甚至一些旧款手机上运行，表现一致。 聊天记录加载速度快，即使在网络不佳时也会先显示文字（渐进加载） 微信从一个聊天工具，通过“小程序”这种模块化设计，成功地扩展出了支付、电商、游戏、生活服务等无数功能，而没有使主App变得臃肿不堪。 聊天内容端到端加密，支付需要密码/指纹验证，严格防范诈骗链接 用户协议明确隐私政策，要求小程序开发者提供资质证明，对传播违法有害内容的账号进行封禁。 新知讲授 四 2、电商网站的设计中所体现的设计原则 用户中心： 交互性 兼容性 性能优化 可扩展性 安全性 合法性 搜索框放在最显眼的位置，因为“找东西”是用户核心需求。推荐算法根据你的浏览习惯推荐商品（个性化） 将商品加入购物车时，按钮会变成“已加入”并有一个小动画。提交订单后，清晰的进度条告诉你“待付款”、“已发货”、“已送达”等状态。 网站能在各种浏览器上正常显示和交易，在手机浏览器上的体验和App内几乎一致。 商品图片采用懒加载（当你浏览到时再加载），大幅缩短首页打开时间。 初期可能只卖书，但通过良好的分层架构（将用户、订单、商品、支付等服务分离），可以很容易地扩展出全球购、生鲜、直播等新业务。 你的密码和支付信息被高强度加密。你的订单数据只有你和客服有权限看到 确保所售商品为正版（版权保护），明码标价，遵守《电子商务法》。 新知讲授 四 3、在线文档工具的设计中所体现的设计原则 用户中心： 交互性 兼容性 性能优化 可扩展性 安全性 合法性 工具栏布局模仿Office，降低用户学习成本。提供多种模板（简历、会议记录）满足不同场景需求 最经典的体现是协同编辑。当你看到另一个用户的光标在移动并修改文字时，这就是最极致的实时反馈。 不仅能在不同浏览器上使用，能与Microsoft Office、WPS等兼容，可以顺利导入导出 处理多人同时编辑的冲突算法是性能优化的极致体现，需要又快又准。 通过开放API和插件系统，允许开发者为其增加新功能（如思维导图、公式编辑） 文档可以设置密码、设置不同成员的查看/评论/编辑权限，防止机密信息泄露。 工具本身需要尊重Office的文件格式版权。用户生成的文档内容也需要符合法律法规 任务三 数字水印的添加 新知讲授 四 1、数字水印的作用 数字水印技术是一种信息隐藏技术，它通过在数字化的多媒体数据中嵌入隐蔽的标记，以保护版权、追踪来源和验证数据完整性。这种技术可以应用于图像、音频、视频等多种媒体格式，并且具有不可感知性、安全性等特点。 数字水印技术的基本原理是将水印信息嵌入到数字载体中，不影响原内容的使用价值，同时也不容易被人的知觉系统觉察或注意到。水印信息通常包括作者的序列号、公司标志、有特殊意义的文本等，用于识别文件、图像或音乐制品的来源、版本、原作者等。 当作品所有者的作品受到恶意攻击并且出现版权纠纷问题, 这时版权真正所有者就可以通过作品中嵌入的水印作为法律依据, 从而为自己维权。 新知讲授 四 1、数字水印的作用 核心作用：版权保护与所有权证明 宣告所有权：当作品被他人盗用、未授权传播时，创作者可以通过提取嵌入的水印信息，作为法律上的有力证据，证明自己是作品的原始创作者和所有者。 内容分发商（如电影公司、音乐厂牌）可以向不同的客户、媒体或评审人员分发嵌入不同唯一标识符的副本。 新知讲授 四 1、数字水印的作用 重要作用：内容完整性认证与防篡改 完整性认证：一种脆弱或半脆弱水印可以对作品的任何修改极其敏感。如果作品被篡改，水印就会被破坏或无法正确提取，从而证明内容已经不完整或不真实。 真伪鉴别：用于验证高价值数字资产的真伪，防止伪造。例如重要机构的官方文件、数字证书、奢侈品电子保单等可以嵌入水印。 新知讲授 四 1、数字水印的作用 扩展作用：信息附加与交互增强 携带附加信息：水印可以作为一种“隐藏的数据通道”，承载与作品相关的额外信息。例如一张旅游风景照可以嵌入该地点的GPS坐标信息，用户扫描后可以直接跳转到地图导航。 实现第二屏互动：在电视节目或视频中嵌入人耳听不见的音频水印。观众的手机麦克风可以接收到这个信号，并触发相关的互动内容，如投票、获取优惠券、观看额外花絮等。 新知讲授 四 1、数字水印的作用 特性 数字水印（常指不可见水印） 传统可见水印 主要目的 隐蔽的版权证明、溯源追踪、防篡改认证 防止直接盗用 可见性 不可见或难以察觉，不影响观赏体验 明显可见，会遮挡部分内容 安全性 高。难以发现和去除，去除会严重破坏原文件。 低。容易被裁剪、PS覆盖掉。 证据效力 强。作为隐藏的电子证据，法律效力强。 弱。容易被伪造，证明力较弱。 新知讲授 四 2、常见的数字水印添加工具——图片类 ① Adobe Photoshop：行业标准。提供最专业和灵活的水印添加方式，既可以简单添加Logo文字（可见水印），也能通过通道、图层、滤镜等功能实现更复杂的不可见水印（盲水印）。 ②甘凯文（水印管家）：国产优秀软件，专为批量处理图片水印而生。非常适合摄影师、电商从业者需要一次性给大量图片添加统一格式水印的场景，操作效率极高。 ③iWatermark Pro：在iOS和Android平台上非常著名的水印添加App，功能强大，支持文本、图形、签名等多种水印，适合手机摄影师快速处理。 新知讲授 四 2、常见的数字水印添加工具——音频类 ① Audacity：免费开源的音频编辑软件。虽然不直接提供“一键水印”功能，但可以通过在特定频段插入代码或使用第三方插件来实现，适合有技术探索精神的用户。 ②AudioWatermark.com：专业的在线音频水印服务。上传音频文件，它可以嵌入一个独特的、人耳难以察觉的数字代码（水印），用于版权追踪和验证。 ③Steinberg WaveLab：专业级的音频母带处理软件，内置了成熟的音频水印功能，是音乐制作和发行领域专业人士使用的工具。 新知讲授 四 2、常见的数字水印添加工具——视频类 ①Adobe Premiere Pro / After Effects：视频领域的行业标准。在Pr中可以直接添加文字、图片水印轨道；在Ae中可以制作更复杂的动态、半透明或隐藏水印效果，控制精度最高。 ②剪映专业版：全民级视频编辑软件，操作非常直观。在“文本”或“贴纸”功能中轻松添加水印，并可以全程显示，非常适合短视频创作者、UP主快速为作品打上标签。 ③Watermark.ws：一款高效的在线视频水印工具，支持批量处理，无需下载安装软件，通过网页即可上传视频并添加文字或图片水印，非常方便快捷。 新知讲授 四 3、为作品设置数字水印 步骤一：打开图片并创建水印图层 ①在Photoshop中打开需要添加水印的图片。 ②点击图层面板下方的创建新图层图标，新建一个空白图层。这是一个好习惯，永远不要在原始图片图层上直接操作，方便后期修改和移动水印。 步骤二：设计水印内容 ①选择文字工具。 ②在图片上点击并输入水印内容。可以是：你的名字、你的网站、你的社交媒体ID、或者©版权符号+年份（例如：© 2023 YourName）。 ③在字符面板中调整字体、大小和颜色。通常使用白色或黑色，后期通过透明度来调整。 新知讲授 四 3、为作品设置数字水印 步骤三：调整水印样式和位置 ①降低不透明度：在图层面板中，找到不透明度选项，将数值降低到20% - 40% 之间。这个数值既能让人看到水印，又不会过于突兀地破坏画面。 ②调整位置：将水印移动到图片的角落（如右下角、左下角）。避免放在正中间影响主体。可以稍微离边缘有一些距离。 步骤四：保存作品 ①水印调整满意后，点击文件 -> 导出 -> 导出为...。 ②选择常用的网络格式如JPG或PNG，调整品质，然后点击全部导出。 师生互动 五 1、兼容性原则的概念 2、可扩展性原则对数字媒体作品的重要性 3、数字水印有什么作用 答案： 1、兼容性原则确保数字媒体作品在不同设备、不同操作系统下都能够顺畅运行。 2、可扩展性原则是数字媒体作品实现长远发展的关键。 3、版权保护与所有权证明、内容完整性认证与防篡改、信息附加与交互增强。 随堂练习 六 1 、以下（ ）‌是交互性原则的实现方式 A. 模块化设计 B. 提示框或引导动画 C. 数据加密 D. 分层架构 答案：B 解析：提供明确的操作引导，可以通过提示框或引导动画来实现。 随堂练习 六 2 、兼容性原则主要关注的是( ) A. 用户个性化 B. 多设备适配 C. 算法优化 D. 数据安全 答案：B 解析：兼容性原则要求在不同设备、不同操作系统下都能够顺畅运行 随堂练习 六 3 、性能优化原则的核心目标是( ) A. 提高兼容性 B. 提升用户体验 C. 增强安全性 D. 确保合法性 答案：B 解析：性能优化原则的核心目标是提升用户体验。 随堂练习 六 4 、模块化设计的作用是( ) A. 提高兼容性 B. 优化性能 C. 分解复杂系统为独立模块 D. 提供用户反馈 答案：C 解析：模块化设计能够将复杂的系统分解为多个独立的模块 随堂练习 六 5 、（多项选择题）合法性原则包括( )‌ A. 版权保护 B. 隐私保护 C. 内容合规 D. 性能优化 答案：ABC 解析：合法性原则包括版权保护、隐私保护、内容合规三个方面。 随堂练习 六 6 、（多项选择题）性能优化的具体方法包括( )‌ A. 优化算法 B. 合理压缩 C. 数据加密 D. 用户研究 答案：AB 解析：通过优化算法和合理压缩等方法来减少资源占用。 随堂练习 六 7、(是非选择题)可扩展性原则通过模块化和分层架构实现。 A.正确 B.错误 答案：A 解析：可扩展性原则通过模块化和分层架构实现。 随堂练习 六 8、(是非选择题)安全性原则仅关注数据加密。 A.正确 B.错误 答案：B 解析：安全性原则还包括权限限制、安全防护体系等 随堂练习 六 9、数字水印是一种 数字作品中的 ，它能够在 数字作品正常使用的前提下，有效地标识作品的 归属。 答案：嵌入 标记 不影响 版权 解析：数字水印是一种嵌入数字作品中的标记，它能够在不影响数字作品正常使用的前提下，有效地标识作品的版权归属。 课堂小结 七 谢谢 $