《成长的足迹》电子纪念册的版式设计与制作
印刷092班：陈燕 指导教师：张曼
（陕西科技大学轻工与能源学院 陕西 西安710021）
摘 要：本设计是关于我个人大学成长足迹回忆的一个电子纪念册。随着互联网技术的发展和普及，电子出版物这一崭新的信息媒介应运而生。传播快、检索易、价格低、易储存、阅读方便等特点使其越来越多地受到人们的青睐。本次设计集合了声音、图像、动画、视频等元素，使纪念册的视觉效果更加生动与丰富。通过自己的设计制作将我大学四年的青春记忆装进这样一个多元化的电子纪念册里，它在成为一个个性化电子印刷作品的同时也是送给自己的一个值得珍藏的礼物。
关键词：成长的足迹，电子纪念册，版式设计
ABSTRACT: This design is an electronic autograph about my personal growing footprint recall in university. With the development and popularization of Internet technology, electronic publication has become a new information medium, which can be spread quickly, easily retrieved, low price, easy to store, and convenient to people of all ages, so that it has been used by more and more people.It assembles the sounds, images, animations, videos and other elements, so that we can make visual effects more vivid and rich. Through my own design I put my youth memory of four years in zhe university into such a diversified electronic autograph. it became a personalized electronic printing works, meanwhileis,it is also a gift that I give myself to be treasured.
Key words: growing footprint,electronic autograph, format design
1 绪论
近年来随着计算机事业的迅速发展，“电子杂志”、“电子纪念册”、“电子书”这类名词如今在很多人眼里已经不再陌生，它集合了声音、图像、动画、视频等元素，具有可视性、交互性、多样性、娱乐性、传播速度快、免费等特点。越来越被时尚年轻的新一代所追捧。
电子出版物不仅能展现纸质书上的文字、图片内容，保持纸书的原版原式，同时还可以附带音频、视频等多媒体内容，表现出比传统出版物更加丰富的信息。所以，电子出版物与传统出版物相比，给人以完全不同的感觉。其漂亮的装饰图案、完美的插曲、新颖的排版设计及最直观的表现，不但能吸引人们的目光和视觉，提高出版物自身在同类产品中的竞争能力，更能增加其销售力,将最完美的产品展现在消费者面前[1]。
同时，从发行角度来说，电子出版物还具有以下优点：
(a）门槛低，由于技术上难度小，投入成本低，很容易就可以搭建网上电子出版平台。作为一个必然结果，免费的电子出版平台大量存在，使空前的群众性发行制作电子杂志成为可能，即人人当主编具有了可行性。
(b）网络的海量信息、自由共享的传播特性决定了电子出版物具有极其广阔的信息来源。
另外，从读者角度来说，电子出版物相比传统出版物具有一些明显优势：
(a）受众群体广泛，电子邮件服务是所有网上服务中最基本最古老的，免费电子邮箱是每个网民的基本所有物。而只要拥有电子邮箱者，就可以成为电子出版物的读者。在这一点上，它比任何其它网络传播方式都有更广大的潜在受众群。
(b）成本低廉，可以通过电子邮件软件，以邮件形式把电子出版物下载到自己的电脑上，然后在网下慢慢阅读（离线浏览），需要付费的在线时间不过几分钟。
(c）便利性和可保存性。在线阅读受到网络畅通状况的影响，而电子出版物既然已经下载到受众的电脑上，也就不存在可能的网络阻塞等问题。同时，对于使用手提电脑的受众来说，手提电脑到了哪里，那么他订阅的刊物也就到了哪里，这对于日益发展的手提电脑用户群体具有特殊的意义。
(d）信息浓缩，专业性和针对性更强。一般的大型门户网站或者是媒体网站，对于信息的分类工作也做得比较好，但需要受众自己去订阅的电子出版物先天上具有更强的针对性，在制作时编辑已经做了大量的信息选择工作，而在受众进行分类订阅时又进行了第二次选择。
在我国，电子出版物正处于其试验、发展和变化的阶段。早在几年前，电子出版物从一个默默无闻的无名小卒，呈燎原之势发展，俨然成为一个登台献艺的网络新星。它融入了声音、图像、动画、视频等手段，把电子出版物的可视性、交互性做得更加好看好玩，显示出与传统出版物分庭抗礼的信念。
但目前就电子出版物来说，其技术还不够成熟，市场上已经出版的大都比较粗糙。因此，随着互联网应用的日趋普遍和深入，这一问题必将得到解决。可以深信，它的功能必将迅速地被我国出版界开发、利用和深化，电子出版物在未来的影响不可小觑[2]。
2 市场调研与产品定位
2.1 市场调研
2.1.1电子出版物与传统出版物的比较
电子出版物与纸质出版物相比是期刊载体形态的一次飞跃，首先，电子出版物具有极强的时效性。它从出版到读者获得文献周期短。因为电子出版物省去了排版、印刷、发行等环节，整个过程所需时间大大缩短。因此，出版周期可以由原来的季刊、双月刊、月刊缩减为半月刊、周刊甚至周三刊。
还有，电子出版物具有便捷的检索途径。在传统的方式下，人们检索期刊往往先通过书本式目录或光盘数据库查到题录，再根据题录信息查找原文。虽然现在已有全文版的光盘数据库存在，但要购买全套光盘将是一笔不小的开支。而网络电子出版物的检索很方便，除了有各类搜索引擎（如yahoo、sohu、sina等）外，网上的许多信息是经过分类排序的，另外还有一些专门的期刊网站（如CNKI的中国期刊网，万方数据中心等）。用户不仅检索所需文献极为方便，要获取文献或其中一部分也只需下载到本地终端即可。
表2-1 电子出版物与传统出版物的比较
2.1.2 电子出版物的制作软件调研
网络上的电子出版物制作软件有很多，其功能、优点都有一些差别，但无论是哪种软件，它的核心技术都可以分为三个部分：翻页技术、出版物编辑制作和打包部分。
目前几乎所有的电子出版物都有一个模板，这个模板基本上是Flippage的一个皮囊，封装为软件可读的数据包。就像是Flash可读的数据包是*.fla一样。这个模板会集成很多的东西在里边，比如按扭，组件等。组件也是经过优化的，比如翻页效果、立体效果等样式的都是预先设定一个比较合理的值。基于模板的处理，一般会有所见即所得的效果，而这个也是一款电子出版物制作软件的基本要求，因为使用者要的就是简洁直观，这样才有易用性，但基于模板处理的结果是大小不可调整。目前国内所有的软件在制作方面的功能很弱，稍强的一点就是能加文字，最多就是支持页面特效，这样很能吸引用户，因为比较简单的操作就能做出很棒的效果，会很有成就感。
目前的电子出版物制作软件有Iebook 超级精灵、Zinemaker、诺杰数码精灵、Pocomaker、杂志制作大师、麦客、Zinediy、Joymaker、万众杂志DIY、superbook、vikasoft等。流传比较多的组件有activeflip、AsFlipPage、pageflip_v22、MagPark和kakaMagazine[3]。
Iebook超级精灵是首家融入互联网终端、手机移动终端和数字电视终端三维整合传播体系的专业电子出版物（商刊、画册）制作推广系统。革命性采用国际前沿的构件化设计理念，整合电子出版物的制作工序，将部分相似工序进行构件化设计，使得软件使用者可重复使用、高效率合成标准化的电子出版物；同时软件中建立构件化模版库，自带多套精美Flash动画模版及Flash页面特效，软件使用者通过更改图文、视频即可实现页面设计，自由组合即可呈现良好制作效果；操作简单方便，可协助软件使用者轻松制作出集高清视频、音频、Flash动画、图文等多媒体效果于一体的电子出版物。
Ie视窗系统的操作界面风格切合用户习惯，操作简单易学，可迅速掌握使用。适合专业广告、设计及网络制作公司或者企业个人使用。可独立生成EXE文件或者直接web在线版本直接浏览，生成的杂志不需要任何阅读器或插件就可直接观看[4]。
2.1.3 应用前景
电子出版物从04年发展至今已受到越来越多的认可与接受。目前一些知名传统出版物依靠强大的原创内容开通了电子版本；企业也陆续将传统的产品画册、型录制作成电子书出版物形式（目前网络上对企业电子出版物有着不同的叫法，如：电子画册、企业商刊、电子商刊、产品书等等）。
目前，市场上也已经有一些电子出版物投入运营，并已经盈利。比较著名的有杨澜的《澜》（图2-1所示）万，前景非常看好。徐静蕾近期也在媒体上透漏，她操办的电子杂志《开啦》（如图2-2所示）外，今年年初人民日报社开创电子版收费阅读，虽然后期遇到了很多不顺利，但也算是国内著名出版机构在电子出版物这方面的探索，也在全国出版行业掀起了电子出版狂潮。由此可见，电子出版的发展不容小觑，电子出版的市场潜力是极大的。
2.2 产品定位
2.2.1 内容定位
临近毕业，大学生活有很多值得纪念回忆的东西，《成长的足迹》将在将近四年的大学生活里记忆深刻的往事重新捡起。也让我再次体会了当时的各种心情。同样可以与朋友家人一起分享那些在一起的时光。
2.2.2 读者定位
《成长的足迹》是为纪念自己大学生活设计的一本电子读物，其读者自然是自己的同学、朋友或老师，当然，也可以将其发布到网上，供更多的大学生或是即将进入大学的高中生阅读，另外，读者也可以是那些向往大学生活的人。
2.2.3 风格定位
《成长的足迹》是一本青春读物，其读者是一群年轻人，因而在设计时可以多元化一些，不用拘泥于形式，可将自己的真实感受注入到设计中去。其风格也应该清新活泼一些，但因为是一本纪念性书籍，因而在设计过程中对背景的选用要与内容相符，来表达文字及照片所要表达的那些感受。
3 《成长的足迹》电子纪念册内容设计
3.1 纪念册的的整体设计
考虑到纪念册的版块设置，本纪念册每一面的尺寸定为750×550px，将由12页即24面组成，电子纪念册所要表现的各种动画效果、文字、音乐、图像通过Iebook软件被逐一安排其中，在页面中展现出来。同时参考相关资料以及网上大量的同类优秀电子印刷产品的页面，对纪念册页面进行多维编排，使文字与图片、音乐有机结合。每一页面的内容、版式设计力求各不相同，尤其在版式设计方面，应用不同的美学原则，使读者在阅读过程中体验不同的感官享受。
而对于设计的具体内容上，我的成长足迹主要分为三大部分，分别为家人、朋友、集体对我成长的影响。而对于每一部分它有相同色调的背景图片和相同的标题式图片，使得章节部分更加清楚分明，思路清晰。
图3-1 第一章节的页面设计 图3-2第二章节的页面设计
图3-3第三章节的页面设计
3.2 封面、封底设计
页面设计所依据的是以人为意象形象、并借助这种形象表达具体的内容、表现人的精神气质的法则或标准。意象既不象具体艺术那样明晰与肯定，也不像抽象艺术那样模糊和虚幻，是介于具体和抽象之间、是似与不似之间的一种形象。意象艺术的构成表现在立意为像与像外之意两个方面。
封面意象设计具有可读性和可解性，其基本设计方法为：按题意设计封面形象，又要超越题意，强化题意，使题意在设计中升华、获得新的意念；从表意的深刻性来说，它比说明式的表意、浅层的意味表达更胜一筹。封面的意象设为既有具象的可信赖性，又有富于趣味性的抽象联想，它是具象和抽象的完美结合，而有丰富的表现性，给读者以无穷的想象力。
在页面设计的封面中，要特别注意的是画面远、中和近的画面处理。远为柔和清淡，中有细节，近则醒目强烈。在封面设计中，把书名作为醒目强烈处理，以吸引读者的视觉，图形与大块面色彩渲染气氛，而出版社名、作者名作为封面的细节之处。
在页面封面设计中,点，可以是一个字，字的大小不同、形态不同、位置不同、字外空间不同、色彩不同,都会产生不同的视觉感受和联想。当字的色彩醒目时, 可作为整个版面设计的近景，而当字的色彩朦胧时, 就可作背景使用。字排于版面中心显得静止, 而排于版面的左或右方则有运动趋势, 字排在版面下方就产生下沉感。选择不同的字体、字号, 不同的字外空间, 均起着丰富版面气氛的作用。而在出版物内文设计中, 文字作为点的作用往往是把大片文字的第一个字加大, 调节大片文字造成的灰面及带来的视觉疲劳劳增强文字及版面的冲击力, 提高读者的阅读兴趣。
在页面设计中，封底的设计是页面设计的一个重要环节。忽略了封底，页面设计的整体美感就有了残缺。
页面的封底设计不像封面那样先声夺人，那样张扬，它更像戏曲中的配角、花朵旁的绿叶，静静地烘托着封面。因为有了和谐的封底，封面才更放射出耀眼的光彩。
要把握好封底的设计，应该从以下几个方面考虑：
（a）封底与封面设计的整体性；
（b）封底与封面设计的连贯性；
（c）封底与封面设计的前呼后应；
（d）封底与封面设计的主次关系；
（e）封底与封面设计的变化；
（f）封底在广告宣传作用的重要性。
只有把握好以上原则，并充分的发挥封底的作用，才能设计出与封面相协调，与页面统一协调的整体[5]。
对于我的主题是成长的足迹，所以我的背景图都是还有足迹这一元素的图片，并且封底相对封面的图片来讲更加具有延伸的意境，所以作为封底比较合适。而封面则有清新明朗的视觉效果，让读者的第一感觉是亲近清爽。然后封面题目的字体采用的是汉仪太极简体，这个字体厚实担不失动感，我的用意就是使这个“足迹”脚踏实地的同时又具有青春的活力。
图3-4封面的页面设计 图3-5 封底的页面设计
3.3 扉页设计
扉页是整体设计的一个内容，由于对色彩、字体、版式、图形、材料、结构的处理，呈现出本书的个性风格，同时担负着外观与正文的连接作用，设计好扉页，在出版物装帧艺术中是一个不可缺少的部分。扉页的设计是通过色彩运用、文字设计、版式设计、图形、材料选择以及结构来体现上述的几个特点，通过这些设计和选择来构建好这座桥梁[6]。
我的扉页是以灰蓝色的色调作为背景图，并以水滴式的水脚印作为主要表意图像，再一次地强调了主题的“足迹”。另外加入处于对角线的主题文字，并赋予溅出的文字动画， 使读者逐步地进入作者的故事世界。最后再加入了滴水滴的动画，使得画面更有动感，尤其使水脚印更为形象生动。整体来讲，扉页是简约但又不乏清新的感觉。扉页效果如图3-6所示。
3.4 目录设计
目录能使读者对于整本电子杂志的内容有一个快速的了解，而且通过目录可以直接到达目标页面进行浏览。在目录页的排版上，采用分栏的格式。每个栏目下按顺序分列着相关的文章标题。
目录的设计主要是其链接功能的设计，其次是美观、易检索。《成长的足迹》目录以橙色作为主背景色，橙色是能象征着青春的色彩。而它的的图像是与封底相呼应的，为更加清楚显现目录章节的内容，我把背景图做了模糊化的效果。而对于文字方面，因主色调是橙色，我的文字颜色也是由橙色和白色组成，这样使整个画面比较统一。另外字体使用了汉仪太极体和方正喵鸣，使得字体不再那么的呆板，也表达着青春的活力气息。并通过Iebook功能使得有文字具有了链接功能，使读者更容易阅读。最后，再加入了飘花瓣的动画，是整个画面更有一种青春气息的意境。目录效果如图3-7所示。
3.5内页设计
在目录中已经很清楚地展现了我的设计思路，主体就分为三个部分家人、朋友、集体。而对于每一部分又是有所不同的体会，因此对于每一章节它有对应的风格。
3.5.1 第一章节的设计
本章节是关于家人的内容，总共占用了2页即4面。第一页就主要是展示一下我的家人（如图3-8示），而第二页是记录我的家人在这四年中陪伴我长大的往事（如图3-9）两张背景的主色调都为绿色，绿色是我最喜欢的颜色之一，因为绿色能为我带来动力，它是一种生命力的象征。而家人就是往往能带给我最大动力的源头，使他们让我能一天生活如此幸福。
其中的第一页主动画是用四个草帽式的按钮来展示在草席中的图片，而草帽草席这些元素很容易让我想到我们家田地的简易草房，在那里有家人的辛勤汗水。当鼠标放在草帽上时，它就会自动翻转过来显示图片的缩略图，再次点击时就会在草席中显示出来。
另外我再根据背景图片加入了飘着渐渐消失的白色花瓣，这样正好与背景图案中绿色草藤中的白色花相接应，这样使入的动画不是那么刻板。效果如图3-8所示。
而其中第二页比第一页文字就要多一些了，因为它是记录家人陪我成长的一些图片，所以要赋予一些文字来说明这些图片的特殊意义。其中有五张图片，而且每张图片都有对应的文字说明，当点击一张图片时，它就会放大并且切换到对应的文字上来。而说明文字是用了康华布丁体，在我看到这个字体时，就觉得它就像我在家的感觉——踏实与自由。最后我还加入了从说明文字渐出的气泡，使文字有了生机。效果如图3-9所示。
3.5.2 第二章节的设计
第二章节我主要是记录我与四位挚友的故事，同样也用了两个页面。我们都是一群有梦想的女孩，我们都在为自己的梦努力着，在努力中我们一起笑过，一起熬过困难期，互相鼓励加油。所以我用蓝紫色充满梦幻的颜色作为基调，我希望我们能在我们的梦中获得更多的精彩与快乐。
其中第一页颜色主要是蓝与黄，它们是一对补色，但在反差中也能透漏出一种和谐美。这其中黄色的LOVE车是在Photoshop中做的，再加上动画效果所呈现的是载满朋友的LOVE车迅疾而来。而旁边的四张图片也是可以打开的，下面还有我的心情话语。另外的文字同样也是蓝色调的，它使用了一个动态的文字模板使文字不再那么呆板，虽然只有简单的几个字，但这些是我最想对可爱的她们说的。效果如图3-10所示。
第二页是记录了我与朋友一起旅行过的地方，虽然在这些旅途中，酸甜苦辣各种滋味都有，但留给我印象最深的还是与她们一起的快乐时光。页面中有五个图片的缩略图，点击第一张后就可以按照图片的顺序依次浏览，另外我已经在图片上附上了所在的地名，我与她们从在西安郊区的南五台一直到远在千里之外的繁华都市—深圳，我们一路走来，已经成长了很多。我依旧用黄色系的字与蓝色的背景相匹配，两个文本有不同的动态效果，使画面跃动起来（在静态的图片不能显示）。除此之外，我在页面的左上角添加了蓝色的冰花掉落的动画特效，与背景基调相得益彰，并且有回忆的意境。页面效果如图3-11所示。
3.5.3 第三章节的设计
第三章是展示我在集体中的成长过程。它又由宿舍、班级和学校组成的，总共占用了四个页面。在这个集体里我们每一个成员都正值青春年华，我们有各自的理想，但我们却能在同一个教室里学习，可以在同一个地方留下我们每个人不同的足迹，而我们也可以互相帮助鼓励去接近我们的目标。所以我用橙色作为该章节的主色调，它代表着青春，阳光，积极的意思。
第一页是小集体--宿舍的舍友情介绍。在大学里宿舍就自己的另一个家，舍友就是我的另一种意义的姐妹。我们生活、学习都几乎在一起，呼吸着同一片的空气，在宿舍里总有那么几件事情让我永生难忘的。本页面用纯橙色的背景图片作为底色，然后图文交替呈现，本页面的文字较多，希望读者能从文字中感受到更多的表达信息。该页面整体感受是整齐，朴实无华。其效果如图3-12所示。
第二页是描述了在班级的集体中成长经历，看看我们三年多的照片，可以发现我们每个人都有所变化，这也许就是青春的足迹吧。本页面主要是由六张图片和一组文本构成。它的背景是具有淡雅清新的白色雏菊花，但仍是橙色主基调。而文本的字体有两种，“我们的青春，一起度过”的字体是王正良硬笔楷书立体简体，它能呈现出青春的那种纯净与洒脱之感。而另一段“很幸运……”的字体是方正喵鸣字体，又可表现我们可爱的一面。并且这组文本动画会使文字的位置做一个动态变化，从中间位置移动到左上角的位置。其静态效果如图3-13所示。
并且其中点击图片会出现另一个页面，如图3-14所示。
第三页仍属于班级的部分，主题是青春的笑脸。页面背景是太阳花，给读者积极向上，快乐阳光的感觉。同时赋予了有璀璨星光的文字特效，使得青春的笑脸更加灿烂。在底侧的是16张图片的推挤效果，任意点一张图片就可以形成浏览图片的界面。其页面效果图如图3-15所示。
第四页是学校部分。主要内容是展示了我的校园景色，其中有三张是我自己拍的作品。我们的校园也充满了青春的足迹，在它那我们留下了很多的欢声笑语和一些帮助我们成长的艰辛历程。页面主要由五张可以点击放大后浏览图片以及一组文本构成，另外我还附加了一个飘落叶的特效动画，使画面更有校园气息。其页面效果如图3-16所示。
这样《成长的足迹》电子纪念册的所有内容就设计完成了。
4 电子纪念册的生成
若直接将纪念册存储为Iebook源文件，则读者还必须安装有Iebook超级精灵软件才可阅读，因而本纪念册在编辑完成后将其生成EXE文件，操作也很简单，直接点击软件上方菜单栏中的“生成”选项即可，然后在弹出的“生成设置”对话框中对文件属性进行设置。分别如图4-1、4-2所示。这样就可以将其发布到网页上，供更多的人阅读。这样，《成长的足迹》电子纪念册就完成啦！
5 总结
这次课程设计首先让我熟悉了Iebook超级精灵软件，让我又多学会了一种设计软件。从一开始的无从下手到现在能灵活应用其中的功能，让我深刻地体会到了任何东西都可以从重复学习中慢慢掌握，所以我将不会再害怕自己不会，只要用心学习，一定会有所收获的。另外在课程设计的初期搜集图片资料和有关设计方面的资料也用掉了不少时间。并且在选择某个图片应用到电子纪念册中时要根据自己的主旨选择最合适的，必要时还要对图片做必要编辑。这些要比自己原先想的麻烦的多，这也说明要多去实践，才能知道其中的问题。若只是想到而不做，就不会真正了解其中的道理。最后，在使用Iebook超级精灵软件时发现，它是套用固有的模式，方便但没有特点，做成一本或许还觉得丰富多彩，但要是再做几本，就会觉得千篇一律，所以有些局限。因此还是要学学Flash软件，这样就可以按照自己的设计要求来制作真正属于自己的电子出版物。
《成长的足迹》电子纪念册是我第一次为自己的成长过程做的设计，它里面还有很多的不足，我会在以后的学习过程中不断完善自己的不足，但它对我来说是具有很高纪念意义的设计，我会把它当做送给自己的礼物好好珍藏。
参考文献
[1] Mocha Cafe．电子杂志发展与现状［EB/OL］.http://imofei.blogbus.com/logs/4801210.html．
[2] 钱军浩．电子出版技术[M] ．北京：化学工业出版社，2007：21-23．
[3] 李波等著．中文Flash8动画制作[M].北京：清华大学出版社，2006：78-82．
[4] 电子杂志Iebook超级精灵首页［EB/OL］．http://sc.iebook.cn/down_im.htm．
[5] 毛德宝著．书籍设计［M］．上海：上海画报出版社，2005：21-41． [5] 毛德宝著．出版物设计［M］．上海：上海画报出版社，2005：10-41．
[6] 王红卫，何沙．字体·书籍·设计[M]．中国纺织出版社，1997：7-8．
本文来源：https://www.2haoxitong.net/k/doc/f8fd4d422e3f5727a5e962dc.html
文档为doc格式