多媒体艺术编创第八章 多媒体界面设计形式与创意.ppt

《多媒体艺术编创第八章 多媒体界面设计形式与创意.ppt》由会员分享，可在线阅读，更多相关《多媒体艺术编创第八章 多媒体界面设计形式与创意.ppt（26页珍藏版）》请在三一办公上搜索。

1、多媒体艺术编创,第八章 多媒体界面设计形式与创意,本章要点,第一节 设计形式法则第二节 界面设计创意第三节 界面设计整合,第一节 设计形式法则,多媒体观众一方面从计算机屏幕上所呈现的视觉表征得到信息，做出反应；另一方面根据其美感经验，从计算机屏幕上赏心悦目的视觉呈现，引起他的良好沟通情绪。一个赏心悦目的视觉呈现有赖于设计者的创意idea、表现技巧technique、编排lay-out能力。目前许多国内设计的计算机屏幕视觉呈现是依赖设计者的感觉来处理，或者凭其多年的实务经验来完成。但是感觉对想学习多媒体设计的人是很难捉摸的。因此将美的原则运用于多媒体界面设计，形成多媒体界面设计的构成原理，可以帮

2、忙初学者；甚至对设计师而言，在其面临缺乏感觉的时候，还能创作出具水准的作品。,第一节 设计形式法则,动势,第一节 设计形式法则,均衡,第一节 设计形式法则,对称,第一节 设计形式法则,对比 大小的对比 明暗的对比 粗细的对比 曲线和直线的对比 质感的对比 位置的对比 主与从的对比 动与静的对比 多种的对比,第一节 设计形式法则,统一,第二节 界面设计创意,设计界面类似于面对一幅空白画布，每一位艺术家在开始做画之前准备调色版、画笔和构思，多媒体也不例外。设计界面的过程开始于将在制作整个产品中使用的所有视觉和听觉元素，这些元素必须产生于艺术家和技术家的想象。设计界面所包含的因素是极为广泛的，但在运

3、用中却只能有侧重、有强调的把握。设计因素虽多，但它仍是一个不可分割的整体。它的结果是物化的形，但这个形却是代表了时代、民族等方面的意识，并最终反映出人的“美”的心理活动。设计界面的艺术综合了技术、艺术，心理学上的技能它需要左脑和右脸都参与，优秀的界面简单且用户乐于使用，这意味着设计需适应硬件的局限。设计界面的运用，核心是设计分析。在一些国际性的大公司，如索尼、松下、柯尼卡等，都有许多的成功案例可为借鉴。如柯尼卡公司设计其相机时，首先不是去绘制“美”的形和考虑技术的进步，而是进行对象人的日常行为分析，作出故事版(STORY)。,第二节 界面设计创意,第二节 界面设计创意,在我们界面设计创意过程中

4、，需要注意以下几个方面：合理性，即保证在系统设计基础上的合理与明确,第二节 界面设计创意,动态性，即要有四维空间或五维空间的运作观念,第二节 界面设计创意,多样化，即设计因素多样化考虑,第二节 界面设计创意,交互性，即界面设计强调交互过程,第二节 界面设计创意,共通性，即把握三类界面的协调统一，功能、情感、环境不能孤立而存在,1、以沟通功能作为交互设计的核心 交互设计的关键是使人与计算机之间能够准确地交流信息。一方面，人向机器输入信息时应当尽量采取自然的方式；另一方面，机器向人传递的信息必须准确，不致引起误解或混乱。使阅读、导航与主体内容泾渭分明，充分体现人机的交互功能。这样设计出来的多媒体作

5、品不但能够突出主题，而且易于读者的阅读。,在多媒体节目中，我们一般会设计一个导航页面来让读者宏观的把握多媒体节目的内容。,第三节 界面设计整合,2交互方式力争一致 一致的交互方式不致增加阅读着的负担，让阅读着始终用同一种方式思考与操作。最忌讳的是每换一个界面用户就要换一套操作方法。Windows下的应用软件之所以倍受青睐，与其界面的一致性不无关系。,在多媒体作品0.618的韵律中，设计者使用了一致的交互方式，基本导航和使用工具都采用了相同的造型和位置。,第三节 界面设计整合,2交互方式力争一致 在多媒体作品时钟之旅中，设计师就注意了交互方式的一致性，在作品中，基本导航工具都是相同的造型和位置。

6、,第三节 界面设计整合,3交互设计必须使读者随时了解浏览的情况 交互设计应该能够告诉读者现在阅读的内容在整个节目中的具体位置。特别是在需要复杂导航的时候，必须让读者了解他的阅读情况，如他的同级关系、上下级关系等。切不可让用户面对着一个没有反应的屏幕，以致怀疑是否出现了死机现象。,第三节 界面设计整合,3交互设计必须使读者随时了解浏览的情况 在多媒体节目运行前，我们一般设计一个loading画面，提示读者节目正在载入。在多媒体作品怎样制作你的电影中中，作品提供一个非常帮的工具，利用这个你可以知道你身处何处,第三节 界面设计整合,4交互设计在界面中必须能够给读者提供帮助减少读者挫败感多媒体节目在制

7、作的时候决不可以认为读者都是电脑专家，无需提供帮助。挫败感的范围从轻微的不满到极度的愤怒有很多种（达不到读者用户的预期期望；错误的信息；界面过于杂乱、艳丽、花招摆出没头没脑；引导读者执行了许多步骤之后出错，导致读者要从头开始）。有关的文字、图形提示、信息、说明应该放在随手可得的位置。,第三节 界面设计整合,4交互设计在界面中必须能够给读者提供帮助减少读者挫败感,第三节 界面设计整合,5、信息或数据的视觉化在我们的日常工作学习中，大量的信息是人们难以从中筛选有用的信息，此时信息视觉化，信息体验化，通过特别的信息导航，使用户能够从中得到更深层次的理解，更快的作出决定。,如图，在美国2004大选中，

8、有大量的信息和报道充斥着人们的耳目，TIMES通过一个网络终端把各种数据视觉化，再提供清晰的导航给人们提供信息，使人们可以快速的获得信息，并直观的理解信息并作出决定。我们的日常工作学习。,第三节 界面设计整合,6、交互方式的丰富性一个多媒体节目里交互性的是否丰富直接影响读者的兴趣，丰富的交互性可以最大限度的吸引读者注意力，达到充分传递信息的目的。,Nike iD美国的交互界面，让用户可以在特定的鞋款上，自己配色、加上个性化的图案。在强调DIY的今天，耐克这个互动界面给用户们提供了一个可以发挥想象力的空间，让他们自己来体验设计、体验耐克文化。这种灵活的控制使得整个多媒体灵活的随着用户的意愿而作出

9、响应。,第三节 界面设计整合,7、交互方式的情感内涵行为的设计是关于产品看上去和用起来的感受使用产品的全部体验。而反应性则是用户后来的想法，这个产品给用户是怎样的一种感觉，它所描绘的图像，以及它所传达给其他人的关于它的主人的品位形象。,在多媒体节目风筝中，设计师实际上就充分利用了风筝本身的特点来设计交互和转场，达到引起读者情感共鸣的目的。,第三节 界面设计整合,8、用界面影响用户在我们的生活中会有很多情感上的反应。有很多的情感因素会影响用户的选择。所以我们就应该设计一个有情感的界面。涉及情感界面的一个众所周知的方法就是使用富含有表情的图表和其他图形元素来表达情感状态。当然还有声音。,第三节 界面设计整合,