
《味觉》本帮菜专刊电子杂志的设计与制作
2011级影视多媒体技术专业(2)班陈敏
摘要:《味觉》是一本有滋有味的“食·物”杂志,该杂志传承美食传统,
追踪最新的美食风潮,报道最重要的饮食潮流引领者,分享最独家的秘密品
鉴经验,为读者提供最可靠的美食指南。本电子杂志通过利用方正飞翔软件
跟Photoshop两个主要的软件进行制作,将文字、图片、视频、音频融入到杂
志中,让阅读成为一种享受。该电子杂志可移植到ipad、MOBILE及平板电
脑等多种个人终端进行阅读。
一、《味觉》本帮菜专刊电子杂志的设计选题
1、选题的原因、目的和意义
《味觉》杂志是未来即将创办的生活类杂志,是一本主张由美食进入高品质生活方式的生活类杂志。该
杂志以“有色、有味、有劲”为编辑方针,同时立足中华美食传统,探索中国人对美食的态度、情感以及各种心理冒险。杂志试图以美食为线索,透析当代中国人的社交圈以及生活方式,为读者描绘出一幅当代中国人美食生活方式的众生态。
在探索中华传统美食的过程中发现,地方特色菜成为了人们关注的焦点,为了扩大市场、增加杂志在网络上的点击阅读量与关注度,特为上海、北京、深圳、潮汕等地区的地方特色菜制作专题。上海,中国第一大城市,繁荣的国际大都市,人口密集,人们的社交圈繁多,拥有强大的消费市场,再加上上海外来人口众多,想要了解上海文化的人也不计其数。而美食文化又是众多人想要了解这座城市特色的一个重心,所以本杂志首先选择上海特色本帮菜为主题制作专刊。
随着新媒体时代的来临,电子杂志正逐渐成为网络时代一种成熟的体验性阅读媒介。电子杂志将文字、动画、声音、图片融在一起形成一本电子书的形势,是新媒体的一种发展形式。电子杂志通过网络传播,发行量巨大,从而能让更多的人了解本杂志。电子杂志具有互动性强的特点,增强了杂志的有可玩性,增加了读者的阅读兴趣。方正飞翔是制作互动新媒体的一款软件,其中可单独制作出20多种不同的互动效果,如制作全景图、图像序列、地理标注、拼图游戏等。方正飞翔操作简单,互动效果的制作也极为方便。
2、针对本杂志设计选题的调研和准备工作
(1)了解本帮菜的背景并收集素材
通过百度百科了解到:上海人称的本帮菜指的是上海本地风味的菜肴,特色可用浓油赤酱(油多味浓、糖重、色艳)概括。常用的烹调方法以红烧、煨、糖为主,口味咸中带甜,油而不腻。本帮炒菜中,荤菜特色菜有响油鳝糊、油爆河虾、油酱毛蟹、锅烧河鳗、红烧圈子、佛手肚膛、红烧回鱼、黄焖栗子鸡等,真正体现了本帮菜浓油赤酱的特点。上海蔬菜按季节不同有各种时令菜。马兰头、荠菜、香椿头、鸡毛菜、上海小油菜等都非常清爽。市民早点——四大金刚:大饼、油条、粢饭、豆腐浆,市民百吃不厌的面食——生煎包。
自1843年上海开埠以来,随着工商业的发展,四方商贾云集,饭店酒楼应运而生。到本世纪三四十年代,各种四方菜馆林立,有京、广、苏、扬、锡、甬、杭、闽、川、徽、潮、湘、以及上海本地菜等十六个帮别,同时还有素菜、清真菜,各式西菜、西点。这些菜在上海各显神通,激烈竞争,又互相取长补短,融会贯通,这为博采众长,发展有独特风味的上海菜创造了有利的条件。
图片作为电子杂志中不可缺少的元素,图片的质量对杂志的阅读效果起着至关重要的作用。查找图片资料时常因图片的清晰度而犯愁,图片素材的收集花去了近一个礼拜的时间,通过在各大素材网站(站酷、昵图网、我图网、站长素材)建立账号花金币购买关于本帮菜的各种菜肴的图片,如扣三丝、响油鳝糊、油爆河虾、油酱毛蟹、锅烧河鳗、红烧圈子、佛手肚膛、红烧回鱼、黄焖栗子鸡等。
在搜集图片素材的过程当中遇到适合版式设计也一并下载以便对杂志的版式设计做参考。通过美食网站(美食天下、天下食堂等)、美食旅游杂志(行乐、吃喝玩乐、美食堂等)搜索关于上海本帮菜的图文资料。在百度百科,百度贴吧,豆丁网搜索关于上海的饮食文化以及上海的人文特色的文字素材。还通过百度视频搜索有关本帮菜的超清视频(720P)利用维棠下载,以便应用到电子杂志的制作当中。
(2)制作软件的准备
制作电子杂志的软件有iebook、Zmaker、方正飞翔等,使用最多的是iebook,这款超级精灵作为全球第一家融入互联网终端的专业电子杂志,有操作方便、快捷的特点,只需通过简单的几次鼠标点击,就能制作出一本时尚、动感、个性化的电子杂志。Zmaker的制作方法跟iebook有异曲同工之妙,这两种制作软件有固定的模板,这给设计者带来了很多的好处,但又有诸多弊端,例如当要表述的文字或者图片的内容超过了模板固有的字数时,整个版面就会发生变化,再者,这两种软件的版式是固定的,只能做成横版的版式略显呆板。iebook跟zmaker这两种共同的缺陷在方正飞翔当中都不存在,方正飞翔是集图文排版与制作多种互动效果于一体的软件,操作虽复杂,但给设计者们带来了来更多的设计空间。方正飞翔的不足之处在于导出的文件目前只能在ipad上进行观看,无法生成.exe 文件,所以观看作品的时候需要先对文档打包,再输出成.dupb格式,最后导入到安装过翔云阅读器的ipad上方可观看。鉴于方正飞翔在版式设计上发挥的空间较大,所以选择使用方正飞翔这款软件进行制作。
二、《味觉》本帮菜特刊电子杂志设计要素与制作过程
1、电子杂志的整体设计风格及内容结构
整体设计风格本美食杂志具有“有色、有味、有劲”的特色,采用“休闲、时尚、实用”的风格进行设计。食物本身有着丰富多样的色彩,因此无需再添加艳丽的背景,整个杂志多采用计白当黑的处理方式,从而使整体设计显得简洁大方。
结构内容:正本杂志分专题、餐桌、农家乐、特辑这四大块,重点放在专题模块中。专题模块中利用8个页面介绍了本帮菜的历史背景、国家级上海菜泰李伯荣(李伯荣的访谈)、传统菜色的制作方法(八宝辣酱、扣三丝、蒸三鲜、油爆虾)、至今仍然保留着上海特色风格的餐厅(上海老饭店)、本帮菜的特色菜肴(鸡豆花牛肉煎饼、南乳扣肉、一品
元宝肉、)。餐桌模块利用2个页面介绍了上海传统的早餐(粢饭糕、油条、生煎、小笼包、葱油拌面、豆花等)、上海人百吃不厌的菜色(小龙虾、大闸蟹、香椿头拌豆腐、四喜烤麸、糖藕)。农家乐模块中利用4个页面介绍了农家乐的特色、胖阿姨农家乐的传统特色(肉粽、茶叶蛋等)、发布上海知名农家乐的信息(崇明人家)。最后一个特辑模块,利用2个页面介绍了高级美食评论家沈宏非的传记、访谈沈宏非对上海小时候的记忆。
在以下作者通过软件、文字、图形、色彩、编排五个方面来介绍该电子杂志设计的整体设计构想。
(1)软件
这本杂志在制作过程中主要运用了方正飞翔互动制作软件、Photoshop图像处理软件。在方正方正飞翔中运用到最多的几个操作菜单是工具箱、段落属性、互动对象以及互动菜单栏下的操作。(操作窗口如图1红色区域)
Photoshop拥有强大的图像编辑、图像合成、校调颜色及特效制作功能,因此,我们可以使用Photoshop编辑、修改或创作部分图片素材,还可以为杂志制作背景。在Photoshop中主要运用到工具有黑箭头、钢笔、仿制图章等。(操作界面如图2红色区域)方正飞翔的制作中,任何互动效果前都需要先画一个合适大小的框作为占位符,然后再置入图片、文字、音频、视频,方可做互动处理。方正飞翔操作起来看似简单,实则需要耐心细致地调节设置参数,才能达成预想的互动效果。例如在给页面添加视频互动时,当同时勾选弹出式全屏播放、自动播放、显示播放控制时(如图3),在视频播放的过程中却没有显示播放控制(没有图4红色区域内容),所以很难回到原来的页面,只能滑动视频进入下一个页面,当不勾选全屏播放的选项后重新预览时,播放进度条出现了,而且还可以切换至全屏观看,退出全屏后还能回到原来的页面。
图1
图2
图3 图4
(2)文字 文字是人类文化的重要组成部分。在视觉媒体中,它一向是构成要素。文字的设计,排列组合的好坏,直接影响到整个版面的视觉效果。它首先必须要有可读性,通过不同大小和面积的变化,会带来相对不同的视觉感受。在电子杂志中,字体的选择首先要遵循便于识别,容易阅读的基本原则。
在整个设计的过程中,文字的字体、字号的选择与处理给本杂志的制作带来了很多的困难。多次通过试验将字体、字号设置好后生成.dupb 文件导入到ipad 上进行预览观,经过对比发现,方正飞翔中的字号整体偏小,正常情况下,字号设置为五号便可达到舒适阅读的效果,而在方飞翔中字号要设置成三号,才能达到与五号字相同的大小,这是在实验过程中的一大收获。杂志中字体的变化不易过多,在本杂志设计中共利用了五个中文字体(方正细圆简体、方正大标简体、方正大黑简体、经典特宋简题、华康黑体)、两种英文字体(Arial 、MV boli ),其中利用华康黑体做为正文字体,字体大小设置为三号字、行设置为一个字符,此设置达到了人眼最舒适阅读的效果。(修改前如图5 修改后图6)
一本杂志中文字的标题是吸引人眼球的又一重要的因素。如,修改前的文字的标题平淡如水(本帮菜特色、上海农家乐、沈宏非自传),最终通过整理百度搜索,整理出大量特殊的标题,进行模仿参照,方才设定出稍显新颖的标题(泰斗口中的本帮菜、美味的前世是如画的风景、简朴的果腹之物、馋宗大师沈宏非的舌尖之感等)。(修改前如图5 修改后图6)
图5 图6
(3)图形
图形是电子杂志版面的重要组成部分。作为设计元素,图形可以使读者更好地理解文章内容,它能够将文章的内容视觉化、形象化,是文章的有益补充。图形包括摄影照片、插画和图表三种形式。本杂志使用大量的高清图片(大小:1.14MB、尺寸:3072*2048、分辨率300dpi),它可以具体形象地表现出食物的色泽味道,触发读者味蕾(当看到诱人的食物图片时,会条件反射流口水的行为)。图片经过制图软件的裁剪和修改得到具有抽象感、构成感的图像局部,从而表象出不一样的视觉感受。如图7,经过Photoshop圆形选取框工具框选出图片的局部,复制到新建透明画布上,另保存为.png格式后再导入到方正飞翔中,利用剪刀工具将不必要的白边扣掉,最后对文字跟图片做适当的图文绕排的处理,给人一种新奇感。
图7
(4)色彩
电子杂志的版面配色既要考虑静态平面版式的色彩搭配,也要考虑动态镜头的色彩搭配。色彩可将版面划分成不同的区域,通过色彩区分不同栏目或文章可以使读者的思路清晰,保持阅读过程中的思维活跃感和新鲜感。
更多推荐
上海,杂志,电子杂志,设计,美食,图片,制作
发布评论