第7章 多媒体产品开发技术

7.1.1 多媒体创意设计简介 7.1.2 多媒体创意的实施方法
7.1.1 多媒体创意设计简介
1.多媒体产品的创意设计 1.多媒体产品的创意设计
（1）要在媒体“呈现”和“交互”两项上多进行思考和研究，在屏幕设 计和人机交互界面上下功夫。 （2）应包括各种媒体信息在时间和空间上的同步表现，即对计算机屏幕 进行空间划分，在空间与时间轴上进行立体构思，组构完成和谐的 设计蓝图。 （3）应用软件开发的方法和技术进行开发，甚至包括具体术语，如脚本、 编号、剪接、分镜头等。 （4）要充分考虑到该应用系统设计所采用的编程环境或创作工具的功能 与特点，特别是计算机资源，以免创意太脱离实际的应用设计水平。
1.图像的美学基础 2.色彩的作用 3.色彩的运用
7.2.3 多种数字信息的美学基础
1.图像的美学基础 1.图像的美学基础
（1）图像画面的“形”与“色” （2）视觉要素与量感 （3）对比 （4）均衡 （5）变化
7.2.3 多种数字信息的美学基础
2.动画的美学基础 2.动画的美学基础
动画和静态图像不一样，它的 特点是动态、实时。因此，动画美 学除了研究色彩和版面布局外，还 主要研究画面的调度和运动模式。 在制作多媒体作品时，动画的设计 要多借鉴影视作品的拍摄手法和艺 术。比如，在影视作品中有各种各 样的镜头效果（推、拉、摇、移、 特效等，在设计动画时就可以借鉴 这些镜头效果以实现动画内容的艺 术性和表现力。如右图所示，是利 用推镜头设计的一个动画效果。
7.2.2 色彩设计和视觉效果
1.色彩设计基础
（1）三原色与三补色概念
三补色则是由三原色中的两种原色 混合起来的颜色，即红色与绿色相混合 得到的补色是黄色，红色与蓝色混合得 到的补色是品红，而绿色与蓝色混合得 到青色。如右图所示，可以清楚的看到 三原色与三补色之间的关系。
三原色与三补色
7.2.2 色彩设计和视觉效果
1.色彩设计基础
（2）色彩三要素 视觉所感知的一切色彩形象，都 具有明度、色相和饱和度三种性质， 这三种性质是色彩最基本的构成元素。
●
色相，顾名思义，色相就是颜色 的相貌，正是由于颜色具有的不 同相貌特征，才使人们置身于一 个彩色的世界。一般把颜色的基 本相貌分为红、橙、黄、绿、蓝、 紫，在两个色相 中间再插入一两 个中间色，得到了颜色的十二种 相貌。
冷暖色划分
7.2.2 色彩设计和视觉效果
2.色彩的作用
（1）色彩对于屏幕组织提供更好的结构和意义。
（2）色彩本身就可以用作视觉代码。
（3）色彩增加屏幕吸引力，能激发学习者的兴趣。
7.2.2 色彩设计和视觉效果
3.色彩的运用
在选用色彩设计软件屏幕时，最重要的是明确色彩使用的目的 和可能的作用，力求发挥色彩辅助交流、促进信息传播的作用。要 做到合理运用应注意以下几个方面。
7.1.1 多媒体创意设计简介
2.多媒体产品创意设计应注意的问题 2.多媒体产品创意设计应注意的问题
（1）对图像、动画、音乐及效果设计，尽量与专业人员互相讨论，互 相沟通，特别讲究灵感。 （2）创意设计首先要注意扣紧主题，对准设计目标，而不可一味追求 新、奇、特。
7.1.2 多媒体创意的实施方法
7.2.2 色彩设计和视觉效果
1.色彩设计基础
（4）色彩的冷暖划分 红色属于暖色，蓝色属于冷色，绿色 属于中性色。色彩有冷暖的感觉，冷 暖色同样也会给人造成心理人、情绪 上的影响。红色温暖、蓝色清凉是众 所周知的。 在色相环中，一般把桔红色定为”最暖 色“，称为”暖极“，天蓝色定为”最冷色“， 称为”冷极“；靠近”暖极“的颜色称为”暖 色“，靠近”冷极“的颜色称为”冷色“，而 与冷暖色距离相等的颜色称为”中性色“。 可以通过色相环上对冷暖色加以划分。
7.2.2 色彩设计和视觉效果
1.色彩设计基础
（3）色彩感觉 红色——是一种让人兴奋的色彩，属暖色。它能使人产生冲动、 愤怒、热情与活力。 绿色——是一种和平色，属于中性色。会产生宁静、自然、安 全的感觉。 蓝色——属于冷色，它使人产生一种清新、凉爽的感觉，也会 —— 使人联想到博大、遥远。 黄色——明度最高的颜色。会使人产生快乐、希望，也使人联 想到权力、辉煌。 橙色——具有轻松、热烈、温馨的感觉。 白色——纯色、明快的感觉，也联想到虚无。 黑色——深沉而神秘，可使人觉得压抑、悲哀，也使人联想到 庄严与高贵。 紫色——淡紫色优美活泼，而大面积的紫红色会使人产生恐怖， 暗紫则 使人联想到灾难。
7.2.3 多种数字信息的美学基础
3.声音的美学基础 3.声音的美学基础
声音媒体都是以语言、音乐和音响效果三种形式出现的。对于多媒 体产品，语言不再是对白和画外音，一般采用解说词形式；音乐也基本 上不用歌曲，而以背景音乐为主。三种形式的声音媒体，尽管表达方式 各异，但都可以在呈现教学内容广大方面发挥各自的作用。 解说词的作用是表“意”。由于话音语言的逻辑性强，能够系统和完 整地表达概念和理论，因此完全可以配合画面中的图、文表述教学内容 的具体含义。一般地讲，在三种声音形式中，解说词是主体。
2.多媒体软件界面设计 2.多媒体软件界面设计
（3）多媒体软件界面的设计方法
进行多媒体软件界面设计时， 主要从屏幕界面的布局、文字用 语的合理使用、色彩的选择等方 面着手。如右图所示，这个多媒 体软件的界面色彩简洁、布局合 理，给人一种和谐统一的感觉。 《中师代数》多媒体课件设计界面
7.2.2 色彩设计和视觉效果
7.1.2 多媒体创意的实施方法
3.美学设计 3.美学设计
其次，设计多媒体产品时要 其次 考虑用户的年龄、爱好、个性、 学习风格以及用户所具备的文化 涵养。如右图所示，这是一个面 向小学生的多媒体产品界面，因 此界面设计得可爱、活泼。
7.1.2 多媒体创意的实施方法
3.美学设计 3.美学设计
第三，设计多媒体产品时要注意内容的表现形式应该丰富多彩， 第三 凭借多种媒体技术，从多种感官来激发用户学习的愿望， 充分调动用户学习的积极性，使用户具有强烈的学习动 机和学习兴趣。 第四，设计多媒体产品还要注意形式与内涵的处理，即产品要 第四 具有深刻的文化气息、人文内涵，这样的产品才会受到 用户的欢迎与喜爱。
多媒体产品的设计要用到各种各样的颜色，以形成色彩缤纷的屏幕， 这也是多媒体产品吸引用户的原因之一。色彩可以吸引用户的视觉感官， 从而引起注意，只要色彩使用恰当，就能促进对屏幕上各部分的识别， 突出差异，使显示更富有趣味性。但如果颜色使用不当，则会分散人的 注意力，使人的视觉更容易疲劳。
1.色彩设计基础 1.色彩设计基础 2.色彩的作用 2.色彩的作用 3.色彩的运用 3.色彩的运用
7.2.1 wenku.baidu.com面构图
多媒体产品的构图强调版面的对比与统一、平衡与对称、韵律与节 奏等。这些均是平面构成的美学基础。
1.构图规则 2.多媒体软件界面设计 3.美学设计
7.2.1 平面构图
1.构图规则 1.构图规则
（1）对比与统一 （2）对称与平衡 （3）韵律与节奏 （4）渐变与突变
7.2.1 平面构图
十二色相环
7.2.2 色彩设计和视觉效果
1.色彩设计基础
（2）色彩三要素
●
明度
明度就是表示颜色所具有的亮度和暗度。在无彩色中，最亮的是白色，最 暗的是黑色，中间是人亮到暗的灰色系列。在有月色中，最亮的是黄色， 最暗的是紫色。用句通俗的话来说，明度高色彩就较亮，明度低色彩就比 较灰暗。
●
饱和度
也叫纯度，是指色彩的鲜艳程度。有了饱和度的变化，才使色彩显得极其丰 富。比如绿色，由于纯度的不同又可分为浅绿色、深绿色、灰绿色、暗绿色 等。纯度体现了色彩内在的品格。同一个色相，即使纯度发生了细微的变化， 也会立即带来色彩性格的变化。
第7章 多媒体产品开发技术
本章主要内容
多媒体创意设计 多媒体产品开发的美学基础 多媒体软件工程基础
7.1 多媒体创意设计
多媒体软件产品离不开创意设计，创意设计是产品的灵魂，是产品 的精华所在，只有产品具有了创意，产品和各个方面才具有生命的活力， 才能吸引用户，才能在功能、艺术、美学上满足用户的需要。
7.2 多媒体产品开发的美学基础
多媒体产品的开发不仅要注重技术，还要注意产品的艺术性，从产 品的本质即内容、形式即画面构成、意蕴即内涵和意蕴来考虑，借鉴美 学中的审美规律，为多媒体产品的成功设计与创意的实现打好美学基础。 多媒体产品开发的美学基础包括平面构图、色彩设计、色与光的运用等。
7.2.1 平面构图 7.2.2 色彩设计和视觉效果 7.2.3 多种数字信息的美学基础
2.多媒体软件界面设计 2.多媒体软件界面设计
用户使用多媒体软件时，最先接触到的是软件的界面，通过感 受软件界面上的色彩、图案、物体、创意等，形成对软件的第一印 象，然后用户又通过界面上提供的各种信息和功能元素进行学习， 可以说多媒体软件界面是用户对软件最初、最深，也是最重要的印 象。友好的屏幕界面能使教学软件容易被理解和接受，又能让用户 容易掌握和使用。
（1）菜单技术 （2）积件技术 （3）交互技术 （4）整合技术
7.1.2 多媒体创意的实施方法
2.功能设计 2.功能设计
（1）菜单结构设计 （2）按钮功能设计 （3）系统错误处理 （4）帮助系统
全屏菜单
产品标题
导航按钮1 导航按钮2 导航按钮3
帮助按钮
其他按钮
退出按钮
框架菜单
当前主菜单项主题名
动画中的推镜头作用
7.2.3 多种数字信息的美学基础
3.声音的美学基础 3.声音的美学基础
背景音乐的作用是表“情”。音乐是另一种类型的声音语言，它 以不同于解说词的特有方式表述教学内容，如同图形、图像以不同文 字的方式表述教学内容一样。因此，运用背景音乐配合画面表述教学 内容时，需要具备起码的音乐素养，并且了解音乐表现的特点。与解 说词相比，背景音乐属于陪衬角色。 音响效果的作用是表“真”。音响是指画面上物体运动或变化时 发出的声音，要求逼真。画面呈现教学内容，如果配有音响效果，可 以增强真实感和教学效果。与解说词相比，音响效果也属于陪衬角色。
（1）注意颜色数据的多少，避免色彩过多杂。 （2）注意色彩的敏感性和可分辨性。 （3）注意色彩的含义和使用者的不同文化背景。 （4）根据不同区域的作用来决定屏幕上不同部分色彩的选用。
7.2.3 多种数字信息的美学基础
信息是多种多样的，丰富而变化万千，呈现给人类的信息形式 也是多种多样的。多媒体产品中的数字信息主要以文字、图形和图 像、动画、视频和声音等形式展现出来，这些媒体形式在多媒体产 品中的呈现也要遵循一定的美学知识，才能正确表达信息让受众接 受，并让受众受到具有艺术美感，富有教育启迪意义。
7.2.1 平面构图
2.多媒体软件界面设计 2.多媒体软件界面设计
（1）多媒体软件界面的构成
软件界面是呈现在用户计算机显示器屏幕上，使学习者与多媒体教 学软件之间传递信息的媒介。在软件中根据教学的用途与作用不同，可 以分为数据输入屏幕、咨询屏幕、多功能屏幕、菜单屏幕、信息呈现屏 幕等，这些屏幕通常采用图形用户界面。多媒体教学软件的屏幕界面主 要由窗口、菜单、图标、按钮、对话框、信息提示框等组成。
产品主题名
主菜单项一
主菜单项二 次级菜单1 次级菜单 次级菜单2 次级菜单 主菜单项三 次级菜单3 次级菜单 帮 助
当前菜单项内容
退
出 上一页 下一页
7.1.2 多媒体创意的实施方法
3.美学设计 3.美学设计
首先，多媒体产品要具有 首先 吸引人眼球的界面，界面中的 各种元素安排布局和谐统一， 简洁清晰。如图所示，这个多 媒体作品的界面主题表达清晰， 内容安排合理。
多媒体产品有了创意只是产品有了好的开始，还必须将创意实现出 来，它需要技术的支持，需要在功能上不断完美、不断满足用户的需求， 在人文、艺术、视觉传达、文化等方面进行美学上的设计。
1.技术设计 1.技术设计 2.功能设计 2.功能设计 3.美学设计 3.美学设计
7.1.2 多媒体创意的实施方法
1.技术设计 1.技术设计
7.2.1 平面构图
2.多媒体软件界面设计 2.多媒体软件界面设计
（2）多媒体软件界面的设计原则 软件界面的设计不仅仅是一门科学，它更是一门艺术。为了将屏 幕设计得有深度和精巧，要遵循一系列设计的指导原则。 1.一致性 2.权衡性 3.灵活性 4.简洁性 5.可理解性 6.自然性
7.2.1 平面构图