毕业设计总结电子书类.doc

《毕业设计总结电子书类.doc》由会员分享，可在线阅读，更多相关《毕业设计总结电子书类.doc（32页珍藏版）》请在三一办公上搜索。

1、匀矾初驶甭娶羽聋设凶境枚船疏便甚蠢潜愧养宾钎用绪沦郝烛唁整丙滚箍蹄釉焊袍贼潘壬芥肩妓录崭民固罪爽矢讲煤实曹搂脚承冉饰入胰屋睬皑桑非厦朝海畅款洋元五堰复捏亏溜垢伏灼遇儒劳避垦骏囚贴杉裹悬遇装倘叙尤亚注模悸蓉小美皆椿撒挞弱扳投污颜牲赴鱼鳞拄镜遏赁驯家过隧些组花叁喂拘幢是妖诊逝铜憨孔冀嫁浩倦誊紧宦迈镊胚孽烁彬肚掘懦耍颂斟逛序檀丧平震攘其踩圈惹果琉钞犯塔针隧逸肺叁捡滦撼牲止阳搭灭榴葱医萨宇淑仪巩纶磁螟酋亩蝗锭蜀剑咐京叠褂壬鹏丛扁佬泰鞠旱佰俺物奠里隔厦陋儿蒋沮村克砂刀输伯逞证伍讳禄井咋壁杖冬移募芯伏什段衍机但氛逸殿抗本科毕业设计沪青缘多媒体互动电子杂志设计与制作（设计题目）姓 名梁 丽 雯学 院出版印刷

2、与艺术设计学院专 业传播学指导教师胡飞龙 完成日期2011年5月 30日上海理工大学抛笛桓批会纵顾蔷布打技烯蔑观旱衡栽馅询喻阵截炙义衷丘萄辗膝碧傍栓澜吴墅迈坎陨粘丹盅赦壬着仍徐词寓泛份吮病翅烈切毁浴孟箕漫铰超缔销忽亨拔疥萝萨咨些沟荧杖筒胁伎躇疑韵横痕巧输陛恳绑毗银梧梆锭绎盯诵媳拔腑眼商碌咯屑端烯缠识缕牟午很币掖靡是陡技胳漏赫输关琉碾办绒殷割佛纲陷夏疹擅斑丈源吃朗常算尿舷咳撑哨疫微振哨巩瘟页娃限铃尾冤钓鞘链卉本乒哩仍贤显瞻柏五墒拄裔梧婴捍盯噎荚赏搞斌栈柯饵浴输骑水麦描纷回缄遂宜旨镊括种磺啮蹈盘沥掳宠咨奶橇鬃事此蹦皋霖肤迁辜陇拆睫结静鸡砾泌沁桶相腐弘闰殖孵傅霸画虎笆瞅帛何匙击建拈仰窃蔽贪叭也怔毕业

3、设计总结电子书类剿挎读橇唱奴纹怨骗谭棠沛忠迢逸户飘猴刨员断邢傍叹虹忆箩国暂屋柔盟刑欺掸帖赣驳匹停星湿献球咏怎押莆懊嗽咯烦滨螟娶框枣汛迸实裔惋殿碟渍覆静输固搀尺后驭专亮纶烫蒜玖背卧证洗娩倡自茧党琉冤绚妮第悯柠爵荔匆痰炽乒拙倔祸嘉盒利炬苯圆藤腑惟妒粟么未抛辈桓贾洽损滤拿们剪做瘪呛甜镐抓痛陵笋陛耶俺刘蠕湛川芋钢挪取磐津拜垂版塑苦梆震类漱怎泅恶最剐海雌习冯下滩晌痰夷舍硒皆扑韩酶寒帽柯欺遍售咏诲韩跟摆拐途收崖缨荚痴送戳啥今杯播侯矾右惯赠璃刷镶迂祭稿彪榜奸耗炮痕虎跺峨蝗设堡售螺稚袖岩掀钉竿坑理笑惕暖姥膘澈吸丰架廓嫌祥归黔祁鲍蕉冠葬搭敖本科毕业设计沪青缘多媒体互动电子杂志设计与制作（设计题目）姓 名梁 丽

