1、多媒体作品赵州桥界面设计分析13 设计学2013918276宋文姣摘 要界面是一个作品与受众者的交流沟通的窗口，体现了整个作品的视觉效果，是多媒体作品中重要的组成部分。契合作品主题的界面设计有助于受众者更好地理解作品内容，要更生动、更直观，才能充分体现多媒体的优势,使整部多媒体作品充满韵味。本文结合设计作品赵州桥 ，探讨了多媒体界面的布局、视觉元素设计和功能元素设计的规律和具体方法，并总结了加强作品的多样性和趣味性的多媒体界面设计方法。关键词：建筑 古典元素 界面设计 ABSTRACTInterface is a work with the audiences communication wi
2、ndow, reflects the work of visual effects, multimedia works, an important component.Fit themes of interface design will help readers to better understand work content, to be more lively, more intuitive, can fully realize the multimedia advantages, so that the entire multi-media work is full of charm
3、.This paper work “arch bridge“ to explore the multimedia interface, the layout, visual elements of design and functionality elements of design rules and specific methods, and summarizes the strengthening works of diversity and interesting multimedia interface design.Key words: Building Element Inter
4、face design目 录1 引言12 多媒体作品赵州桥的选题原因13 调查及准备13.1 多媒体北京印象的分析23.2 多媒体盛世钟韵的分析23.3 多媒体众妙之门的分析24 作品设计方案的选择25 设计作品的表现35.1 界面布局设计35.2 界面形式要素设计35.2.1 界面的色彩设计35.2.1.1 片头色彩设计35.2.1.2 主界色彩设计45.2.1.3 各级界面的色彩设计45.2.2 界面的图像设计45.2.3 界面的文字设计45.3 界面功能要素设计55.3.1 界面的按钮设计55.3.2 界面的热区设计5结 论6参考文献 71. 引言 随着多媒体技术的快速发展,现在越来越多
5、的多媒体作品出现在人们的生活中。多媒体作品的设计也越来越丰富，形式多样化。但是这些多媒体作品中，表现建筑类方向的却很少，而且表现形式也比较单一。单一的表现形式会使受众者对多媒体作品提不起兴致,使作品的宣传力和影响力大大降低。作为优秀的建筑类多媒体作品，应该注重作品的表现手法，准确的传递作品的信息，更需要增强作品的艺术效果，营造作品的艺术氛围。在界面设计上应该不同于其他类型的多媒体作品，因为界面是一个作品与受众者的交流沟通的窗口，体现了整个作品的视觉效果，是多媒体作品中重要的组成部分。契合作品主题的界面设计有助于受众者更好地理解作品内容，要更生动、更直观，才能充分体现多媒体的优势,使整部多媒体作
6、品充满韵味。2. 作品选题立意多 媒 体 作 品 赵 州 桥 是 主 要 以 介 绍 赵 州 桥 的 历 史 、 赵 州 桥 的 设 计 理 念 、赵 州 桥 的 创 新 和 传 说 为 主 体 。 作 品 的 风 格 简 洁 大 方 ， 作 品 中 运 用 的 中 国 古 典水 墨 元 素 符 合 人 们 的 视 觉 感 受 ， 界 面 设 计 生 动 形 象 ， 通 过 新 颖 的 设 计 手 法 ，使 人 们 通 过 这 部 多 媒 体 作 品 对 赵 州 桥 有 更 深 的 认 识 和 了 解 。赵 州 桥 是 拥 有 1400 多 年 历 史 的 古 代 桥 梁 ， 它 处 处 都
7、体 现 着 中 国 古 代 工匠 们 的 聪 明 才 智 。 象 赵 州 桥 这 样 古 老 的 大 型 敞 肩 石 拱 桥 。 在 世 界 上 相 当 长 的时 间 里 是 独 一 无 二 的 。 我 们 希 望 通 过 多 媒 体 作 品 互 动 、 直 观 、 清 晰 的 图片、视频、声音等多方位的表达方式，能让受众者更直观、清晰的学习赵州桥的历史、设计和特色。3. 设计调查与准备现在的多媒体作品普遍都存在形式单一的问题，使受众者浏览的过程变得枯燥乏味，因此在多媒体的表现形式与操作使用上，均应充分考虑界面设计，吸引受众者的关注，提高作品的宣传力和影响力。因此进行了对优秀多媒体作品的调查和
8、研究，体会优秀的界面设计方向。3.1 多媒体作品北京印象分析多媒体作品北京印象主要介绍北京的历史发展，时代变迁、独特的人文风情。在这部作品中，界面设计给人留下了深刻的印象。作品在主界的设计上特别用心，以窗户为隔断，使主次分明。背景中衬托出北京的特色文化，使界面与主题相结合。3.2 多媒体作品盛世钟韵分析多媒体作品盛世钟韵主要介绍了中国编钟的历史渊源、传承与发展。界面设计气势恢宏，虚实处理得当，在这部作品中，界面设计大气，层次分明，富有细节。界面中把编钟的细节加以强化，隐约可见的龙纹样式，融合在钟的表面，使画面的细节感增强。界面的色彩对比强烈，给人一种震撼的感觉，使人印象深刻。例如在插古钟铸造的
9、界面中，左下方的冷蓝色与右上方的暖黄色给人鲜明对比。古钟的特写镜头光感效果处理得当，右下角的花纹运用发光效果，即增添了细节又不抢主体古钟。3.3 多媒体作品众妙之门分析多媒体作品众妙之门是一部关于八卦太极的作品。在这部作品中，界面设计大气，风格清新古朴，充分的与主题相结合。界面设计层次分明，例如主界面的界面设计，可以清楚地分出各层次。深深浅浅的墨圈，布局错落有致，结合了八卦太极中相通相容的道理，在界面的中心可以隐约的看见太极八卦的阴阳图，更贴切主体。四周虽然是介乎于白色，但是在白色里又可以看到有细节的花纹装饰，使界面看起来不单调。热区位置围绕中心的题目扩散开来，既有连接又有独自的特性。4. 设
10、计方案的选择多媒体作品赵州桥的内容主要以介绍赵州桥的历史渊源、赵州桥的设计特色和赵州桥的传奇色彩为主体。因为赵州桥给人的感觉就是古朴和传统，所以作品的风格定位为简洁大方，作品界面中运用中国古典元素，因为赵州桥是拥有悠久历史的古代桥，并且代表了古人的智慧。采用水墨风格，符合人们对历史和文化的视觉感受，界面设计里，利用桥本身的曲线美感,打破界面的死板，并按照视觉心理规律和形式将主题主动地传达给观赏者。5. 设计作品表现在确定了整体的作品界面设计方案后，我们将作品从以下几个部分，分别进行设计。5.1 界面布局设计界面的布局方式和展示形式是最直接的影响着受众者的因素。合理的布局可以令受众者快速的了解作
11、品。如果界面布局不合理，那么受众者不知道如何开始获取作品的信息，会很快对作品失去兴趣。所以界面的布局设计要迎合受众者的心理，也要简洁明了。界面的布局更应该遵循基本的美观法则，应该符合统一、对比、对称、均衡的原则，以构造出和谐、流畅、自然的界面。 多媒体作品赵州桥的界面布局考虑到了对比的原则。能增强界面的视觉效果。一级界面“传奇”中，界面的上下设计为黑色带有过度的条纹，这样使得中心向上下连接带有过度效果。左下角是赵州桥的历史文化纪念建筑，只体现了局部，更能增强视觉效果。右边是传奇的文字，大小错落有致，拼音与汉字的结合和谐统一，保持各自的个性特征又取得了整体的协调感。为了造成生动对比的视觉效果，文
12、字的突出与背景也形成了对比效果。5.2 界面的形式要素设计在多媒体作品中，大多设计都采用一种模式生搬硬套，而不去考虑其形式的设计是否与作品整体内容统一。在设计形式上要服务于内容，明确内容和再决定采用什么样的风格和形式，以达到内容与形式的统一。内容是设计的灵魂；形式是构成内容结构和外部的表现方式。内容决定形式，形式反作用于内容。一个优秀的界面设计必定是形式对内容的完美表现。在界面设计中以布局、色彩和交互三个方面来达到形式的统一，只有遵循这种规律将内容和形式有机的统一起来，深入作品的主题精髓，再融合自己的思想感情，找到完美的表现形式，才能体现出艺术设计的分量和特有价值。5.2.1 界面色彩的设计在
13、多媒体作品赵州桥中，我们用色彩划分区域和内容。用色彩引导、吸引受众者对内容产生兴趣。5.2.1.1 片头色彩设计片头色彩以清新淡雅的风格为主，古典的水墨山水形式贯穿整部作品。增强人们对赵州桥古朴简洁的感觉。片头以一张水墨静态图片为背景，颜色设定时刻体现赵州桥的风格，紧扣主题，以冷色调为主，从最初的山脉呈现冷蓝色过渡到到清新的小船和荷塘景色，再到引出黑白水墨效果的赵州桥、结束时的青墨色，都给人朴素、爽快的感觉。5.2.1.2 主界的色彩设计首先，考虑到赵州桥是一个古代建筑， 赵州桥作品的主界面色彩设计使用了大面积的白色，利用白色的自然和淳朴，带给人们明亮、朴素、稳重的情感，同时这一主色调也和其他
14、界面色调统一起来。主界面的设计中，中间区域选择了赵州桥的文字大标题，颜色以深红色为主，更能引起人们的注意力。背景中赵州桥的外形若隐若现，突出中心文字。为增强其重点。主截面的四个边角设计为进入一级级面的热区。每个热区的代表颜色都不相同。比如左上角的颜色是蓝色为主的墨点元素，进入到一级界面的渊源中也是以蓝色为主体的。蓝色是永恒的象征，纯净的蓝色表现出一种美丽、文静、 理智与洁净。由于蓝色沉稳的特性，具有理智，准确的意象，所以关于历史渊源的这个方面选用了蓝色为代表色。5-1 赵州桥主界5.2.1.3 其它界面的色彩设计一级界面“渊源”的色彩基调以淡蓝色为主，蓝色是博大的色彩，也是永恒的象征。蓝色是冷
15、色调，它代表了一种平静、理智与纯净。用淡蓝色代表赵州桥的历史最不为过了。界面中左下方设计为湖水的淡蓝色，正好与上方天空中隐约的蓝色相呼应。二级界面“历史修缮”中，背景的大片蓝色使用增添了理智的心理感觉。因为所描述的内容是赵州桥的历史背景和它所经历过的修缮，所以继续使用蓝色。残缺的桥身隐约在一片蓝色山脉中，更能增添赵州桥的平静。5-2 赵州桥一级界面二级界面“桥之三绝”的色彩基调以暖褐色为主，带给人一种厚重的感觉。左上角的水墨效果的树枝也呈现出褐色，正好与右下角的赵州桥身的颜色遥相呼应。纯度没有那么高，所以更给人一种舒缓的感觉，在视觉上不产生冲突，也更容易让人接受。这个界面的色彩设计符合这个版块
16、的内容定义，颜色的配合使用也给作品带来了新的光彩。5.2.2 界面图像的设计图形图像是界面的重要组成部分，在传递形象信息，吸引读者的注意力，美化界面等方面具有独特的魅力。图形图像能够将信息传达的更立体、真实、直接，更容易理解，从而精准的表达设计意念，使本来平淡的事物变得强而有力。在赵州桥中，图片的选择进行了精选，避免了重复在不同的界面中，还根据内容的需要对图片做适当的处理。如二级界面“桥之三绝”中，根据内容的需要对桥的图片进行了处理，把原图的桥的形状单独裁切下来，突出了桥的形态。使桥本身与界面衔接的更协调自然。又如一级界面“渊源中，界面中右边呈现的是赵州桥上一个竹节柱，而没有把全部的柱子都放上
17、去或者放赵州桥整体的图片。单独的处理了竹子的边缘，使柱子和水墨点融合起来。增添了界面的艺术感，也增添了作品内容的神秘感。5.2.3 界面文字的设计文字是界面中的重要因素之一，界面文字的主要功能是在视觉上向受众者传达作品的信息，要想达到这个目的，文字的整体设计必须给人以清晰的视觉印象。所以界面的文字设计应该避免复杂凌乱，应该使人容易辨认，容易理解能够给人以美的感受，通过文字能够有效的传达出作品的内容和主题。界面文字的设计要服从整个作品的风格特征。不能和整个作品的风格脱离，否则就会破坏整个作品的艺术效果。文字的巧妙组合能带给人愉快的感觉，留下美好的印象，从而获得良好的心理反应。反之，会在视觉上难以
18、产生美感，甚至会让受众者拒而不看，这样也就很难传达出作品的内涵。多媒体作品赵州桥是一部古代建筑类型的作品，所以风格定位是古朴大方和简洁明了。文字的设计为了符合整体作品的风格选用了毛笔字体，每一级得字号大小都有所区别，更能体现每个部分的偏重。一级界面特色中，文字的设计是毛笔效果和拼音相结合，这样为了增强视觉传达的效果，赋予审美情感，诱导人们有兴趣的进行阅读。由于背景较浅所以文字的颜色设定为黑色，这样也统一了基调，同时也突出了字的形态。在文字特色的周围添加了白色的发光效果，使文字的外边和周围背景结合起来。5-3 赵州桥一级界面5.3 界面功能要素设计界面的功能要素设计是最直接影响受众者与作品建立关
19、系的环节。有了功能要素设计，受众者就能够参与到作品中来，真正理解作品的内涵。5.3.1 界面的按钮设计按钮是多媒体作品中重要的功能要素。它服务于受众者，使受众者可以通过按钮来达到一个与作品交流互动的过程。按钮具有指示说明的作用，指导和帮助受众者阅读作品。按钮设计可以有很多种形式，比如说箭头、几何图形或者文字形态。多媒体作品赵州桥的按钮设计明朗直观，以文字形式为主，分别为返回、音量、导航、上级和下级。文字结合印章图形，设计为反白效果，再加上有印章的红色为衬底，显得格外醒目。按钮的位置设计在每个界面中的右下角，这样既方便了受众者查找也使按钮的使用性更人性化。每个按钮都简洁明了，大小都有所区别，使受
20、众者可以清楚地了解其功能和含义。5-4 赵州桥导航5.3.2 界面的热区设计多媒体作品中热区是不可缺少的一个重要的部分。热区是多媒体作品交互设计的重要环节，并成为了一部多媒体作品能否与受众者建立联系的关键。所以热区设计通常是最关键的，它将受众者的视觉首先集中在热区上，通过热区的提示从而进行下一步的操作。在多媒体作品赵州桥的热区设计上，通过简洁明了的形式，让受众者很容易的意识到热区的位置，进行下一步的交互性的操作。在一级界面“渊源”中，当受众者进入这个界面时，能在界面中看见，文字标题作为热区的地方，有鲜亮的效果，当鼠标滑过时，就会在文字上出现醒目的亮点效果，从而让受众者意识到这是热区的位置，好进
21、行下一步的点击交互操作。结 论本文主要对毕业创作中分析研究的一些问题、解决的办法以及对作品中界面设计的运用做了一些论述。探讨了界面设计在多媒体作品中的重要性，在这次创作中，我对界面设计有了很多新的认识和更深入的理解。毕业设计从定选题到最后制作完成，这个过程不但令我的专业技法有所提高，而且是对我综合能力的一种锻炼。总之，毕业设计是对我大学四年学习的一个总结，也是我学习生涯中的一个重要阶段。参考文献1 林晓东. 建筑设计建筑学课程设计.南京: 江苏科学技术出版社，20052 刘国庆. 赵州桥.赵县:赵县文印社，20053 徐瑾. 多媒体作品创意设计与实现.北京: 北京师范大学出版社，20094 游泽清. 多媒体画面艺术设计.北京: 清华大学出版社，20095 韦艳丽. 多媒体设计.北京: 北京理工大学出版社，20066 张彬. 赵州桥.北京: 中华书局出版社，19627 阿恩海姆美 著，宁海林 译. 建筑形式的视觉动力.北京: 中国建筑工业出版社，20068 陆大道. 中国国家地理（最新版）.河南: 河南教育出版社，2007 9 崔国辉. 中国赵州桥（纪念建桥一千四百周年）.赵县: 赵县文物保管所，200010 李智慧. 中国民间故事精选.北京:人民文学出版社，2008
