Flash广告设计要素

标签: flash 广告设计 | 发表时间:2011-05-09 09:52 | 作者:画为琦画 二宝
出处:http://ucdchina.com/rss/all

Flash广告设计要素


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

本文适合新手阅读。

1:主题

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

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

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

价格标签

2: 字体

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

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

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

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

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

看下面的例子:

字体间距字体间距

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

3: 视线

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

浏览顺序

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

4:按钮

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

button位置

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

button点击示例

5运动轨迹

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

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

物体运动轨迹1

物体运动轨迹2错误的运动轨迹

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

错误的退出方式6创意

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

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

异形广告_设计师董飞侠

点击查看动态效果_设计师董飞侠

异形广告2

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格式。

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

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

有兴趣的读者还可以看看这几篇文章:

浅淡BANNER设计

如何做得Banner通情达意

 

源地址:http://huaweiqihua.com/2011/05/05/flash_banner/

相关 [flash 广告设计] 推荐:

Flash广告设计要素

- 二宝 - 所有文章 - UCD大社区
应上面要求,在内部做一个关于“banner“设计的分享. 搜了下,网上这类文章挺多,思来想去,决定这么干:1对前人的经验总结一下,2重点介绍一下flash 广告设计的要点. 投放在媒体的banner需要在最短的时间内给用户传递出最关键的信息,这就要求我们在设计之前一定要和需求方充分沟通,明确活动主题、重点、一定要求对方提交宣传文案、商品图.

flash存储器(NOR Flash和NAND Flash)

- - CSDN博客推荐文章
Flash存储器经历了最初应用于个人计算机BIOS( basic input output system)存储、嵌入式系统的标准存储器,到目前在某些笔记本电脑中代替磁盘作为外存储器,并被引入到企业级存储的高端存储阵列中,Flash存储技术已经得到很大的发展. 作为一种电可擦除可编程只读存储器,Flash存储器不但能在不移除存储芯片的情况下进行擦除和编程操作,还具有非易失性、固态性、体积小、重量轻、抗震动、高性能、低能耗等优点.

Flash之死

- - 技术改变世界 创新驱动中国 - 《程序员》官网
文 / Francisco Kattan. Adobe公司决定停止面向移动浏览器的Flash开发工作,但导致Flash最终失败的原因却不甚明朗. VisionMobile特邀作者Francisco Kattan撰文就导致Flash消亡的一连串事件进行了分析. 自Adobe宣布将停止开发面向移动浏览器的Flash以来,人们就展开了激烈讨论,很多Flash开发人员表示惊诧和怀疑,分析师们不停地放马后炮,甚至有人恳请Adobe辞退首席执行官.

如何禁用flash

- - 膘叔
本来是不想禁用的,但发现机器的风扇就一直没停过,CPU消耗的最大的就是firefox下的flash插件 .没辙了.我还是禁用它吧. 嗯flashblock即可,但其实我是想从软件的底层就直接禁用它.可惜没有好的办法....只能用插件了.网上类似的教程还有很多,比如这个:. 内容来源:http://orzl.com/weblog/disable-the-flash-on-mac.

Google Swiffy把Flash变成HTML5

- Caiwangqin - 36氪
由于Flash被苹果拒之门外,很多开发者在开发产品时都不得不在Flash和HTML5之间做出选择. 今天Google发布的一个新工具让天平再次偏向HTML5这边,它就是Swiffy. Swiffy可以把Flash文件转换成HTML5标准. 该项目源于Google移动广告团队,开发动机就是有些设备不支持Adobe的格式,因此无法显示Flash动画.

Flash与HTML5性能比较

- frocket - Solidot
Rinick 写道 "近日,一项评测向人们证明了:HTML5在性能上仍远远落后于Flashplayer. 测试使用了Droid X, Nexus One, Desire HD, Atrix, PlayBook, Galaxy Tab, Xoom 等设备,分别测试了位图,矢量图,数值运算,视频播放等项目.

HTML5&Flash之粗知浅见

- Neo - FeedzShare
来自: 网易用户体验设计中心官方博客 - FeedzShare  bullog.org - FeedzShare  . 发布时间:2011年08月03日,  已有 2 人推荐. 比较头大的是Flash又插入不进来了,无奈请您移步 点击这里 先去看一段动画展示:. HTML(Hyper Text Mark-up Language)即超文本标记语言.

Flash: 涅磐与重生

- chuang - 博客园-首页原创精华区
10月3号,Flash Player 11 和 AIR 3.0正式提供下载,一片安静. 最近这两年来,关于Flash的新闻一向是以负面为主,先是 Silverlight 的挑战,然后是 iphone和ipad的不支持及html5的良好预期,Flash 看似风雨飘摇,明灭不定. 我个人观点:Silverlight成不了Flash的竞争对手,主要原因是商业层面的原因.

Flash与Flex路在何方?

- chris - 伯乐在线 -博客
  注:本文转载自InfoQ - 张龙.   Adobe想要强化Flash与Flex在企业,特别是在移动领域中的地位. 但最近的一项调研表明jQuery已经超越了Flash,成为前17,000个网站首选的Web部署解决方案.   近日,来自Adobe Systems开发工具事业部的产品经理Andrew Shorten在Adobe的官方博客上发表了一篇博文,谈到了Flash与Flex的当前状态,并就Adobe的旗舰平台给出了自己的一些看法.

Adobe Flash runtimes路线图

- - 7Yue's Weblog
Adobe官方在今天发表了一篇非常非常重要的声明文档,是Adobe Flash runtimes路线图. 这篇路线图提供了对于Adobe Flash runtimes的开发路线概览,这篇概览的目的是提供一个清楚的指引,告知外界与社区开发者们Adobe现在是如何思考未来1到2年内核心Flash功能的发展计划.