电子杂志的互动版面设计

郭文娟

（河北美术学院 环境艺术学院，河北 石家庄 050700）

电子杂志的互动版面设计

郭文娟

（河北美术学院 环境艺术学院，河北 石家庄 050700）

在新媒体时代，电子杂志的互动版面设计是一种以计算机交互技术为基础的信息编排处理形态，是对传统平面美学规律的继承和延续。电子杂志互动版面的设计要突出人性化和流畅性，注重情感体验与交流；整合传统媒介资源，提高内容质量；开发多种功能和技术；实现全媒体化。

新媒体；电子杂志；版面设计；互动版面

在互联网飞速发展的今天，人们的生活方式、交流方式、思维方式发生了很大变化，产生了很多新的媒体形态。新媒体，即除报纸、期刊、广播、电视等传统媒体之外的，随着网络数字技术的发展而产生的新型传播媒体。承载着数字多媒体技术的电子杂志成为引领时代阅读的新风尚。

电子杂志又称网络杂志，相对于传统杂志而言，它具有制作成本低、信息量大、资源丰富、交互性强、方便快捷、安全绿色等特点。版面设计是指将图片、文字、符号、色彩等结构元素整合、编排的过程，使信息的传达有序又美观。好的版面设计视觉冲击力强，能够让读者在短时间内了解内容、掌握信息，让读者获得心理与情感的满足感。电子杂志的版面既包含图形、图像、文字、色彩等传统元素，又加入了视频、音频、动画等多媒体动态元素，并利用超链接的方式对这些元素进行创造性组合，带给读者畅快淋漓的阅读体验。

一、互动版面的概念及特征

互动的意思是相互影响、相互制约、相互感知，即通过交流与沟通达到信息传播的过程。从技术层面上来说，互动是指人与计算机之间的信息交流，即交互技术。只不过，交互单指一种技术手段，而互动更多的是指一种信息传播方式。互动体现了人的参与性，包含了人对信息的思考、理解和情感交流。互动的目的在于使用户能够参与其中，从而获得更好的体验。所以互动设计要简单易操作，便于交流，才能够达到更好的互动效果。

互动版面是一种服务于计算机的交互技术，以数字媒体为载体，以计算机电子屏幕为舞台，将视听多媒体元素进行有机组合的信息编排处理形态。[1]互动版面是信息传播过程达到预期效果的重要环节，让读者通过版面设计产生互动体验。互动性是版面设计中独特的设计表现语言，它引发数字媒体版式设计观念的革新。具体来说，互动版面具有以下特征。

第一，交互性是互动版面的关键特征。互动版面与印刷版面相比，最本质的区别是采用了计算机交互技术。电子杂志利用交互设计使读者获得多元化视听感受，界面上的所有视觉元素都可以设计成点击、滑动、按键输入等操作，从而产生放大、缩小、变形、弹出窗口等能够影响界面的版式变化。音频、动画等按钮的设计，可以让读者自由选择是否打开、切换、控制声音大小、静音等。可选择的人性化设计与读者产生互动，营造出轻松愉快的氛围。

第二，静态元素与动态元素相结合，视觉元素与听觉元素相结合。互动版面设计中不仅包括文字、图形、图片、色彩等可视化的静态元素，还包括动态图片、动态符号、视频、动画等动态元素。这些动态元素增强了内容的趣味性和视觉感染力，提升了阅读层次，能够使整个版面更具有生命感和跳跃性。听觉元素主要指音频和视频，包括背景音乐、旁白、动画等，起到衬托内容、渲染气氛、舒缓情绪、传达情感的作用。听觉元素的加入，能够增强版面的空间感、立体感和秩序感，使版面设计活力充沛、富有个性。

第三，与广告、游戏、视频等多功能融合，真正实现互动交流。互动版面可以利用超链接技术与多种互联网服务相结合，提供免费阅读、在线下载、网上订阅、影音播放、读者互动、搜索等业务，也可以把广告、互动游戏、视频、动画等融入其中，形成一个多元化的网络平台，读者可以根据自身的需求和兴趣自由获取信息。同时，互动版面可以为读者提供参与功能，读者通过按钮、导航、菜单等交互设置，触动超链接打开相关内容，根据兴趣深化阅读、发表评论；也可以在联网状态下实现网络相关内容连接，展开更多阅读空间，实现互动阅读、信息接收与反馈。

二、电子杂志互动版面的设计

电子杂志的版面设计增加了互动的表现形式，这不仅丰富了版面，也使读者在品读杂志的同时产生互动的感觉，有力刺激了信息的输出。电子杂志互动版面的设计中，要注意以下几个方面。

第一，秉承美学规律，突出自身特点和编排的层次感、风格的一致性。电子杂志的版面设计要在秉承形式美法则的基础上，结合版面设计的方法和技巧，突出电子杂志的自身特点和个性，达到形式的平衡和节奏的统一。电子杂志的每个版面既是相对独立的个体，又是连贯的、统一的组合，设计时要注意杂志编排的整体节奏、色调和设计风格是否符合主题内容。只有版面设计风格与创意主题、视觉元素、色彩搭配等保持一致，才能使版面内容安排井井有条、层次分明，给人留下深刻印象。要根据版面内容来确定是否需要设置超链接或插入动态元素，并做到导向明确，保持视觉上的连贯性，使版面设计具有节奏和韵律，给读者带来视觉和听觉上的愉悦感。

