1制作背景

随着生活水平的不断提高，人们对衣着的要求越来越高，希望服装不仅能蔽体御寒，更要赏心悦目，服装美学这一学科应运而生。服装美学是一门交叉型课程，直接关系到服装的材料运用、色调搭配和造型等[1]。对服装元素和色彩的运用、对形式美的把握等是广大服装设计者的必备知识；对服装及配饰美的诠释、对美感与心理的理解等不仅对设计者至关重要，对着装者也同等重要。

在日常学习过程中，学生常通过书本或杂志学习相关知识。书本无法充分对服装中的美进行表达，而杂志又存在知识不系统、交互性不强的问题。基于上述原因，制作知识内容全面并且交互性能良好的电子杂志是解决学生学习资料不足问题的有效手段。

2软件选择

一般来说，专业设计人员多采用Flash进行设计制作。Flash具有完善的动画及交互设计功能，能够保证制作出来的电子杂志吸引学生的眼球。然而，完全采用这种软件，制作过程相对会较复杂。可以选择以全民制作杂志为目的的电子杂志制作软件作为电子杂志的主体制作工具，以简化制作步骤。ZMaker是一款较专业的电子杂志编辑软件，有现成的模板可供选用[2]，菜单工具简单，能够发布在线版和单机版两种类型电子杂志[3]，功能较全面。

为使生成的电子杂志交互性更强，可以用Flash软件制作必要的内容页面。动画的完美呈现和代码的精准控制会使杂志更具人性化。Flash制作的swf文件体积较小，下载速度快，适于网络传播[4]，其内置的Action语言也能够被Zmaker解析。所以，将Zmaker与Flash相配合使用，是制作服装美学交互型电子杂志首选的设计方式。

3电子杂志的功能设计

服装美学是美学的一个分支。在制作交互型电子杂志过程中既要将美的元素蕴含在软件界面中，通过适当的交互设计及多媒体表达等方式使知识更易于理解；又要设计利于学习者学习的相关辅助功能，如载入界面、目录等提示、导航功能。图1为电子杂志的功能设计图，每个功能都为学习者的学习提供了必要的支持。

电子杂志功能设计

4电子杂志的技术实现

4.1 内容呈现功能的实现

内容呈现设计是电子杂志设计的重要部分，主要包含界面美化设计、内容交互设计和音视频嵌入设计三个部分。

4.1.1 界面美化设计

界面美化设计可以提高学习者的学习兴趣，使学习者有进一步学习的欲望。Zmaker是一款灵活性很强的软件，既为广大非专业设计人员提供了丰富多彩的模板，又允许专业设计者自主利用Flash进行美工设计。

Zmaker主页里提供了许多适用于各种情况的模板，如一图模板、二图模板、三图模板以及文章类模板、目录模板、封面封底模板。用户可以根据需呈现内容的具体情况选择合适的模板，减少后期美工设计的工作量。

Flash的边缘扫光效果、局部模糊效果等也是有效的美化设计方式。服装美学的电子杂志所涉及的图片案例较多，适当使用特效会使学习者更加明确文字所指，提高学习效率。

4.1.2 内容交互设计

服装美学的知识点往往需要若干张图片来表达。为了让学习者能够自由地切换图片，电子杂志的页内要进行必要的交互式设计，以满足学习者反复温习的需求。

页内交互需要在Flash中实现。可以将知识点制作成单独的Flash，学习者点击按钮，进行前后切换，以ActionScript语句的prevFrame和nextFrame进行交互控制。如图2，“外造型线”知识点需要用多张图片进行诠释，可以将这些图片做到同一个Flash文件中，以“上一幅”“下一幅”指引学习者进行学习。

图2内容交互设计

图3音视频嵌入添加代码

4.1.3 音视频嵌入设计

在一些国际服装走秀视频中，也有诸多可供学习者学习的元素。这些元素引领了国际时尚，同时也给学习者带来了新的设计灵感。将这些视频嵌入电子杂志中是非常有必要的。

音视频的嵌入可以使用Zmaker软件的“添加视频”功能进行添加，但是Zmaker的视频嵌入功能尚不完善，无法解决视频被放大或变形的问题。因此，可以借助Flash的导入视频功能，另外附加ActionScript语句对视频的播放、暂停及停止功能进行控制。可以建立一个影片剪辑，将视频嵌入影片剪辑中，命名为film，并加入控制按钮。影片剪辑第一帧及各按钮所加代码如图3所示。