设计杂志的数字化视觉系统及交互设计策略研究——以《Design 360°》观念与设计杂志为例

宋丹妮

（广州美术学院，广东 广州 511436）

1.简介

数字化传播背景下，传统纸质媒体经受着强烈的冲击和严峻的挑战，传统纸媒的读者群体与市场份额被以互联网与移动互联网为代表的新媒体不断分流。与此同时，小众化的专业杂志也同样面临被冲击的局面。《Design 360°》观念与设计杂志经过十多年的积累成为国内外知名的主流专业类设计杂志。本文对该杂志的数字化，从编辑模式、内容系统设置、传播途径、数字化视觉交互设计等方面提出初步的设计策略建议。

2.《Design 360°》观念与设计杂志数字化视觉信息传播的媒介分析

传统媒体的媒介融合从某种意义上说，就是数字化转型，通过数字化转型向新媒体领域拓展自己的生存空间，建立与数字化生产相适应的体制机制和生产流程。[1]信息数字化背景之下的《Design 360°》观念与设计杂志和其他纸媒杂志一样都在数字化转型中艰难探索。随着人们阅读方式的改变，对传统媒体的依赖已渐渐转变成对新媒体更频繁地使用。获取信息的快捷化、人机互动的优质化等优势，使得以智能手机、平板电脑等为代表的移动阅读设备成了人们日常生活中不可或缺的一部分。

根据中国互联网络信息中心（CNNIC）2023 年8 月发布的《第52 次中国互联网络发展状况统计报告》的结果显示，我国网民规模达10.79 亿人，其中手机网民的人数一直呈现上涨趋势，并且有慢慢占据网民人数大部分的趋势。建议更新最新数据这也给正在进行数字化转型的广大纸质杂志提供了一定的参考，注重移动阅读设备的开发与相关设计，获取该领域市场份额与读者。

2.1 视觉信息传播的媒介

电子杂志是数字化多媒体杂志最早期的存在形式，也就是将纸质版文字扫描后进行储存，通常用光盘作为载体进行储存。容量大、保存时间长、成本低廉，经济实用的传播媒介成为大部分的报纸杂志初级的电子版。互联网以及移动互联网的快速发展与普及，以及移动阅读设备的大量优点，使得互联网承载了多媒体数字化杂志的大量信息。《Design 360°》观念与设计杂志可以利用互联网以及新媒体，实现设计师采访由单纯文字图片配合的二维呈现，发展成为声音与影像结合的多维动态传播方式。

基于电脑端：以网页为传播媒介的形式是杂志数字化发展的方向之一。基于互联网平台建立网络杂志，需要将杂志十年来积累的庞大设计资源库进行资源整理与整合，成为视觉可视化数据，在合适的时间和地点以合适的方式进行呈现。

基于移动终端：手机、平板电脑的App。杂志可以利用现有的资源开发基于移动互联网，比如手机、平板电脑的App（基于ios 系统的应用程序）。用优质的内容、绚丽的视觉设计，提高用户与平台的互动性，增强用户的反馈机制，增加用户粘黏度。以微信公众号、微博账号等为代表的网络社交平台所发布的内容一般都是碎片化，且没有太多深度的文章或资讯。第20 次全国国民阅读调查报告表明，我国成年国民数字化阅读倾向进一步增强，手机移动阅读成为主要形式。手机阅读等“轻阅读”占用阅读时间越来越长。由此可以看出，“轻阅读”已经成为一种重要的阅读方式。

2.2 媒介的选择与融合

全球一体化得益于数字化技术的发展，拉近了人与人之间的距离，缩短了人们获取世界各地信息的时间与途径。要适应全球一体化下多媒体融合的必然趋势，这就要求从事数字化多媒体杂志的编辑与设计人员，需要十分熟悉多媒体的各种属性。作为一个数字杂志的设计师需要把过去彼此分割的媒介技术整合起来，并且树立媒介融合的思维方式，而不是仅仅知道如何使用各种软件。

杂志在数字化的进程中，如何选择媒介，处理好媒介与媒介结合之间的关系，决定着杂志数字化转型的成功与否。根据数据显示，我国移动数字媒体使用的人群已经大大超过了其他传统媒体或者新媒体，成为大众普遍偏爱的数字化新媒体，特别是18-35 岁的年轻一代。分享型的社会需要分享者在允许的时间空间范围之内更多地输出信息，而信息的接收者，其实是在被强迫阅读大量并无意义的讯息。

《Design 360°》的读者很大一部分是在校攻读设计专业的学生、设计行业的从业者、对设计有兴趣的非专业人士。平均年龄处在18-35 周岁之间。此读者年龄段，决定了杂志年轻、活力、清新、文艺的风格基调。在媒介的选择上，移动数字化新媒体对于该杂志的合适度是在其他新媒体之上的。因此，微博个人号、微信公众号的应用，是数字时代下必然的选择。