第二，互动版面的创新需要整合传统媒介资源，提高内容质量。电子杂志的表现形式新颖，页面绚丽多彩，在一定程度上容易忽略内容质量，使形式大于内容。传统媒体具有权威性强、敏感性高、内容丰富等优势，在新媒体时代，电子杂志要与报纸、电视等传统媒体相互融合，实现优势互补，才能在市场竞争中获得更好的发展。电子杂志的版面设计要从受众市场、视觉效果、功能性等方面，综合分析与电视、报纸、广播等传统媒介的差异，通过对优劣性的比较来寻求突破。在内容上有效组织信息，避免单调和空洞，强调原创性与时代性，才能使电子杂志对读者具有持续的吸引力。

第三，数字媒体特征在互动版面设计中要把握适度原则。数字媒体艺术是融合了艺术与技术二者特征的一门新兴的大众传播艺术，同时也是一种融合多种及时手段、展现多维空间的虚拟艺术。互动版面设计融合了文字、图片、音频、视频、动画等多种信息形式，通过人机交互得以实现。电子杂志的版面设计要善于利用数字媒体的特征，呈现多元化的效果。互动元素不可或缺，但并不是随意堆砌，也不是越多越好，在设计上要掌握适度原则。如果滥用动画、视频、音乐等多媒体手段，会使读者产生疲倦和厌烦，进而排斥，效果适得其反。

第四，互动版面设计形式的创意拓展。互动版面的创意能增强用户体验，调动读者的活跃度，让读者对杂志产生情感共鸣。互动可以有多种设计形式，例如版面中加入二维码和电子图表的设计。二维码具有多种优势，如宣传方便、覆盖范围广、不受时间和地域的限制。电子杂志可以通过二维码、动态元素的设计实现跨界互动，进行创意分享。电子图表（如时尚生活类杂志的电子问卷表）的应用，能够将信息转化为形象的、可视化的图像、图形，让读者更清晰、直观地了解杂志内容，有效促进读者与编辑之间、读者与读者之间的互动和信息交流。

三、电子杂志互动版面设计的发展趋势

信息化时代为版面设计提供了广阔的发展空间，利用互动版式的特征突出内容和主题，是电子杂志未来发展的主要趋势。电子杂志互动版面设计是一项创造性的工程，优秀的信息编排能够增加电子杂志的展示空间，激发读者的多重阅读体验，带来更加愉悦的视听感受，其未来发展不可限量。

第一，突出设计的人性化和流畅性，注重情感体验与交流。电子杂志互动版面的设计要遵循以人为本的原则，适应人的思维模式和行为习惯，多考虑读者的阅读习惯，更加人性化的设计才能突出主题、强化记忆，提高信息传达的效率，推动情感的传递与交流。流畅的互动版面设计时要考虑导读功能的可行性与合理性，导航、视频、动画、超链接等元素的合理规划，能够使页面在多个版面和主题之间随意跳转，从而引导读者流畅的阅读。“情感是人对客观事物是否满足自己的需要而产生的态度体验”，[2]对于新媒体时代的电子杂志来说，发展体验式阅读是非常重要的。例如，读者可根据自己的喜好收藏喜欢的文章；除搜索、导航、下载等常用的功能外，还可以设置收藏、投票、评论功能，满足读者的交互需求；根据读者的操作习惯和行为模式，页面切换采用点划式设计；适宜的色彩搭配、图案设计能够提升读者对杂志的好感度。

第二，强调设计风格的个性化。电子杂志的竞争日趋激烈，如何使其脱颖而出，是设计者需要思考的问题。个性化的版面语言和设计风格是电子杂志的重要特征，符合杂志品牌定位、创意新颖、有鲜明个性的版面设计才能够突出杂志的精神气质，使电子杂志在同类竞争中立于不败之地。互动版面的风格不仅要整合编排与形式，还要通过创意新颖的交互设置来体现。超链接的设置和跳转方式是自然贴切还是别出心裁，不仅是交互创意的直接反映，也是版面风格的重要组成部分。只有运用创新思维，不断寻求新的元素，电子杂志的版面设计才能满足数字出版时代读者的需求，与时代接轨。

第三，开发多种功能和技术。随着多媒体技术、通讯技术的进步，电子杂志的接收平台越来越呈现多元化的趋势，互动版面能够开发出多种满足人们需要的功能和技术，把互动性发挥到极致，如转发与评论功能、收藏与添加书签功能、信息检索功能、导航功能、离线下载功能等。这些功能的实现，能够让读者与其他人进行讨论和分享，使读者体验更为逼真，最大化利用网络空间。语音识别技术、4D影视技术、模拟影像技术、全息投影技术、投影触控技术等技术的开发和使用，能把电子杂志的版面设计引入一个全新的领域，带动虚拟化设计的实现。

第四，多媒体融合特征更明显，实现全媒体化。电子杂志的互动版面设计融合了传统纸质媒体、广播影像媒体、网络传播媒体等媒介形式，运用了虚拟现实技术、数据库技术等一些新技术，具有明显的媒介融合特征。媒介融合的最高形态是各种媒体之间的自由转化，多媒体融合意味着优势互补、相互渗透，带来双赢效果。电子杂志要想有更为广阔的生存空间，就必须整合多种媒介的优势资源，积极谋求多方位发展，实现全媒体化。未来的电子杂志不再是具有单一阅读功能的电子产品，它将成为实现微博、微信、评论、社交、推荐等多功能整合的具备人机交互和社交功能的新型媒体。

（责任编辑 陶新艳）

[1] 蒋杰.版式设计的新领域——互动版式设计[D].南京：南京艺术学院，2002.

[2] 朱国勤，倪伟，王文霞.编排设计[M].上海：上海人民美术出版社，2001：17-18.

G206.3

A

1671-5454（2017）04-0028-03

10.16261/j.cnki.cn43-1370/z.2017.04.007

2017-05-26

郭文娟（1980-），女，河北石家庄人，河北美术学院环境艺术学院讲师。研究方向：艺术设计。