论在线数字展示项目中平面设计的应用

张文婷

摘 要：随着计算机与网络技术的发展，展览展示已不局限于实体而开始向网络化转变，能运用的展示手法更多、同时受众群体范围更广。平面设计作为数字展示项目中最直接的信息传递渠道，将遭遇到更新的任务和要求。文章以数字科技馆建设项目为例，通过对其首页、数字展项、数字展板、移动端页面等四个主要部分的平面设计进行分析，探讨在线数字展示项目中平面设计的基本原则，以期对未来同类项目的平面设计提供参考和经验借鉴。

关键词：在线数字展示； 平面设计； 数字展馆

检 索：www.artdesign.org.cn

中图分类号：J50-05 文献标志码： A 文章编号：1008-2832（2014）08-0048-03

The Application of Graphic Artist Designer in Online Digital Exhibition

ZHANG Wen-ting

（Fujian Science and Technology Museum， Fuzhou， 350001， China）

Abstract ：With the development of technology and network， exhibitions have been changing to online， no longer limited to substance. More and more technique could be used， and the spectators are extending to more people. As the direct channel of information， the designer will face new missions and demands. Take building the digital scientific and technologic museum for an example， we will analyse the grapic artist designer of its home page， digital exhibits， digital boards， and pages of the mobile version. Then we summarize the principle of the designer in online digital exhibitions， expecting similar projects using it for experiences and reference in the future.

Key words ：online digital exhibition； graphic artist designer； digital museum

Internet ：www.artdesign.org.cn

随着计算机网络技术、动画技术、程序开发技术的成熟，展览展示不再局限于实体展馆，人们将能够通过网络随时随地地在数字展馆中参观。以数字科技馆为例，它将传统科普展品进行数字化开发，力求数字展品与原展品保持同样的互动性和生动性；同时数字科技馆又是一个面向公众的科普资源共享平台，为社会提供优质科普资源服务，因此它又兼具科普资讯门户的性质。在数字科技馆中，用户将获得与实体科技馆相同、甚至更多的参观体验。为了达到最优化的展示效果，相比实体展馆，数字展馆的平面设计需综合考虑内容主题、用户体验、程序可实现程度、网络速度等多方面因素，因此将遭遇新的任务与更高难度的挑战。作为新兴的展览展示形式，平台与内容兼具的数字展馆在国内仍为数不多，本文对数字科技馆中各类平面设计工作进行分析，探讨数字展示项目中平面设计的基本原则，以期对未来同类项目的平面设计提供参考和经验借鉴。

一、数字科技馆中平面设计综合应用的分析

在数字科技馆整体建设项目中，涉及平面设计的部分主要有：平台页面、互动内容、科普挂图和移动端页面的设计。以下就结合实际创作过程对各部分进行分析。

（一）平台页面的设计

首页是数字科技馆给予用户的第一印象，是展馆主题的最直接表达；页面性质和主题是决定平面设计风格的最主要因素。在设计过程中，首页版式有两种不同选择：一是采用简洁风格，将首页长度控制在一屏以内，以大幅图片为主，各主要栏目菜单排列于下方；二是采用门户网站风格，页面长度在两屏左右，各主要栏目以小窗口进行分布。两种风格各有优势，但考虑到将数字科技馆定位于科普资源的门户网站，有别于科技馆官网进行形象展示与信息发布，最终将二者进行融合：首页Banner采用大幅图片，与热点栏目共同占据一屏空间，让用户快速对数字科技馆的整体形象形成清晰的印象；而当用户下拉页面后，通过多样的栏目窗口，又能感受到丰富的科普信息储备。

在版面排布上，尤其要考虑重点突出、主次有序。除Banner部分外，整体划分为四块区域：热点推荐和热门专题让用户第一时间掌握最新的资讯与专题；数字科技馆的四个主要子展馆以分栏形式出现，配有缩略图、文字简介及热点内容，这样不仅让观众对主要结构形成直观的认识，也方便进入主要展馆与展项；为了强调丰富的影视资源与游戏资源，右侧设置了专门入口，但由于大家对这两个概念都较为熟悉，只需要出现名称和设计图，不需赘述；为了在有限的栏目中尽可能多地展示丰富的资源，数字科技馆可以多采用动态网页技术，通过滚动、轮换等方式展示同类栏目下的多个主题，也能够达到生动展示的目的，不致产生视觉疲劳。