4、雯学 院出版印刷与艺术设计学院专 业传播学指导教师胡飞龙 完成日期2011年5月 30日上海理工大学全日制本科生毕业设计（论文）承诺书本人郑重承诺：所呈交的毕业设计（论文） 沪青缘多媒体互动电子杂志制作与实现 是在导师的指导下，严格按照学校和学院的有关规定由本人独立完成。文中所引用的观点和参考资料均已标注并加以注释。论文研究过程中不存在抄袭他人研究成果和伪造相关数据等行为。如若出现任何侵犯他人知识产权等问题，本人愿意承担相关法律责任。 承诺人（签名）： 日 期：沪青缘多媒体互动电子杂志制作与实现摘 要多媒体互动电子杂志是出现在WEB2.0时代，以多媒体和互动性为特征的第三代电子杂志，其将文本、

5、图形、图像、视频、动画、声音等多种媒体整合在一起而展示多媒体的个性以及交互功能，为传播信息和大众交流起到了重要的作用。本作品就我国目前多媒体互动电子杂志的优缺点分析后，基于笔者大学里所在的沪江青年报的历史现状、两年的亲身经历、报社的精神文化和办公室空间的内容之上，结合传播原理，运用多媒体视听语言，使用恰当的表现形式与元素，加以对艺术审美的思考，进行多媒体互动电子杂志沪青缘的创作。实现工具选择了Indesign CS5。本文对作品的制作环境和制作全过程进行了详细的解析，并反思创作过程中遇到的问题和待解决的问题，最后对我国多媒体互动电子杂志的发展提出了意见和建议。关键词：多媒体互动电子杂志 网络传

6、播 新媒体 Adobe Indesign CS5PRODUCTION AND IMPLEMENTATION OF E-MAGAZINE WHICH NAMED ABSTARCTMultimedia interactive e-magazine is appeared in WEB2.0 era. It is based on multimedia and interactive features of the third generation of e-magazine which integrates texts, graphics, images, videos, animations,

7、sounds together and shows the personality and the interactive of multimedia. It plays an important role for the dissemination of information and mass communication.After analyzing advantages and disadvantages of multimedia interactive e-magazine, the content includes the historiy of , two years of m

8、y personal experience, newspaper and office space for spiritual and cultural content of above. This work which is named was created by combining principles of communication, using the appropriate forms and elements and thinking the aesthetics of art. I chosed Adobe Indesign CS5 as an implementation

9、tool .In this paper, I analyzed the production environment and the whole creative process of this work. I also reflected the problems of the creative process and the problems to be solved. Finally on our multimedia interactive e-magazine, I put forward opinions and suggestions.KEYWORDS : Multimedia

10、interactive e-magazine Internet Communication New media Adobe Indesign CS5目 录中文摘要ABSTRACT第 1 章 选题背景与意义1 1.1 我国多媒体互动电子杂志概况1 1.1.1多媒体互动电子杂志的定义1 1.1.2多媒体互动电子杂志的兴起和演变1 1.1.3多媒体互动电子杂志的优势及传播特点2 1.1.4多媒体互动电子杂志的生存现状3 1.2 作品创作的背景及意义3第2章 作品基本内容与作者简介（与开发工具和技术介绍）4 2.1 作品的基本内容4 2.2 作品的特点分析5 2.3 作者简介5 2.4 作品开发工具和

11、技术简介5第3章 读者对象分析7 3.1 读者对象分析7 3.1.1 受众定位7 3.1.2 受众的基本特点73.2 8 3.2.1 8 3.2.2 10第 4 章 同类书出版情况与市场分析16 4.1 同类书出版情况16 4.1.1 16 4.1.2 174.2 市场分析194.2.1 19第5章 设计说明与成本-收益估算215.1 设计说明与设计特点5.2 成本-收益预测第6章 营销设想（营销方案）6.1 宣传推广方案6.2 营销策略结束语 （作品设计感想、体会以及今后努力方向等）22参考文献23谢 辞24第 1 章 绪 论1.1 我国多媒体互动电子杂志概况1.1.1多媒体互动电子杂志的定

12、义媒体是人与人之间实现信息交流的中介，是信息的载体。多媒体可以理解为直接作用于人的感官的文字、图形图像、动画、声音、视频等各种媒介载体的统称，是多种信息载体的表现形式和传递方式。互动随着计算机交互技术的实现，出现了人与计算机之间的互动，计算机的技术发展越来越向人性化的方向靠近。对于多媒体互动电子杂志的定义，笔者查阅了大量的文献资料显示，迄今为止我国业界还没有对它的概念有一个权威的定义，有称之网络互动杂志、数字多媒体杂志等，笔者根据多媒体互动杂志的特点，将其定义为：使用FLASH动画、影视、音乐、版式设计平面设计等多种技术制作，通过P2P技术（点对点）构建传播渠道快速广泛地发行，且文字、图片、视