3.关于《Design 360°》观念与设计杂志内容系统的设计

传统印刷媒介的信息层次是一种平行状态，伴随醒目字体的指示和纸张页面的开合可同时直观地展现，信息的载量在页面承载上是有限的。而新媒介突破了传统媒介在信息量上的限制，免除了印刷量和展示区域的制约。[2]

3.1 关键词的设定

每期杂志有相关的关键词对选题作内容提要。例如本期选题为设计周，与设计周相关的内容如北京设计周、米兰设计周等信息会作为关键词出现在数字杂志首界面上，供用户根据自己的喜好选择。选择后可订阅为自己的内容，每当与这个关键词相关的内容出现在后台数据库时，系统会自动推送与此关键词相关的内容给用户，当你在搜索栏输入此关键词后，与此相关联的文章、图片、视频等都会立刻展示在你的页面上。

3.2 关键词的分类

关键词的分类有网状分类方式和星状分类方式两种。网状分类是各媒介普遍运用的信息分类方式。例如对设计行业的分类：视觉设计、环境艺术设计、建筑设计、家具设计等。这几个关键词之间上下左右的联系密切，甚至越过中间一个关键词与另外词有所联系。而星状分类法，虽然信息与信息表层的关系“友好”，但其实从第二层级开始，两者或者多者信息之间是相互独立的。关键词的分类至关重要，它应该算是对杂志选题的拆分，也算是对选题的补充完善。

关键词的分类很重要，看似简单但含着编辑者的思路和对热点的观察程度。在对其他类似设计类数字杂志进行分析和密切观察之后，选择与众不同，彰显本刊重要特色的关键词。

3.3 关键词的权重

权重是一个相对的概念，是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。关键词的权重，顾名思义是对已设定好的关键词进行重要等级划分，重点推进的关键词会比一般关键词出现在版面中的机会要大。

3.4 数据机器人

传统纸媒杂志的出版流程，从编辑组讨论确定选题，在网络或者现实情况中搜寻与选题相关的内容信息，可能是文字、图片、视频、音频等，直到对搜集回来的信息进行汇总之后进行筛选，少数的优质内容会通过设计排版，最终印刷制作在纸质版的杂志刊物之中。往往需要1—2 个月的出刊发行，很多新颖优质资讯已过时。

“数据机器人”相当于一个能快速在互联网庞大数据库当中抓取任何信息的强壮手臂。可以在后台编辑版面中输入关键词，点击确定3 秒钟，与“视觉设计”相关的信息便一条条整齐排列开来。如果想同时输入两个或多个关键词，例如输入“视觉交互设计”，与此相关的视觉、交互、设计的内容便出现在编辑版面中。

但如果仅是如此，出现在杂志中的内容或许会面临用户排斥的结果。所以对数据机器人抓取信息的层次和深度一定要有一个标准。通过后台程序编码，可对数据机器人抓取信息设定一个或多个标准，以保证杂志能够保持比较高的内容水平。

4.《Design 360°》观念与设计杂志版面设计

数字化多媒体杂志是一种多维度立体化的杂志，所涉及的技术领域很多。在杂志的数字化转型过程当中应该明确自身优势，充分利用各种媒介，进行最合适的组织排版。

4.1 编辑后台设计

杂志之所以能呈现在阅读终端上需要一个强大的编辑后台。前文中阐述的后台系统的组成部分，关键词、关键词权重、数据机器人等等。而编辑后台所服务的使用者是杂志的编辑和设计人员，不可忽视的重要部分，编辑和设计人员操作后台的好与坏决定数字杂志最终在读者用户面前的呈现效果。所以编辑后台的设计同样也是数字杂志制作的重要组成部分，需要具有关键词输入、权重选择、机器人抓取等功能的良好、清晰布局与智能化操作。

4.2 终端版面设计

以iPhone、iPad 为代表的移动终端版面的设计关系着整体的最终呈现效果，是否能够得到用户的喜爱和良好的用户体验。无论是传统纸质杂志还是数字化多媒体杂志的完成，都是由内容编辑人员与视觉设计人员共同合作实现的结果。编辑人员负责利用前述内容系统设计中的相关步骤，将内容编辑完毕之后对系统进行设置，并上传至服务器。此时需要编辑人员和内容系统一同与客户端系统形成一个协议，该协定会设定好杂志的内容以怎样一种组织方式最终呈现在读者眼前。这个环节十分重要，决定了杂志以何种面貌展现在读者面前。为了避免杂志数字化转型初步阶段系统的不稳定性，本系统舍弃了完全自由组合的排版，取而代之的是利用坐标来控制所设定内容的随意变化，即半自由组合方式。（图1）

图1 元素可根据后台数据自由变换形成新的版面

本系统目前已有多种展示模板，分别为：纯图片排版，图片按照一定规律排列，每张图片代表相关领域内容体现（图2）；图文结合排版，这是比较常规的模版方式，图片上拉带动文字；图片视频结合模板和不规则模板等（图3）。