在配色和图片素材选择上，设计考虑以数字科技馆主题出发。由于所设计的是福建数字科技馆，必须有别于其他省市的展馆，突出福建地方特色。福建是一个多山面海的省份，其科技、文化的发展均受到这种地理环境的影响。因此，数字科技馆页面采用以蓝、绿为主的色调。另一方面，从颜色给予人们的知觉而言，蓝色和绿色也能让人联想到科技感、生态、环保等主题，与科技馆的主题相吻合。endprint

（二）数字展项的平面设计

数字展项是数字科技馆中的具体内容，它可以是对实体展品（如“汉诺塔”）的模拟，可以是对某一原理（如抛物线原理）的数字化表现，也可以是对某一专题的分类陈述（如“人体漫游”）。这部分的平面设计要求设计师深入了解展出的主题，选择恰当的表现元素，同时也要求设计师对于交互设计有一定认识，能够预见用户在操作过程中遇到的疑问及习惯。传统的平面设计只需要考虑静态页面中的信息表达，而数字展馆由于强调用户的参与度与互动性，要求平面设计必须考虑交互过程中的动态视觉表达。

首先，平面设计要考虑操作模式整体统一。在众多数字互动展项中，将栏目菜单、播放按钮、示意箭头等具有操作共性的部分进行统一对于用户具有极大帮助。数字科技馆的所有互动展项中，页面最上部都采用了两栏式的主菜单设计，方便用户快速地在目录间跳转。用户在使用了一个展项后，即能熟悉所有展项的操作，从而能够将注意力集中在内容和表现形式上。

其次，平面设计要突出页面上能够进行操作的部分。按钮的设计除精致美观外，更重要地是让用户明白，它是一个可以操作的部件；如栏目中的翻页按钮，使用带有方向性的三角形，比其他形状更容易为用户所认识。对于没有普遍认识的操作部分，则可以采用鼠标悬浮窗、颜色变化等方式，对可操作的部分进行说明。最佳的互动视觉设计，应该是不需要任何操作说明，任何人（包括不识字的幼儿）都能够快速上手操作的设计。

第三，平面设计需要考虑用户操作的延续性。基于“刺激-反应”理论，用户在每次操作后，都需要得到反馈，从而强化其做出下一个操作。这就要求平面设计在构思时就要考虑如何给予后期的光效、动画制作留出表现空间，同时对于画面分层提出建议，从而强化用户不断在展项中去发现更多不同的内容；平面设计师不仅在单一层面上进行创作，还需要考虑不同画面层次的先后顺序和递进关系。以数字展项“人体漫游为例”，用户将鼠标移到人体系统名称上，虚拟人体中将出现相应系统的剪影，这一反馈将使用户进一步了解不同系统的详细内容；这一互动过程便是先由平面设计构思好，再交由相应的动画与程序人员完成制作。

（三）数字展板的设计

数字展板对应于实体展馆中的展板或挂图。该部分的平面设计与传统平面设计较为接近，注重根据展板主题进行配色选取和素材制作，字号和行距的设定需根据用户（观众）的观看距离而定，以舒适阅读为宜。但由于数字展示的灵活性，数字展板可以多种方式展出，如翻页电子书、滚动窗口或模拟挂板等，这就要求平面设计先考虑不同展陈方式的特点，再进行版面设计。

另一方面，部分数字科技馆能够提供挂图展板的下载服务，用户可以将展板下载到计算机或手机端进行浏览，专业级用户则可以下载挂图进行印刷展出。因此，平面设计必须考虑所有可能的使用途径，并制作出相应的尺寸版本。

（四）移动端页面的设计

为了配合数字科技馆的推广和运营，除计算机版本外，数字科技馆还开发了移动端版本，用户通过手机或平板电脑即可访问数字展馆。由于移动设备与计算机屏幕尺寸的差别，移动端页面的设计应更为简洁精致，以能够满足用户单手操作为宜。移动端的配色与数字科技馆主色调及选取素材基本保持一致，让用户在使用时能够快速将二者联系起来，理解二者是同属于一个体系下的不同端口，认知和记忆上保持统一。

