Flash广告设计要素

2012-01-18 14:51  评论 0 条

 

Flash广告设计要素

 

应上面要求,在内部做一个关于“banner“设计的分享。搜了下,网上这类文章挺多,思来想去,决定这么干:1对前人的经验总结一下,2重点介绍一下flash 广告设计的要点。

文中引用了设计师董飞侠的案例(效果很赞!),还望海涵^^

本文适合新手阅读。

 

1:主题

投放在媒体的banner需要在最短的时间内给用户传递出最关键的信息,这就要求我们在设计之前一定要和需求方充分沟通,明确活动主题、重点、一定要求对方提交宣传文案、商品图。(如果商品图质量不好,可以要求他们再重新给几张,有时候他们自己也不知道那个好,随便给的)

例如:XX商城 全场正品 春季疯狂大特卖

默认情况下,价格信号、打折标签都是需要重点突出的,所以要对数字进行强化处理。(活动时间除外)

2: 字体

在banner的设计中文字扮演着相当重要的角色,正确的选择字体是一个良好的开端。首先要根据主题选择适合氛围的字体,例如轻松氛围的可以选择卡通、活泼一点的字体,中国传统节日可以选择书法字体等。

另外还需要注意下面几点:

a:最好不要选用过细的字体

b:选用小字体时要适当的扩大字体间距,方便用户快速浏览.

c:选用大字体时要适当的减小字体间距

看下面的例子:

注意:并非要求小字体的间距一定要大于大字体间距,只是相对而言。

3: 视线

浏览者的视线一般是从左到右、从上到下,要让banner里的文字、图片排序符合用户的浏览顺序:

如果你没有更好的排放方式,把产品图放在banner的左侧一般不会出错,如果是人物图,尽量使人物的视线方向对着主题关键词。

4:按钮

如果添加“立刻购买”、“查看详情”等按钮,尽量放在最右侧或者下面。

另外在flash里如果做出鼠标点击的动态效果,会有很强的暗示心理,有助于提高点击率,这种形式曾经有一段时间大肆流行,不过最近在主流媒体广告位上很少看到。(印象中似乎和假“关闭按钮”一样,被主流媒体禁止过。)

5运动轨迹

Flash banner中,良好的排版是banner成功的一半,另一半就是流畅的动画节奏,这需要后期不断的调节。这里简单说一下在图片或文字的运动轨迹中需要注意的一些问题。

a:一般情况下,物体在进入和离开场景时,要尽量选择较短的路线。特别是物体离开场景时,不要占用太多时间和空间,要干净迅速。

b:物体进入和退出场景的运动方式应该采取同样的风格,例如物体以滑行方式进入场景,最好也以滑行方式退出场景。(ps:交互设计中有个对称性交互原则,说的大致就是这个意思。)

 

6创意

好的创意往往能激起大家的点击欲望,并且让人印象深刻。在flash广告中有两种特殊的创意形式。找了几个示例。

a:异形广告 制作成本较高,周期较长,对设计和创意都有很高的要求,由于可能同时会用到两个及以上的广告位,所以往往还需要投放媒体的配合,以保证在相应时间同时播放。

 

 

b:交互式广告,需要用户参与互动的广告,做这种广告往往具有一定趣味性,激起用户的兴趣,从而增加点击率。为了引导用户参与,一般会有文字提示,或者间隔几秒钟后自动播放。

这两种方式都要承担一定得风险,但是一旦成功,回报也是惊人的。

7时间

每一帧的播放时间保证用户可以快速浏览完关键信息即可,总体时间不宜过长,往往需求方希望每一帧播放的时间尽可能的久一点,但是他们忘记了用户是很少会耐着性子看完的,虽非你的广告像上面的案例一样吸引用户。另外有的媒体规定全部flash播放完不能超过5秒,仅供参考。

8压缩