图2 多幅图片模板

图3 图标式模板、文字带动图片滑动式模板

5.《Design 360°》杂志的交互设计

早期的交互设计主要关注的还是人与机器，尤其是与计算机的交互，其主要目的是通过提供简单易懂的操作界面使计算机和其他新兴的数字产品能够为更多的普通用户所接受。[3]数字多媒体杂志的最大特性就是其交互性特征。优秀的数字化多媒体杂志一定是在互动方式上有所突破与研究。交互性其实并不只是表现在其外表上的视觉冲击，而是应该对最合适的内容搭配以最合适的新媒体来呈现信息内容传达的最好效果。

5.1 版面视觉设计中的互动性

文字图片化。《Design 360°》观念与设计杂志从创刊开始就致力于关注全球设计新动向。杂志的选题，从关注全球设计公司，到环球设计之旅，再到对社会议题的关注。杂志内页各章节的图片使用也大于文字篇幅。在纸质媒体上如此的图片与文字的排版比重，类似于现如今的很多设计类数字平台。[4]《Design 360°》观念与设计杂志在很早之前便运用了现在广泛流行于数字杂志中的文字与图片的放置比例，只是前者使用的是纸质媒体，后者的传播媒介是电脑、手机等数字终端。《Design 360°》观念与设计杂志应该将这种优势继续发挥至新型数字媒介。利用十多年积累的强大、优质的图片资源库结合新媒体，达到用户期待的结果。

信息视觉化。对于杂志中文字较多的版面，比如对某些地区进行的设计考察，可以将旅程进行逻辑梳理总结之后，结合一定的信息图表、信息图标等，穿插以图片，让死板的文字内容一目了然。高精度图片、文字以及视频等等是出现在数字化多媒体杂志当中重要元素。[5]但数字杂志从某种方面来说并不是单纯的平面上的视觉设计，而是在静态的平面视觉元素的基础之上，结合与内容相适应的动画效果共同来完成。图形与图像作为丰富数字杂志版面的重要元素不能仅仅只是作为元素简单呈现，而应辅助数字化多媒体杂志内容的体现更直白、更明确。还应与整体设计风格保持一致。

视频与音频相结合。在整本杂志中占大量篇幅的设计师采访，是该杂志每期最精彩的部分。受访者有来自全球各地的设计师、设计公司、设计院校等。在纸质媒体有限的版面篇幅限制之下，不得已对原本丰富的采访内容进行删减以配合版面。所以，在纸质杂志数字化之后，可将原本无声的采访文字有声化，利用视频拍摄，生动全面地展示在数字终端上。科学家研究发现，人类的眼睛只能观察到前方 120°范围内的事物，而耳朵却可以感受到全方位的信息；并且眼睛在感知信息的时候是具有选择性的，耳朵却没有这样的功能，因此，视觉与听觉所获得的信息常常是可以相互补充的。

5.2 杂志内容中的互动性

为了使读者能够感受到他们掌握着主动阅读的权利，那么在对杂志进行整体规划的初始，就应该对杂志的各期内容有一个大致的预想与规划。并且每一期或者每一类型的主题风格应该保持相对一致，从而形成固有的风格，留住固定的读者群，形成品牌形象。数字杂志的形式多种多样，但最能吸引读者的，仍是那些在内容互动中做到互动方式与相应内容紧密联系的。

5.3 人机操作中的互动性

人机操作中的互动性，需要强调在设置人机互动时，各个互动节点的流畅性与实操性的确认。读者在进行操作时，要能够达到自由控制、得心应手，在进行按键选择时能够清晰明了。[6]当读者打开杂志目录，想要选择感兴趣的内容优先阅读，或者看到一系列精彩照片想与朋友共同分享，或者遇到不感兴趣的内容，如何顺利跳过......都是关乎人机互动中用户的体验是否优质的关键。

5.4 读者信息反馈的互动性

大部分数字多媒体杂志都会将读者的反馈流程考虑到建设的步骤当中去。所以我们在很多数字杂志界面旁边都会看到“参与评论”等按钮。[7]读者在看完杂志内容并留言评价，得到编辑反馈之后，都会感觉自己是一个杂志内容优化的参与者。有时这里也会成为读者与读者之前进行日常交流的场所，聊生活、聊工作或知识的大挑战等。极大提高了读者的主动性以及信息传播的及时性。与此同时，编辑可以通过读者的反馈优化自身内容发展的方向。[8]

结语

本文对《Design 360°》观念与设计杂志的数字化总结了从编辑模式、内容系统设置、传播途径、数字化视觉交互设计等方面的策略建议。杂志积累的设计资源，应该利用强大的多媒体来进行资源的整合与重组，并最大化传播出去。而多媒体的使用可以有效地将优质内容完整地展现给广大读者，并获得良好的阅读体验。