《中国·旗袍》移动出版物的设计与制作

张姣姣 司占军 赵圆圆

摘要：随着“互联网+”概念的出现，新媒体技术应用得到了发展，进而涌现了一种新型的阅读终端形式——移动出版物。基于对移动出版业发展现状的认识和其发展趋势的判断，并借鉴国外移动出版发展的经验，传统纸质已经不再是唯一的知识传播途径，移动出版物也加入到了传播的舞台，它兼具了平面与互联网两者的特点，呈现给读者更精彩的视觉体验。该研究以中国特色服饰旗袍为主题，制作声、画一体的互动型移动出版物。

关键词：移动出版物；旗袍；传统文化

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2018）14-0271-02

该设计是以中国特色服饰旗袍为主题，制作声、画一体的互动型移动出版物。通过平面制作软件Adobe Photoshop和Adobe Illustrator对文字、图片等素材进行整理，利用Adobe Edge Animate制作动画效果，Adobe Premiere剪辑视频、音频，然后在设计排版软件Adobe Indesign对版面进行设计、排版和互动效果等制作，最后利用Adobe Content Viewer展示效果。将传统服饰旗袍与新兴的阅读终端相结合，制作出具有中国特色文化的新媒体数字化作品，更便于人们接受并传播。这种模式既符合现代人的阅读习惯，易于接受，又将传统文化的精华提取出来[1]，减轻了人们的阅读负担的同时还增加趣味性、互动性和可读性。

1 开发环境与软件

设计制作环境： Windows 7 系统，AMD A8-4500M APU ，4G内存，64位操作系统。

上传终端环境： iOS系统，IPAD 64位A9芯片 ，128G内存。

制作软件：Adobe Indesign CC2014、Adobe Edge Animate CC、Adobe Photoshop CS6、Adobe Illustator CS4、Adobe Premiere Pro CS4、Adobe Content Viewer。

2 设计思路与框架

首先明确需要制作的文件数目以及名称，将其按照各部分的介绍方向分为不同的类别，整体主要分为以下几个方面：片头片尾动画视频、封底封皮、目录、发展、文化、特征、轶闻、后记。利用Adobe Indesign CC2014来分别制作各部分的版面和二级分类，根据各部分实际内容使用相关素材设计版面。然后在PC端对互动效果和动画成果进行预览，最后进行发布。

3 《中国·旗袍》移动出版物的设计与制作

3.1 前期准备

查阅文献资料，研究旗袍古今文化，根据移动出版物的制作部分，收集具体相关的文字图片等资料，旗袍的发展进程，文化底蕴知识，特征样式细节，名人轶事等。对收集的资料信息进行编辑整理集合，编辑抒写旗袍的文字资料，查找相关视频资源，并进行剪辑对接。设计版面整体风格与结构，为后续制作做好准备。

3.2 版面设计的制作

制作移动出版物对文件的管理比较严格，一定要规范文件和文件夹[2]。其次，整体移动出版物的风格样式统一，基调以中国风为主，简洁淡雅。各级目录页面内容由红色墨迹以及旗袍简画相互关联，底边纹路为旗袍领口图排列，页面都有相关英文文字和直线竖版排列，整体元素保持一致。

首先设计封皮、封底及目录。其中封面为《中国·旗袍》移动出版物的首要内容，可以让受众更加直观的了解作品内容。如图1所示为封皮板式。

然后设计主题部分，主要分为四个版块，发展、文化、特征和轶闻。

发展部分。发展部分是整个移动出版物的重要开端，是了解中国旗袍的基础[3]。这一部分包括旗袍的起源、概念和演变过程。详细介绍旗袍由史至今的演变过程，通过图片的滑动展示，叙述不同时代的旗袍变化，让读者了解到传承国色的服饰之路。

文化部分。主要包括非遗、国服和影视部分，在非遗部分，介绍了从小衣铺到中国非物质文化遗产的龙凤旗袍以及它的传承人；还有国家重大会议展现的国服之美，以及影视剧中旗袍所塑造出的高雅气质和东方神韵，都令人心生向往。

特征部分。这一部分主要介绍了旗袍的样式、色彩、图案、工艺以及细节之美-盘扣。让读者多角度、全方位认识了解旗袍。

轶闻部分。主要包括一些有关于旗袍的名人轶事趣闻，以及现今制作精致的旗袍店铺，进而展现旗袍的魅力和名气。如图2为轶闻部分目录。

最后，根据版面内容需要，利用Adobe Edge AnimateCC制作动画效果。通过添加并设置不同帧的变化，调整时间轴，完成动画的制作，可以增强版面的可观性。同时，将各部分的文件整理、细化，置入相关动画、视频、音频，优化精致整体效果

3.3 交互功能的实现

以“特征”部分为例。这一部分的设计版面左侧为颜色按钮，可上下滑动选择颜色，不同的颜色按钮对应相应颜色的旗袍介绍。先在Adobe Photoshop CS6中制作颜色按钮，将他们置入到Adobe Indesign CC2014中，进行排列对齐，并设置成按钮，编组，“Ctrl+X”进行剪切，运用矩形选框工具画出相应大小的矩形，选中，点击右键，“贴入内部”，打开Folio Overlays面板，点击“可滚动框架功能”，“滚动方向”选择“垂直”。相应颜色对应标题字体颜色，将旗袍图片置入并进行排版，也设置可水平滑动效果，减少页面布局的空间。可向下滑动页面查看不同颜色的介绍，也可以点击左侧颜色按钮，直接实现相应颜色跳转。

3.4 上传与发布

在PC端对互动效果和动画成果进行预览，并进行完善[4]。然后将制作完成的文件进行保存，单击“保存”，选择规范化的保存路径，修改规范化的文件命名格式，将所有用到的字体、音频、视频等材料放到指定的“links”文件夹中，关掉所有.indd文件，打开Folio Builder面板，登录Adobe的账号，创建新的作品集。然后在iPad上打开VPN，打开Adobe Content Viewer，登录Adobe账号，刷新下载移动出版物，发布即完成。

4 结束语

《中国·旗袍》移动出版物这个主题主要着眼点在于旗袍文化的传承与发展，从旗袍出现一直到如今的服飾演变，都值得我们去进行探索研究，而这一过程烦琐复杂，不易完整展示给受众了解并进行文化上的传播。此次《中国·旗袍》移动出版物的设计跨越清末、民国、现代的时间维度，通过旗袍的发展、文化、特征和轶闻四个方面，详细介绍旗袍的服饰文化，让受众读者通过交互阅读的方式了解学习旗袍文化的相关知识，进一步了解中国旗袍，从而实现本次设计的目的。与此同时，移动出版物设计的界面还应该更加富有创意，交互功能更加多样，从受众角度考虑，操作步骤应该更加的便捷和人性化，设计的内容方向应该更加符合大众审美[5]。

参考文献：

[1] 耿佃梅， 谢家荣. 基于徽文化的现代室内设计研究[J]. 赤峰学院学报， 2014（22）： 53-54.

[2] 高凯. 基于中国虹计算机的文件管理系统设计与研究[D]. 济南： 山东大学， 2015.

[3] 姬益波. 谈旗袍元素在现代服装设计中的运用研究[J]. 大众文艺， 2016（9）： 100-101.

[4] 王颖， 司占军. 基于方正飞翔的互动出版物的设计与制作[J]. 电脑知识与技术， 2015（10）： 195-197.

[5] 徐晞. 论述景观环境中人性化设计[J]. 建材与装饰， 2016（19）： 66-67.