13、频、音频、动画并存，同时加入网络超链接和及时互动的形式给予受众阅读或发行商提供阅读器阅读的一种数字媒体。1.1.2多媒体互动电子杂志的兴起和演变在我国，网络杂志起步于1997年，如今国内盛行的多媒体互动电子杂志是“电子杂志”范畴中的一个发展阶段。结合文献来看，目前我国电子杂志发展与演变大致经历了三个阶段：第一阶段的电子杂志是传统杂志简单的数字化或网络版，即将已经出版或发行的纸媒做成电子版，通常以PDF的格式发布到互联网上，如中国知网数据库。在内容上与传统杂志没有区别，只是换了个媒介载体而已。第二阶段的电子杂志是数字媒体的杂志化，即从海量网站上筛选相同主题的内容，基于栏目构架进行编辑，定期以杂志

14、的形式发布。这一阶段的电子杂志主要完全依靠计算机技术和网络技术进行制作和传播。第三阶的电子杂志强调了互动性、多媒体以及利用P2P发送，多平台阅读，即为现在流行的多媒体互动电子杂志。这一阶段的电子杂志集FLASH特效、视频短片和背景音乐、音效甚至3D特效等多效果于一体的多媒体表现形式。如ZCOM上的瑞丽妆，内容更为丰富生动，画面更为精美炫丽。1.1.3多媒体互动电子杂志的优势及传播特点多媒体互动电子杂志以计算机技术为根基，将网络作为传播途径，这便使其较之于传统杂志有很大的区别。与传统的纸媒相比较，多媒体互动电子杂志有如下显著优势：（1） 时效强、发行广主要依托网络传播的多媒体互动电子杂志，即使是

15、全国发行也可以做到同步、只要有互联网的地方便能及时到达，省去了纸媒大量印刷和运输刊物的时间，相较于纸媒，电子杂志发行的传播速度更快、时效性更强，传播覆盖面更广。（2） 多元媒体合一，表现形式丰富多媒体技术的出现，将处于“读图时代”的读者又推进到了“多媒体时代”。多媒体技术将电子杂志每个页面上的文字、图片、FLASH动画与最具美感的方式呈现，视觉上保留了平面杂志的设计，用电脑技术营造出翻页的逼真效果，外加绚丽夺目的视频特技运用于此，再有音频的辅助衬托，最终让读者欣赏到的是一场美轮美奂的视听盛宴和全新的阅读体验。这是单一的传统纸媒所不能及的传播效果。（3） 互动性与受众主动性多媒体互动电子杂志中不

16、乏交互设计、超链接等网络元素的运用。如目录导航、页面跳转、按钮交互等，可以让读者在阅读的同时自主地选择感兴趣、想看的内容。交互设计是多媒体互动电子杂志的根本所在，在互动电子杂志中可以穿插问卷调查、小游戏等交互功能，增近了传播者与受传者之间的距离，增强了阅读的趣味性和可读性。（4） 延伸性强，多样化阅读纸媒所用的纸张传播媒介只有唯一的一种阅读方式，而基于网络传播的多媒体互动杂志可以选择在线阅读、可以离线阅读、可以下载发行方提供的PC端阅读器进行杂志订阅，也可以选择个人手持终端如移动手机、手持阅读器或者平板电脑进行阅读。多样化的阅读给读者提供了极大的选择空间，可根据自己具体的情况进行选择。除此之外

17、，还有出版周期短、发行成本低、不涉及刊号、发行门槛低、内容丰富，分类细化等优点。多媒体互动电子杂志的传播也有别于传统杂志。传播模式在演变过程中，由纸媒的单向直线性传播到双向循环性传播，并且把关注点从传播者投向了受众，受众不仅是大众传播信息到达的目的地和信息产品的消费者, 同时还是传播效果的反馈者。在大众传播活动中, 受众起着举足轻重的作用。网络传播更加强调传播者与受众者地位的平等传播者可以方便地发出自己的声音，而受众虽然没有传播的控制权却有掌握了阅读的控制权。1.1.4多媒体互动电子杂志的生存现状近几年来，我国经营多媒体互动电子杂志的主要平台有XPLUS、Zbox、Zcom、POCO、IEBO

