Flash广告banner设计的要点解析

流星耳坠

流星耳坠

2016-02-16 19:02

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Flash广告banner设计的要点解析,希望可以对大家能有小小的帮助。

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

1:主题

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/flash/)

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

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

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

2: 字体

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

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

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

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

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

看下面的例子:

Flash广告banner设计的要点解析,PS教程,图老师教程网

Flash广告banner设计的要点解析,PS教程,图老师教程网

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

3: 视线

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

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

4:按钮

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

5运动轨迹

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/flash/)

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

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

Flash广告banner设计的要点解析,PS教程,图老师教程网

Flash广告banner设计的要点解析,PS教程,图老师教程网

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

6创意

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

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

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

Flash广告banner设计的要点解析,PS教程,图老师教程网

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

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

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

展开更多 50%)
分享

猜你喜欢

Flash广告banner设计的要点解析

FLASH flash教程 autocad教程
Flash广告banner设计的要点解析

解析Banner广告条设计的点横竖撇捺

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
解析Banner广告条设计的点横竖撇捺

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

详细解析BANNER设计的故事

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析BANNER设计的故事

设计静态广告BANNER的10大技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计静态广告BANNER的10大技巧

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页UI设计:Banner广告设计篇

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页UI设计:Banner广告设计篇

Banner广告条中的字体设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Banner广告条中的字体设计

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CorelDraw结合PS打造超酷立体字教程

CorelDraw结合PS打造超酷立体字教程

3ds max材质教程:Mental ray陶瓷表现

3ds max材质教程:Mental ray陶瓷表现
下拉加载更多内容 ↓