IPAD女人杂志项目总结
zhangle2010 | 时间: 2011-11-21 | 11,257 Views
视觉设计
前言
IPAD女人杂志,得到这个项目需求的时候,说实话整个项目团队对这个产品都还不是特别的了解。那时IPAD才刚刚上市,而且大家对于专门针对于ipad这样尺寸的无线终端所开发的新一批APP应用也还都是刚刚开始接触。提到“电子杂志”首先想到的更多是一些以FLASH动画作为主要媒介的视觉杂志。所以对于这样一个技术上要抛开FLASH,设计上要从纸媒到新的传播媒介的转换,我们都是“摸着石头过河”。
项目关键词:时间紧迫 从新开始
时间紧迫:当时几大门户都还在摸索阶段,需求方希望走在其他门户前列,最先抢在这个市场。
从新开始:技术和视觉设计这边都需要创新,没有先例可以参照。
接下来长话短说,从视觉设计方面对这个项目做一个简短的总结。
整体构架——经过项目组成员的集体讨论结果,确定了以下的杂志构架
下面从几个方面着重分析一下:
色彩,修图,版式,字体,流程
———————————————————————————————————————————————————————————————–
色彩
杂志整体色彩以女人频道的品牌紫色为主线。
总结了下色彩库如下:
色彩设定主要是在频道需求的基础上,在紫色同色系上的一些变化,并针对与传播媒介的特点。由于IPAD的本身分辨率很高颜色锐度很强。并且屏幕显示的亮度很大,所以在有些设计上可以好好利用这一优势。比如下面的将要提到的再是进场和末页。
另外还有特别要注意的是,IPAD显示颜色与你自己的电脑颜色显示是有差距的,一般电脑的颜色显示会“暗”一些。所以在具体执行设计时要参照而来。
进场和封底—–
创意点:T台,幕布 色彩:品牌紫色 利用传播媒介的特殊属性进行执行,特意找到了有钻石闪烁效果的T台素材,并且用比较深邃的主题颜色,利用显示的优势,使整体画面更有层次感
——————————————————————————————————————————————————————————————————————————–
修图
封面 —–
下面是头7期的封面
以上是最近7期的杂志封面,很容易看出,前七期在色彩和版式上都保持着统一的风格。没有做太多的新的尝试,这也是考虑到杂志创刊初期,要树立统一的品牌传播形象,更容易在目标受众群中,建立品牌符号。
————————————————————————————————————————————————————————————————————-
下面着重讲一下封面设计和执行:
先是最重搞和原图的对比
除了版式上在原有基础上根据每期的人物图片进行有规律的调整外,作为视觉的中心点——人物来说,我们邀着重的加以雕琢,因为一般情况下我们从编辑那里所得到的图片都很不尽如人意。主要问题有:精度低,不是棚拍,光影没有层次,妆面和服装不够精致。所以这些都需要我们这边来进一步优化。
下面主要讲讲杂志制作中的修图环节。这里的修图不仅仅是色阶和对比度,色相的调整,更多的可能更像是变魔术,把本身没有的变出来。
封面修图:上面已经讲过,不再过多讲
时尚图集的修图:这部分可以说是整个杂志工作量最大的地方,先举例说明:
这样的工作要再64张图片上一 一调试,然后将64张图整理成大中小3中尺寸。
另外,在花窝部分的修图出了以下常规的化妆步骤图片的尺寸的色调色阶的修正外,里面着重要说的是化妆品图片的修图
常规修图 —–
编辑提供的化妆品素材一般都要抠图,另外在整个页面上体现的时候要根据设计在加以修饰,要如同修饰大视觉里的元素一样来修饰这些化妆品素材,使其融入环境,不要像是“纸片图”。题外话:其实一般像这种化妆品专题在大型的媒体(例:ELLE.COSMO.MARICLARE)一般他们都是有专门的摄影师进行场景拍摄的,咱们这边是暂时没有条件提供这样的图片的。
—————————————————————————————————————————————————————————————————————————-
字体
IPAD杂志的字体,在项目开始初期我们也做了相关的竞品调查,大多数互动终端产品用的是苹果黑体,但是当时没有太多的纸媒类电子杂志可以作为参考,所以只有经过亲身的验证,所以在杂志的第一期上线之前,我们都属于实验阶段。
最终确定了主题字体(中英),正文字体(中英)
—————————————————————————————————————————————————————————————————————————-
版式
说到版式,应该是对杂志设计来说最为重要的一点了,但是在版式上,IPAD上的电子杂志还是会和纸媒的杂志有所区别的。相比之下,IPAD电子杂志有自己的优势,也有自己的局限性。
弊端:由于IPAD本身的尺寸原因,多数需要竖屏观看而且是单页翻转,所以一些像这样在纸媒上应用的通篇两P排版是不能运用在IPAD上的(本产品技术暂时没有开发横版阅读)
优势:这种特殊的媒介平台,可以提供纸媒所不能有互动功能。
所以介于上面的分析,我们把正文的文字版式做了一下两种可能的排列:
由于IPAD尺寸的缘故,考虑到用户体验,三栏的文字排版方式更容易会带来视觉疲劳。所以选用了两栏式排版。
在主要展示图片的版面,版式张主要遵循黄金分割的原则,分类为一下排版
同样以黄金分割为基础的小封面版式
另外针对于花窝这一部分的特殊性,在版式上也做了特殊的处理。根据每期的内容做了比较多变化。
图集部分的一些散点排版
接着是一些和页面排版一致的活动页面:
———————————————————————————————————————————————————————————————————————————–
流程
提需求—-见面会议—–排期——给内容——设计—–叫给技术和前段—–测试—-上线
上面这个排列应该是整个项目基本的,正确的,有序的一个流程。但是在这里要重点说的是,在真正的项目实施过程中,有几个环节是一直都有问题的,最大的问题应该是在排期和内容上,经常是在没有任何内容的情况下就要我们设计这边给出一个设计排期,所以这个基本是不可能完成的任务,所以最终还都是边给内容边设计制作。所以时间上设计这边没有任何主动性,完全都是被动的要跟这需求方得内容走。边制作边看时间。所以这样一来,咱们的设计时间一直都是相当饱和的。这样一个工作量,一般都是都要在15天之内全部完成。不过现在这个问题应该已经慢慢协调了。
———————————————————————————————————————————————————————————————————————————–
自己的一点建议
最后说说我自己的感受,做了这么久了也,开始对这个项目是充满好奇和憧憬的。执行起来后觉得这个项目是充满压力的一个“体力活”。现在做了7期了,提出几点对这个项目的建议:
图片:希望需求方能投入更多的精力来找到一个咱们自己的摄影师。拥有咱们自己的网易出品大片。而不是再去提心吊胆的GOOGLE上下图。
互动:向往项目组一起来多多从内容上考虑互动内容的添加,而不仅仅是设计师这边自己提出建议
文字校对:希望能有专门的同事来做文字校对这一环节,这样能避免很多反复的工作。
差不多了,基本就这些,简短总结,自己当然还有很多不足,希望接下来接手的同事能把这个项目做的更好!
下面着重讲一下封面设计和执行,图片下面的一句有误:“先是最重搞和原图的对比”
该是“最终搞”对吧?
晕,我也打错了,应该是“最终稿”
您真是心细~谢谢您指出的错误~
很详细了,正如你所说在利用iPad的互动性方面有很多可以考虑的地方。
有技术篇的介绍么。有人是用InDesign做的。
leega @ 我个人觉得这个真没必要用indesign去做,毕竟不是100P以上的东西,而且里面版式变化比较灵活,也并不是千篇一律。另外技术篇的可能不是我们部门可以来总结的,还需要技术和前段的同事有空总结一下。
请问是用什么软件设计的?
经常做桦谢的东西,ELLE给的图确实要省事很多,有些素材甚至是抠图的路径都保留在TIF里。感谢经验分享,学到很多排版上的技巧。
没有看到亮点。
文字写的不错,做个玩意快2年了,有时自己的后台,天天该效果,烦的死。毕竟自己不懂程序。而且好多动画效果复杂点的根本难实现,只好做gif。。
发表评论
分类目录
最多评论文章
最新评论
最近文章
链接
功能
Copyright © 1997 - 2015 NetEase,Inc. All Rights Reserved. Powered By WordPress.
网易用户体验设计中心官方博客