作者：正少    

原文博客：淘宝UED官方

温情型

Google doodle 夏至

用舒缓的海浪动画和小伙伴的潜水装扮，代替树荫知了的大众创意，成功引发儿时记忆的共鸣。

诙谐型

Google doodle 世界杯

用简单诙谐有趣的小故事，出其不意地让观者轻松一笑，代替直白的足球草地元素的堆叠。

寓意型

Google doodle 玛利亚·盖达娜·阿涅西诞辰296周年

把人类的伟大贡献，直接通过巧妙的动效表达出来，使观者直观理解。

小游戏型

Google doodle 怪博士的世界

快速易操作的小游戏，乐趣双倍提升的同时，也增强观众的互动和粘性，符合移动时代扁平交互的精神。

                                                             诙谐有趣的小故事

Google doodle 世界杯系列

在球场上，球场下，会有很多侧面非大众的场景和视角，作为切入点，抓住一个能让人会心一笑的小故事。

taobao doodle 圣诞节

taobao doodle 元宵节

本故事纯属虚构，编织一个不为人知的温馨小故事，打开了观众脑海中的另一个小天地。

  利用实时，更强的共鸣

Google doodle 世界杯 过界判决

在一个活动发生时，具有实时性，会是很好的创意点，利用当前争议的话题信息，拉近与观众的距离，产生强烈的共鸣！

与众不同的场景

特殊的空间，特殊的场景，发生的一件特殊小事。

                                                                  短平快的游戏

不要太过于沉浸，但适合大型节日或营销活动

快速简单的doodle的游戏，具有极强的粘性和乐趣，但是注意不要过于沉浸，需要考虑doodle游戏与网站主任务（逛宝贝或搜宝贝）之间的主次关系和产品关系。

但游戏在大节日或大型营销活动时，比较适合，比如在大促的时候做一个彩蛋游戏能与整站促销相辅相成。大型节日时参与游戏，也更能烘托气氛。

明确的行动提示

要让用户清楚看到行动点，不要在豆腐块中讲了故事，用户却不知道要参与游戏，觉得整块都是点击区域。

原地点击/按键

保证你的游戏操作极其简易性，注意，是极其哦。尽量只用点击或单个按键，且不要让用户来回拖动鼠标满屏寻找对焦，尽量在原地操作。案例中使用了2个点击处。

尽量在当前页操作

Google doodle 梅德森纪念日

不论是游戏型，还是故事型，我们都可以尽量把画面在当前页（也就是首页）上进行全部展示，而不要进入另外一个页面，这是节约用户操作成本，和减少眼动跳转，且使注意力更高效集中的方法。

                                                          巧妙地与商业/社交结合

Taobao doodle 吸尘器发明日

商品发明日，在完成简单互动之后，点击模板，顺其自然跳转到了商品搜索结果页，很巧妙地与网站的功能结合。

Doodle doodle 情人节

做一盒巧克力，然后通过社交app悄悄送给那个TA吧~

 利用hover互动

可以让人物分别有normal和hover的不同对比动效，比如一个小乐队，normal的时候都站着，hover到鼓手的时候开始打鼓，hover到贝斯的时候开始弹琴，让观众有些小小的互动探索。

个人非常喜欢这个弹琴的doodle，还可以录下来噢！

品牌传达

Google doodle 世界杯系列品牌传达非常适合有时间段的活动。成系列的doodle，需要保持一致的视觉风格，一致的故事性，一致的槽点态度，以及一致的动效特性。

                                                   缓和的动效比酷炫更有效

正确做法：

错误做法：

轻柔的动效具有提示性，恰到好处让观众眼球转过来，就可以了，无需过于酷炫晃瞎了狗眼，把设计更多专注在亮点和轻互动上。

保持角色的弹性

正确做法：

错误做法：

让你的角色动作富有轻快的弹性，或鲜明的个性。简单的2帧替换，显得角色略无味。

注意间奏，电影式的留白

案例一：橄榄球手入场的停顿，故意多停了2帧，增强了错愕的效果，更具戏剧性。

案例二：击掌的速度明显放慢，且停顿了几帧，让观众更强地意识到场景故事的切换。

巧妙地利用文字或logo变形

在保证logo清晰识别的前提下，可适当巧妙地做一些形变，和整个故事融合在一起。

                                                                   故事的简洁

对你才华横溢的梗有所取舍，抓住最亮的那一个月亮，砍点其余的众星，不要让笑点堆叠。

                                                                  画面的简洁

视觉只保留主要人物和元素，去掉多余无关紧要的装饰，保证动效只在关键人物上集中，不要满篇都是小星星。

                                                                 交互的简洁

操作简单直接有效，不要让用户思考，任务1-2个即可，不要太多，这里不是附加网站。

                                                                 作品展示：人类登月成功日

今天的浅谈和小插件介绍完毕！希望大家Enjoy it !