淘宝节日LOGO互动设计小探讨（2）

来源：互联网 作者：未知 发布时间：2011-04-06 08:49:52 网友评论 0 条

由于淘宝首页的内容很多，考虑首页整体下载速度之后，前端分配给我们LOGO可以设计的区域(包括淘宝网三个字)大概为250*53px(2009版首页的节日LOGO尺寸)，如果用插图的形式来设计，图形信息量比较少，而且还难以跳出前人的框框，所以我们决定以时长线的展示形式来弥补设计空间的不足，即用小动画来设计LOGO。(六一儿童节之前的淘宝动画LOGO相关设计请查阅：http://ued.taobao.com/blog/2009/05/18/2009%E6%B7%98%E5%AE%9D%E7%BD%91%E5%8A%A8%E7%94%BB%E8%8A%82%E6%97%A5logo%E7%AC%AC%E4%B8%80%E5%AD%A3/ OMG，大半年前发的文章居然忘记将Chinese URL改成English…)。当然，这样做也有风险，动画故事情节推进需要一定时间，如果开端不能吸引住受众，大家在定格画面之前早已失去耐心。

加入互动小情节，为动画LOGO赋予更高的情感附加值。动画LOGO的确可以在视觉上更加吸引，但既然是用FLASH来设计的，为什么不利用一下基础的Action Script命令来实现一些简单的互动效果呢，因为动画里面的每一个元素剧情发展都让受众充满期待，如果我们把小动画设计成鼠标经过或者点击后，还可以产生让受众意想不到的视觉效果，将让他们感到惊喜，从而记住品牌甚至提升对品牌的好感度。

韩国Yahoo的动画LOGO设计一直是我们学习的榜样，其原本也是平面插图，大概2006年底圣诞节开始变成互动动画，每次观摩他们的设计都让我十分激动，为他们的想象力所倾倒。但在互动的设计逻辑上有所不同：他们的LOGO动画是用户必须做出Rollover的动作时，才开始播放。也就是说受众用鼠标移过LOGO，被看成是动画的一个开关，如果我不想看，它也不会自动播放，减少干扰。这样的设计挺好的，但要首先培养用户默认节日LOGO是有动画情节的判断力，否则的话，动画的播放率还真可能不高。我们刚开始自然难以做到这一点，所以首先想到的是，先播放动画，定格后，再出现Rollover效果，定格若干秒之后，动画会回档，重新播放。这样的问题是动画播放到定格时，可能有相当一部分受众不知道这时候LOGO是可以点击以触发支线情节的，从而分流掉部分用户。虽然如此，我们仍然可以确保全部用户都可以首先看到动画，部分细心的观众更加可以在动画定格时，发现进一步的交互效果，感受惊喜。

3.淘宝2009圣诞节及2010元旦的LOGO设计