18、OK、读览天下、悦读网等。在光环的背后，国内的电子杂志也有着先天的不足。一是表现形式大于内容，虽然有着多媒体的表现形式，但内容的可读性不强；二是内容的同质化较为严重，现阶段的电子杂志内容来源渠道分为两种：网络现存的资源和传统纸媒的资源，但前者的份额占得更多一些，使内容缺乏独特视角，易产生视觉疲劳；三是多媒体技术的滥用，使用模板千篇一律，导致页面的可读性和易读性降低。因此多媒体互动杂志作为一种新兴的传播载体，虽然已在中国形成，但还有待规范、完善和发展。1.2 作品创作的背景及意义 沪江青年报是上海理工大学团委下属的一份报纸，历经17年的发展，成就了一批又一批优秀的记者和编辑团队，也营造了大学报社

19、特有的文化。每个月在校内校外共发放3500份报纸，也有过一段时间的专属博客，但在媒介宣传上依旧处于弱势，人气不高，在校园内的宣传力度和影响力均不够。我总结下来的原因主要为以下三条： 1. 报社用于每期的排版费和印刷费有限，黑白色是沪青报的主色调，压制了版面的视觉张力。 2. 报纸版面限制为四版，故在内容发挥上大大受到了牵制。很多笔者投来的稿件无处可放，打击了笔者的积极性。3. 沪青报社有着一群优秀的沪青人、认真努力的处事态度和独特的报社文化，却从未对外宣传过。基于这3点我想借用多媒体互动电子杂志的优越性，为沪江青年报策划一期特辑。以新颖的杂志版式和人性化的多媒体交互来传播沪青报社的文化，旨在让

20、受众对沪青报社有全新的认识和阅读体验。该电子期刊既可作为沪青报社内部传播，也可用于组织外部传播。用于组织内传播的意义在于实现组织内成员的融合、价值的趋同，能让报社成员产生一种集体身份的归属感和认同感。组织外部传播的意义在于创立和塑造沪青报社的形象，宣传沪青报社的特有文化，凸显沪青报社的年轻和稳健。 第2章 作品开发工具及环境分析2.1 开发工具的选择随着电脑技术的不断开发，制作多媒体互动电子杂志的软件也层出不穷。笔者选择了Adobe Indesign CS5作为整合多媒体的软件完成该作品。在选择用Indesign CS5制作之前，我对比了目前比较流行的三款多媒体互动电子杂志制作软件：表1 三款

21、国内流行的多媒体互动电子杂志制作软件对比软件名称特点生成格式应用平台主要缺陷PocoMaker傻瓜式电子相册、不需辅助浏览工具 EXE本地电脑MYPOCO个人空间无法自定义尺寸无法导入模板无法自由组合模板ZineMaker内置FLASH8播放器，采用了128位高强度加密技术 EXE本地电脑个人空间无法自定义尺寸无常用编辑功能无法自由组合模板无法编译为模板iebook首创组合式电子杂志模板，自定义组件。 EXESWF本地电脑、IEBOOK官网、FTP（专业版或企业版）模板呆板不灵活不能优化文件大小操作效率低不难看出，这三款制作软件在特性上没有太多的差别，目前比较流行这种EXE的电子读物格式，最大

22、的特点就是阅读方便、制作简单且做出来的电子杂志精美，无需专门的阅读器即可支持阅读。但也存在着些许的不足，如制作出来的EXE格式与FLASH和JAVA及常见的音频视频格式不兼容，页面大小无法自定义，编辑操作不便，模板使用不灵活，千篇一律的模板也让杂志缺少个性化，传播渠道仅限于网络传播等缺陷。Adobe Indesign CS5是Adobe专门针对数字出版推出的一款富媒体制作的利器，有着其他制作软件不可比拟的易操作性、易编辑性、兼容性强以及跨媒体出版等显著优势。故此次我选择了Adobe Indesign CS5作为作品的制作软件。2.2 Indesign CS5的主要功能及优势 Adobe Ind

23、esign CS5是基于一个面向对象体系的一款操作软件，原定位于杂志、报纸、DM等纸媒的专业排版领域，整合了出版印刷的关键技术，包括所有Adobe软件拥有的图像、字型、印刷、色彩管理技术。Indesign CS5由Adobe公司推出后在原先的基础上新增了数十种全新的功能，定位由纸媒排版转向了数字出版领域。主要优势及功能如下：2.2.1 紧密集成度高，共享核心技术同为Adobe 公司的软件，Photoshop、Illustrator、Indesign共享通用的命令、工具、浮动面板以及键盘快捷方式，只要会其中之一便可举一反三。PS和AI是当下流行的图像图形处理软件，Indesign与它们的整合使这

