交互杂志设计应用于大学生网络教育的意义——以中北大学《心灵棒棒糖》交互杂志为例

夏志丽， 曹 迪

(中北大学 艺术学院， 山西 太原 030051)

1 交互杂志

交互杂志是集音、 图、 文并茂； 通过按钮、 动画、 游戏、 表单等形式， 嵌入微信、 微博、 网页等链接的多媒体互动电子杂志， 简称电子杂志(E-magazine)或交互杂志。

交互杂志较其他平面媒体而言， 在传统静态页面上承载了动态元素， 提供多种媒体效果， 实现在移动设备上的动态展示和人机交互[1]， 可多维度呈现杂志内容， 能积极调动读者的五感体验， 把原本在一个时间、 空间点上只能呈现单一感觉的体验扩大到了听觉、 视觉交互的维度， 从而使读者产生更为身临其境的代入感。 从某种意义上说， 交互杂志是用交互的形式联动起各个不同形式的媒介， 形成多维度混合体验的超媒体。

2 交互杂志作为大学生网络教育载体的研究意义

采用交互杂志作为大学生网络教育的载体， 有几方面的原因： 第一， 新媒体时代， 大学生的阅读方式在发生着改变， 科学利用新媒体与学生之间建立良好的互动， 可以拉近与学生之间的距离； 第二， 交互杂志多元化的信息符号所调动的读者的感官投入程度也产生了变化， 这就更为主动地激发了大学生的阅读兴趣； 第三， 交互杂志的交互特性， 将传统阅读的单向传递转变为了双向甚至多向[2]， 在交互杂志中学生可以与作者直接进行网络沟通； 第四， 交互杂志阅读的便携性， 通过手机等多种平台进行信息的获取及传播； 第五， 当代大学生是最活跃最愿意接受新鲜事物的群体， 交互杂志在这些受众中去推广非常有利。 《心灵棒棒糖》交互杂志学生网络教育项目就是利用交互杂志为载体与以学生为主体的热点内容相结合而形成的一种教育实践方式。

《心灵棒棒糖》交互杂志学生网络教育项目， 主要采集大学生身边的热点问题、 行为认知等素材， 用数字化表现形式， 改变以往纸媒的阅读体验， 以唤起读者立体式全方位的阅读新体验， 最终借助互联网、 智能手机、 平板电脑等载体达到信息互联传播， 与读者达成良好的沟通。 同时辅导员利用设计专业知识与辅导员职业认知的结合， 在顺应时代要求的实践中和知识体系构建下， 实现网络教育平台的建立， 提高自己的职业媒体素质和个人职业素养， 在创造性地开展网络思想政治工作和如何引导大学生健康成长方面进行积极深入的探索。

3 《心灵棒棒糖》交互杂志及其运行思路、 市场调查

以中北大学大学生教育管理工作项目“《心灵棒棒糖》交互杂志学生网络教育项目”为例， 本项目在开展过程中注意避免形式强于内容， 真正从一线辅导员从事思政教育工作的视野出发， 从有利于大学生成长的角度来拓展《心灵棒棒糖》的内容。 将社会主义核心价值观以身边小事的形式植入《心灵棒棒糖》交互杂志中， 与学生生活相融合， 潜移默化地感染身边的同学， 用更加丰富的阅读体验唤起同学们对人性的思考， 在翻阅互动中让杂志从设计理念到专题内容引领大学生的行为认知， 美感效能[3]服务于内容， 真正实践以人为构架主体的内容设计。

经部分中北大学在校生现场体验《心灵棒棒糖》交互杂志后， 完成了关于：您阅读电子杂志的媒介是什么， 您平时关注过电子杂志吗， 作为一款校园原创电子杂志您希望有哪些交互设计等八个核心问题的调查问卷。 调查结果显示： 大学生阅读电子杂志的媒介以手机为主要载体； 同学们对电子杂志的阅读存在新鲜感， 对《心灵棒棒糖》的推出60%以上的大学生表示会关注， 21%的大学生表示会看看再说， 而这21%的大学生将是重要的潜在阅读群； 对杂志嵌入音视频、 交互体验、 延展性及互动交流[4]等方面关注的大学生较多。

4 《心灵棒棒糖》交互杂志项目运行的实践意义

《心灵棒棒糖》交互杂志的成员主要由笔者与艺术学院视觉传达专业的学生组成， 众多学生的参与能够更贴切地了解及表达大学生的心声， 从而使交互杂志呈现在学生面前时能更好地唤起大学生的共鸣， 让大学生从中找到更强的精神文化归属感 ， 也可以说是一种大学生自我教育的实践。

下面将以其中一期《心灵棒棒糖》为例展开阐述交互杂志设计的实践意义。这一期杂志围绕“环保”主题进行构思与设计。 内容上分为四个板块： 清洁者的艰辛、 山非心中山、 河非想之河、 校园变了容颜。 四个板块在构思上前后呼应， 内容均以发生在校园周边的事件为创意源头。 目录页点击相应栏目可以直接切入到本栏目首页阅读。