由于数字科技馆的栏目和内容多样，如果照搬数字科技馆的栏目和窗口结构，用户需要点击3-4次才能到达具体的内容页，大多数用户将可能因为繁琐的加载过程放弃浏览，这不利于移动端的推广。因此，平面设计配合策划人员对重点内容与页面进行了筛选，采用可隐藏式下拉菜单的方式，为内容设定快速到达入口，从而确保用户浏览具体内容时，点击次数不超过2次。

二、数字展示项目中平面设计的基本思路

通过数字科技馆平面设计的创作过程，总结出数字展示项目平面设计的基本思路。首先要明确平面设计的目标，充分研究用户的需求；这里的目标群体不仅指项目最终面向的目标群体，还包括项目的业主单位；通过及时、详尽的沟通，将项目需求和所要表达的主题进行详细分析与确认。其次是根据主题选定合理的元素，对页面风格、颜色和字体风格加以确定，从视觉角度表达项目需求。整体设计框架确定后，便要对各部分细节进行详细设计，并做好各部分之间的衔接。在整个设计过程中，平面设计师要融入自己的独特见解，在不偏离客户要求的同时，让视觉表现力更强，达到最优化的视觉效果。

总之，数字展示项目的平面设计并不是凭空臆造的，往往要以需求为中心，设计出具有针对性、个性化并独具美感的作品。

三、数字展示项目平面设计的原则

数字展示项目的平面设计与传统相比发生了很大的变化，它融合了传统平面设计、网页设计、UI设计等不同类型的设计工作，更多地涉及到对于用户体验、交互模式、技术可实现性等新的因素。然而，面对各类数字展示项目的不同需求，平面设计工作仍有可遵循的若干原则：

（一）准确性原则

要保证所传达信息的准确性，从根本上增强信息传达的效果，则需要不断对信息进行提炼与反馈。在平面设计过程中，每一阶段的设计任务完成后，只有及时地将设计稿件反馈给用户，通过讨论、征询等方式了解用户对于设计的主观感受，才能避免设计师的个人喜好影响信息传达的准确性。

（二）艺术性原则

平面设计的最直接目的，是给予用户独特的艺术视觉感受。艺术美感并非一成不变，它顺应时代的发展在不断变化。因此，平面设计应考虑用户所处时代的审美特点，做出符合现代美学的设计。

（三）整体和协调性原则

为了给予用户一体化的视觉感受，平面设计应合理把握文字、图片及色彩等要素的特点，根据主次内容合理安排各部分的顺序，协调不同层次间、甚至不同展项的关系，减少用户的记忆负担，使各设计单元有序统一。

（四）易用性原则

数字展示项目既然涉及用户的操作，则需要充分考虑不同用户群体的操作水平。只有能够顺畅操作的内容，才能激发用户继续浏览。易用性原则意味着界面菜单及按钮尽可能地简洁、功能清晰，对于关键步骤提供必要的操作说明，且操作说明的位置及呈现方式方便使用。

（五）充分考虑用户习惯

虽然每个项目都想极力体现自己的个性化表达，但用户总是按照自己的想法和习惯进行操作，习惯将可能影响用户对于项目的理解。例如，用户通常习惯从左至右地阅读信息，页面内容最好能保持左右对称，避免用户产生视觉疲劳；而在移动端页面上，则需要考虑大多数智能设备共同设定的手势识别功能，避免超出用户习惯进行设计。

总而言之，数字展示项目中的平面设计主要本着人性化的设计理念，对页面进行统一化的调整和协调，从根本上实现信息传达的秩序性和艺术性。

四、结语

随着时代经济的飞速发展以及科学技术的日新月异，数字展示项目在当今时代发展中有着举足轻重的地位，应用范围在不断扩大。在当今基于视觉的时代中，其平面设计更应该立足于当前，从时代发展的潮流出发，从人们视觉上的真正需求出发，进而将项目的独特美感进行全方位的表达。另一方面，从“人”的角度而言，数字展示项目也要求平面设计师不仅局限于本专业的知识与技能，只有更广泛地涉足心理学、交互设计、计算机等多学科的相关知识，才能更好地在数字展示项目中为用户提供一场视觉盛宴。

参考文献：

[1] 张志. 博物馆陈列新思维[M].天津：天津人民出版社，2011.

[2] 北京市科学技术协会信息中心、北京数字科普协会编.创意科技助力数字博物馆[M].北京：中国传媒大学出版社，2011.endprint