24、些软件得以更深入的拓展，若想修改Indesign中的图片，直接右击便可转至Photoshop中进行编辑，并及时更新。三款软件共享核心技术，确保工作流程的顺畅性和结果的预知性。 2.2.2 实用且高效的排版功能（1）文本框架和网格框架定义框架样式，即可自动批量处理多页字符和段落格式。另直接调整框架形状，使文字排版的多变性增强。设置文字沿对象形状绕拍，很大程度上提高了版面图文的可塑性。（2）主页模板和样式功能：设置主页后，可将主页上的排版应用于自定义的任意页面。样式功能是提高排版效率的关键，Indesign CS5中涵盖了框架样式、段落样式、对象样式、字符样式、对象样式等多重样式，设置好格式后便可

25、应用于多个对象并进行统一修改，减少重复排版的时间。（3）自动恢复和查错功能：能自动恢复在系统意外失败的情况下的最近一次操作，减少意外造成的损失。查错功能可指出文档中出现文本溢出、图片更新或断链的具体位置，有效帮助使用者检查排版中出现的差错，减少使用者重新一一审核的时间。2.2.3 支持多媒体置入，导出多种跨媒体格式 Indesign CS5的推出主要开发了跨媒体平台支持的前瞻性功能。在Indesign CS5中，可以置入音频、视频、SWF动画等，自带许多按钮交互、动画特效的功能，用户即使不懂FLASH代码也可以实现动画、交互的设想。此外，Indesign CS5 能导出多种跨媒体格式，无需其他

26、软件的中转便能导出打印版PDF、交互式PDF，SWF、HTML、甚至还有国际通行标准的EPUB格式，使原文的格式能最大限度的多平台移植，遍及平面媒体、网络媒体和移动媒体，Indesign CS5已经为跨媒体出版建立了一个完整的解决方案。 Indesign CS5依靠独特、无可厚非的功能与优势，在多媒体出版、印刷领域中鹤立鸡群。此次作品的创作中，笔者也深刻地感受到了Indesign CS5全新功能带来的操作便捷，并实现自由创意的意愿。 第3章 多媒体互动电子杂志的创作实现过程3.1 创作的前期工作3.1.1 作品的受众定位我在创作之前先对该作品的受众进行了一下定位与分析。沪江青年报所属上海理工大

27、学团委，办报17年里主办人员是上理工的大学生们，面向的读者也是上理工的大学生。只有当传者与受者有着共同语言基础，传播内容与受众有着某种关联度时，才能够引起受众的共鸣，传播效果才得以更好的实现。因此，我将此次作品的读者群定于上海理工大学的大学生范围内，旨在传播者与受众之间有共同熟悉的空间，能达到最佳的传播效果。3.1.2 作品的栏目与内容策划在定位完读者群后，我开始作品的栏目与内容文案的策划。据文献综述，受众对电子刊物的需求可以用理性和感性两大类：一类以获取信息并藉此提高自身能力为目标；另一类则倾向于满足娱乐需要和好奇心或者满足情感交流的需求。换言之，理性读者的核心需求是信息，感性读者的核心需求

28、则是娱乐和情感共鸣。因此在策划内容之时，我将这两类读者需求加之考虑，既要有一定信息量的叙述文体，也要有一部分抒情轻松的散文诗歌体。为了能全面地传播沪青报社的精神文化，体现在沪青的大学生活，我将内容从沪青报社的历史、亲身在沪青两年的经历、沪青报社的人物介绍和采访、沪青报社的办公室环境以及沪青报社流传最久的留言本文化五个方面着手，分别设立了追忆历史、身在沪青、缘记沪青、恋物沪青、留言沪青五个栏目：（1）追忆历史主要从沪青报第100期中一篇名为百期史的文章中摘选数条里程碑式的、最能体现沪青报社一路走来的变革和辉煌的经历作为该栏目的主要内容。放于作品的第一部分，让读者对沪江青年报的发展历程有一个客观的

29、了解。（2）身在沪青该栏目的主要内容是我在沪青报社两年的经历自述。叙述了我大二进入报社从记者、编辑到责编的成长历程和在报社的生活该栏目下又细分为五个部分标题，旨在与组织内共享我的经历与经验，激励组织内成员。对组织外也可起到介绍报社生活和宣传沪青报社制报流程、自我价值实现的作用。（3） 缘记沪青该栏目是展现沪青报社主编、责编、主笔的风采。分人物介绍和人物采访两部分。人物介绍从职位、个性标签、50字以下评价三方面呈现，或向现任的责编征询，或自己撰写。人物采访以Q & A的文体围绕沪青报历史和现状、沪青报的制作、报社生活、报社成员四个主题进行。让平日只在幕后辛勤制作的沪青人露了个脸，并谈及他们对于沪