目前在国内主流媒体对flash广告大小一般限制在20k-30k之间。这就要求我们在完成创意的基础上对flash进行压缩。在压缩的时候请注意这几点:

a:所有文字打散处理(选中文字,连续两次“ctrl+b“),不仅能减少文件大小,而且可以防止在其它电脑上特殊字体被替换成系统默认字体。

b:删减多余的关键帧,包括空白关键帧。

c:只用位图时,在ps里将图片处理成需要的大小,而不要在flash直接缩小。如果图片需要在flash做放大、缩小的动画,那么选取的尺寸应该是展示时间最长的那个尺寸。

d:超出场景的位图记得切除。

e:位图的发布设置适当调低一点,一般50%-80%,甚至20%,不过这个时候图片的质量已经很低了,基本可以考虑去掉这张图片。

f:复杂的矢量图形有时候会比位图更占资源,特别要注意那些直接从AI里面复制粘贴过来的矢量图形。可以在flash里面简化一些线条和形状,去掉不必要的节点。

g:有资料称flash播放器对png格式的位图渲染速度高于其他格式位图,所以文件大小允许的情况下不妨选取png格式。

—————————————————————————————————————————————————————–

一家之言,欢迎各位拍砖。

一下是一些好的分享和问答··如果您看了觉得有什么好的意见或者建议·欢迎拍砖哦··

没有办法解决,最好的办法就是留那个笔画连在一起的那个字单独不打散,或者找同一类型的字体来替换那个字,例如,系统自带的黑体打散时容易粘一块,而你换成雅黑打散就不会,事实上雅黑不打散比打散了要小.

beli 说:a:所有文字打散处理(选中文字,连续两次“ctrl+b“),不仅能减少文件大小,而且可以防止在其它电脑上特殊字体被替换成系统默认字体。这点我有个问题想请教了有些文字在打散过程中,会出现文字打散以后有的笔画就连在一起了,那这个有什么好的办法能解决呢~

我不喜欢黏贴,我喜欢导出SWF

画为琦画 说:ai或者fw里转路径,然后粘贴到flash里。我不知道还有没有更好的解决办法

我 的做法是将文字复制,新建一层,在新图层中选择在当前位置粘贴,改新图层中文字颜色和透明度并锁定(新图层是做为下面的一层的参考的,颜色和原文字差别越 大越好),然后打散原图层中的文字,这时可以看到打散的文字有粘连,利用新图层做参考将粘连部分删除,即可生成正常文字(flash使用特殊字体的文字不 多,工作量不会加大多少),再对文字做描边,渐变等效果。

michaelpst 说:a:所有文字打散处理(选中文字,连续两次“ctrl+b“),不仅能减少文件大小,而且可以防止在其它电脑上特殊字体被替换成系统默认字体。关于这一点,我并不是这样做的,结构简单的字体可以打散,复杂的字体打散会让文件更加大,尤其是在文字上做了效果的(渐变,描边神马的),打散会增加不少的K值。如果位图压缩到20%,基本不能见人了。 简单的效果尽量在flash里面画,如果是商品图这些,不能等于50%。这么低质量的商品点击欲望会降低很多,这样得不偿失。在开始设计这个广告之前,就应该考虑好会出现哪些位图,如果明显会被K值限制的话,可以放弃该创意~

另 外提醒楼主就是关于打散,有些字体不打散比打散要小的,有些字体打散后做形状优化会比原来还要大,当然压缩的时候可以按ctr+b来时刻关注SWF的大 小,关于压缩还有一个很好的办法,那就是自己在FLASH里用遮罩扣出一些JPG的图,用来替代一些PNG,这个办法很好使,但是需要耐心.

479426 说:总结的很好,几年前看到就好了,呵呵

sl618  总结的挺好的!另外,矢量图形较多的banner也可借助swf压缩软件进行优化,也能降低些k数。

本文地址:http://blog.zd178.com/?p=661
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!
新年快乐
新年快乐

发表评论


表情