《成长的足迹》电子纪念册最新说明书2---副本

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