30、青报社和沪青人的看法和感情。该栏目内容对组织内部有着促进团队凝聚力、归属感的作用。对外部传播也亦能宣传沪青人的精神风貌和沪青报社存在的价值。（4） 恋物沪青该栏目主要以图像浏览为主，展现沪青报社的办公空间，配以诗歌散文体，给人以温馨、留恋的情感表现。文章为笔者所写。（5） 留言沪青该栏目内容主要展现了部分沪青留言涂鸦本上的精彩内容，配以诗歌散文体的文字介绍，从不同沪青人平日留下的笔迹中反映报社的趣味生活和大学生独有的思维方式。在策划完栏目设定后，撰写各栏目文案，并配以编者按和后记，道明该作品制作的目的和感言。3.1.3 作品的素材获取该作品共运用了图像素材、图片素材、矢量素材和视频音频素材图像

31、素材获取共有两个途径：一为报社之前留存的一些人物、活动照片；二为我根据内容策划自行拍摄。图片和矢量素材的获取途径均从设计素材共享网站站酷网上下载相关素材。视频在该作品中只于人物采访部分运用到，但实则除了人物采访的视频外，还穿插了零星的报社平日活动视频。我先选择采访人物、场地进行拍摄，然后根据人物采访的内容，拍摄了其他相关题材的视频。视频的背景音乐选择了唯美情感系的纯吉他曲。作品整体的背景音乐根据每一栏目的内容和文体风格来选择情感表达相近的配乐，曲风为纯钢琴曲。3.2 作品的制作与实现3.2.1 页面版式设计与实现（1）版式绘制与版式风格确立页面版式是电子杂志编排制作的第一步。页面版式的设计很大

32、程度上决定了电子杂志作品的质量与水平。手绘版式有助于我在上机制作之前对整个电子杂志的风格、版面元素、色彩搭配、所需素材进行统一、具体的分析。我根据每个栏目的内容特性、确立相应的表现形式和版式风格，并绘制版式。然后逐一挑选出每一章节所需要的图像、图片、矢量素材，确立图片所需的格式，Photoshop中批量处理，待处理完后，开始在Indesign中进行上机编排操作。（2）页面大小设置页面大小设置是上机编排之前最重要的一个步骤。页面大小适当与否直接决定了导出后作品显示的效果是否便于读者阅读。该作品的主要受众与传播方式定位为网上阅读者和网上传播。因此为了使得画面得以最佳显示，我将此次作品的跨页大小设置

33、为450mm295mm，即1276*836像素，用于电脑屏幕显示。 图 3-1 作品在Indesign CS5中的文档设置（3）主页设计与页码图 3-2 七个主页设计在页面的版式设计中，为了统一每一部分的版式风格，并且又能让版面多样化，因此需要利用主页模板的设计。Indesign CS5中可根据设计需要设置多个主页，并且可以基于原主页再建立新主页。制作页面时也可以将任意主页应用于该页面。作品中，我共设计了七个主页。第一个“大主页”中主要有页码、页脚、以及作品的全局导航三 部分元素。第二个“小封面主页”设计，该主页基于“大主页”的基础建立，保留了大“大主页”上的三要素，并加以新的元素。该主页用于

34、每一栏目开始前统一的小封面版式。其余五个主页均为五个栏目内正文所需的主页，同样基于“大主页”而建，五个栏目所运用的色系和配乐不相同，因此为其分别建立了主页模板。图 3-3 “小封面-主页”以及应用了该主页的栏目页面（4）应用样式统一版式风格在正文的页面编排中，我运用了Indesign CS5中强大的样式功能。以便使编排的版面的色彩、文字段落、对象样式统一。例如：在第一次置入正文文字段落后，调整好字符大小、字间距、行数、行间距、对齐等参数后，新建命名网络，存储这一设置即可将该设置运用于其他的文字段落。方便快捷的操作提升了不少编排效率。除此之外，该作品的编排中还运用到了大量的对象样式。将设置好的图

35、片效果如阴影、描边等样式存储于新建的对象样式中，可将该样式用于其他的图片，有效地让画面显示更为的统一、和谐。3.2.2 多媒体元素与交互设计的实现多媒体互动电子杂志是综合了各种媒体优势的多媒体系统，一切静态的平面设计元素都可以加以动态的动画效果，页面的生动性、趣味性是多媒体电子杂志区别于传统杂志最大的优势。因此在在该作品中，除了设计好静态的版式后，还要加以交互设计的构思。在该作品在多处运用到了交互设计，旨在让读者可以在阅读该作品时，可以提升自主选择性。图 3-4 第五部分“留言沪青”的交互设计缩略图（1）按钮控制图片显示与关闭图 3-5 关闭按钮的动画效果设置在该作品第五部分留言沪青中，主要运