第一版块的素材以勤工助学的学生为主(如图 1、 图 2 所示)。 在清洁者的艰辛栏目中嵌入勤工助学同学天还未亮就在清扫校园的视频， 展现出一群“给校园洗脸的人”； 《请给他/她多一些时间》叙述了中午下课铃声响了， 有些人匆匆地走向食堂， 而勤工助学的学生要奔向教室去清扫卫生。 此处视听语言的感染力将远远大于文字叙述， 这也是交互杂志的多媒介交叉共融的设计[5]优势所在。

返回目录页点击第二部分或者直接点击下一页进入第二个板块： 山非心中山。 此版块采用了对比的设计手法。 想象中的美景于脑海深处是什么样子？而现实又是什么样？此处放入了环境优美的风景图片； 形式上采用按钮、 文字与滚动动画， 动与静的结合来增强内容感染力， 同时体现了交互杂志与纸质杂志在图文容量上的差异性。 例如， 图 3 中文字与滚动图片的排版。

图 1 清洁者的艰辛

图 2 请高抬贵手

图 4 中， 当鼠标悬停在垃圾上后， 夸张的苍蝇声效动画加上文案“关于人性的一步之遥”， 深刻地表达了乱扔垃圾造成的行为讽刺。

图 3 二龙山凉亭与垃圾

图 4 关于人性的一步之遥

图 5 中， 镜头前随意丢弃的垃圾与点开按钮后醒目的“文明游山， 三不三要”形成对比， 标语就在那里， 一动不动！你看到了吗?大家都熟悉的环境， 看到这里是否都努力去维护了呢？ 又如图 6 中， 垃圾扔出新高度： 树杈上、 灯柱上、 灌木上。 设计改变生活， 也许通过杂志可以唤醒读者从骨子里接受日常的文明行为。 此处按钮的交互体验增强了读者的阅读兴趣及思考。

继续点击下一页， 进入第三板块： 河非想之河。 想象中的河与汾河的景象， 六张图片自动切换， 点击后可以全屏放大。 图 7 中， 烧烤乱象， 加入了闪烁的地标， 点击即可出现图片拍摄时间、 地点， 都是学生熟悉的环境， “汾河边， 拍摄于某年某月”， 在这里只加入了很少的交互内容， 考虑到避免交互的形式大于内容， 什么情况需要交互， 什么情况下不需要交互才有利于传达杂志的设计意图。

第四板块： 校园变了容颜(如图 8 所示)。 容字故意切掉一半， 暗示不完美。 “校园美景、 一片狼藉的教室、 藏起来的丑陋、 勿以善小而不为”等这一部分的内容以学习环境为主， 看到这里也许我们会想， 小学就应该懂的话题， 为什么大学里还在讲？因为总有人漠视， 身临其境却不知自己做到了没有。 也许这就是我们设计《心灵棒棒糖》交互杂志学生网络教育项目的意义所在。

图 5 标语与行为

图 6 垃圾扔出新高度

图 7 汾河烧烤乱象

图 8 校园容颜图

同时， 在内容互动上可以嵌入微博、 网页链接等。 读者与杂志编辑部可以进行实时互动。 在杂志的推广方面我们也积极研究如何采用HTML5进行更好的宣传推广。

5 结 语

新媒体已经广泛渗透到人们生活的方方面面， 对大学生的思想学习和生活产生着深远的影响。 《心灵棒棒糖》是在新媒体背景下， 将设计与思想政治教育相结合的创新手段与实现途径， 是行之有效的教育实践模式， 是引导大学生正确认知与行为方向的视觉媒体， 它将为思想政治教育方式、 效果带来全新的变革。 本项目在市场调查、 栏目规划、 素材收集、 呈现、 用户体验等方面都做了细致研究， 在项目后期的规划上主要按照季度来完成内容的采集与编辑设计， 每期以特定主题形式进行栏目设计。 虽然在内容规划与设计制作过程中还有很多问题有待解决， 作为以大学生为基础的团队也存在传帮带的诸多问题， 但是， 在新媒体背景下， 《心灵棒棒糖》作为辅导员结合自身工作与设计专业特点创新性开展大学生网络教育管理工作的价值、 或作为一个长效教育载体引领大学生价值取向等都是值得研究的方向。

[1] 汤雪梅， 朱兆达. 数字期刊发展的三阶段及其特点[J]. 出版广角， 2013(5)： 22-25.

[2] 付梅， 刘娟， 葛明贵. 新媒体时代阅读方式的转变与大学生阅读[J]. 安徽工业大学学报， 2010(2)： 113-115.

[3] 李连影. 现代多媒体互动设计中图像学的运用[J]. 大众文艺， 2016(10)： 253-254.

[4] 蔡佳桐. 互动、 分享:电子期刊的全媒体功能升级[J]. 出版广角， 2011(7)： 14-15.

[5] 何明夏. 电子杂志设计中的多维视觉传达[J]. 文艺生活， 2014(5)： 21.