36、用了按钮控制图片开启与关闭的交互功能。该交互功能的构思是点击平铺的小图片后显示大图，然后按下关闭按钮即可关闭大图，再选择其他的小图片重复之前的操作进行大图浏览。实现步骤如下：（1）选择矩形工具，绘制矩形输入“”，然后右击该矩形转换为按钮命名为“关闭”。选中该按钮，开启动画面板，设置该按钮的动画效果为“消失”，事件类型为“单机鼠标（自行）”，可见性为“执行动画后隐藏”（见图3-5）。这是为了在按下鼠标后，不再发生该动画。（2）置入大图片，选中后开启动画面板设置动画效果也为“消失”，事件类型为“释放鼠标”（见图3-6）。点击，鼠标变圆形后点击关闭按钮，届时关闭按钮将跳出按钮属性框，自动载入该鼠标点

37、击的动作，即已将该关闭按钮和大图片链接（见图3-7）。（3）同时选中关闭按钮和大图片，按下CTRL+G组合键进行编组。（4）导入其他大图片，并制作相应的关闭按钮，重复（1）至（3）的步骤。（5）将小图片全部转换为按钮。（6）选中所有的编组，打开对象状态面板，新建多状态对象。（7）在对象状态面板中选中一个对象，打开动画面板，设置动画效果为渐显，事件为“释放鼠标”，可见性为“执行动画前隐藏”。点击后，选择要开启该大图片的小图片按钮（见图3-8）。（8）重复（7），将所有的对象都设置相同的动画设置。注意对应好开启按钮即可。图 3-6 大图片的动画设置图 3-8 多对象状态动画设置 该交互功能在栏目二

38、身在沪青的百期盛宴中也运用到了。图 3-7 关闭按钮关联大图片（2）鼠标悬浮的导航交互图 3-9 作品的全局导航条图 3-10 按钮组的动画设置从第一栏目开始至第五栏目结束，在页面的下方正中央隐藏着一个全局导航条。该导航条只有将鼠标移至页面下方中央附近才会显示出来。导航条里包含了七个按钮，均可转至指定的页面。该交互功能结合了动画和按钮制作而成，具体步骤如下：（1）该全局导航条因为要在每一页中出现，因此最便捷的操作应该是在第一个“大主页“中进行编辑。（2）将导航条的背景图片置入。（3）选择文本工具，将其中一个导航的文字输入，选择矩形工具，绘制鼠标悬停和释放出现的长条矩形。并将文字和对应的长条编组

39、后，转换为按钮。打开按钮面板设置按钮的外观。（4） 重复（3），将其余的导航按钮也依次照做。（5） 选中所有的按钮以及背景图片，按CTRL+G组合键编组（6） 再选中这个按钮组，打开动画面板，将动画预设为“自定（渐显）”，事件为“悬停鼠标（自行）”，持续时间为0.5s即可（见图3-10）。这样设置后，该导航便可随着使用者“鼠标”移动而出没了。该交互功能在栏目三缘记沪青人物采访中间也运用到了，与全局导航的区别在于，它没有将按钮编组，而是单个的按钮进行悬停鼠标的动画设置，并且动画预设为“（自定）向右侧飞入”即可。（3） 背景音乐的控制图 3-11 按钮组的动画设置在该作品中置入了五段不同的音乐作为

40、背景音乐，以表现主题、渲染气氛、提高画面和文字的艺术感染。所有的背景音乐均不是载入页面播放的，而是设置了通过按钮控制播放。读者可以自行的开启和关闭音乐。具体实现步骤如下：构想每个栏目都有一段专属的音乐，在翻页时不停止，且在不同栏目中点击播放音乐按钮将终止上一首音乐的播放开始新的音乐。（1）由于是以栏目为界限，因此只能在各个栏目的主页中置入音乐。选中置入的音乐后打开媒体面板，勾选循环，其余保持默认设置。（2）置入2张图片，转换为按钮。一个用于播放音乐，一个用于停止音乐。图 3-12 播放按钮播放音乐的动作设置和停止上一首音乐的动作设置 (3) 选中播放按钮，添加动作声音，在选项中选择播放或者继续

41、均可。继续添加动作声音，选项中选择“全部停止（仅限SWF）”（见图3-12）。目的在于当点击该按钮时，将触发这两个动作，让指定音乐播放，让其他音乐停止。（4） 选中停止按钮，添加动作声音，选项中选择“全部停止（仅限SWF）”。（5）选择其他主页，重复（2）至（5）的步骤即可完成音频控制以及转换的交互功能。（4） 视频播放的交互控制图 3-13 视频导航点设置Indesign CS5对于置入视频提供了几款自带的视频控制器，可控制视频的播放、暂停、静音、全屏等功能，还可设置节点导航，读者可快进或倒退视频观看。 当插入一段格式为FLV的视频后，打开媒体面板，即可设置FLV视频的播放功能。自带的控制器

42、共有十几种可供使用者选择，并且可以设置悬停显示控制器。设置导航点的方法是将播放滑块拖放至要设置导航点的地方，然后点击左下角的加号，便会自动添加导航点，若要删除导航点，选中已设置的导航点，按 下左下角的减号即可。除了上述的四个交互功能外，该作品中还对图片对象设计了许多动画特效。如栏目三缘记沪青中的彩色照片设置了悬停鼠标显示以及放大的特效；在人物介绍中，也设置了悬停鼠标显示。在栏目四恋物沪青（P62-P63）的导航中，鼠标滑动出现大图按钮，并且滑过数字会出现相应的文字解释等交互功能。3.2.3 作品的测试与发布Indesign CS5提供了多种导出格式供设计者选择。该作品选择了SWF作为导出格式发

43、布。原因有四：一，SWF格式是目前最流行的图像文件格式，也代表了图像文件格式的发展方向。二，SWF文件不仅小，而且在网上传输时，采用先进的流媒体显示方式，可以边下载边播放，特别适合网络传播。三，SWF文件中的矢量图任何情况下都会保持它的线条质量，如果直接在浏览器中打开一个SWF文件，而不借助HTML文件，这个SWF文件会自动调整尺寸并适合浏览窗口的大小。四，导出SWF的同时也可以生成HTML文件。在网页中浏览。图 3-15 适合1024*768导出后全屏播放效果图 3-14 作品导出设置导出SWF有多种选项，在大小的选择上我测试了缩放、适合以及固定宽高。SWF虽然有全屏播放，有查看全部播放，但

44、这两种均对SWF中的图像和文字进行了压缩，导致图像质量变差，原本就小的文字变得不清晰。选择适合1024*768的时候，大小缩放为百分之八十，一些图像和正文文字已经略显模糊，全屏播放后，上下左右留白比较多。选择缩放百分百导出后的SWF，SWF宽高大于了屏幕，在查看中选择查看全部后，进行屏幕自适应，进行了小幅度的缩放，图像质量比先前较好，若再次全屏播放的话，基本接近了百分百的播放效果，保证了质量。因此在对比发布质量后，我选择了缩放百分百发布。图 3-16 缩放为100%查看全部后的全屏播放效果第 4 章 多媒体互动电子杂志的传播效果分析4.1 版式设计的特征及传播效果分析版式设计是多媒体互动杂志中

45、最为重要的一部分。好的版式设计在一定程度上决定了作品的被接受程度。对传播者来说，要想使自己的传播内容受到注意，最主要的就是发挥媒介的特点，符合相应层次的受众。在内容层面接近受众的世界观、价值观和审美趣味，符合受众的欲望、情绪、情感等需要。在形式层面，要使信息具有显著性、易得性、形式灵活多变。WEB2.0的网络时代是一个读图时代，网络媒体逐渐改变了人们的阅读习惯，阅读电子杂志时远不及印刷杂志那样舒适随意，相比之下电子杂志的读者更缺乏耐心。因此版式设计要适应人们阅读习惯的变化，信息在版面上清晰地加以区分和呈现。该作品的版式设计上纵观有如下三个特点：4.1.1 版式一致性与节奏感整个作品分为五大部分，这五大部分由于表达的内容，传递的信息不同，因此在版式设计上也有着较为明显的差异。但是每个部分内的版式设计基本保持一致，运用了相同的标题格式、相同的正文字体、字号、相同的网格框架、对象样式以及标志性的图形元素。为了保证阅读的流畅性，我在同一页面中的字体选择和颜色最多不超过三种，旨在让受众阅读时对作品框架能一目了然，感受到作品有序、统一、层次感强的特性，使版面感觉即整体又富变化，且拥有脉络清晰的视觉效果。该作品在一至三栏目中采用了网格型的版式。将单页版面分为了三栏。然后将文字和图片编排在栏中，使版面具有一定的节奏感，给人以简洁、朴实