一支H5解析“Youku优酷”为神马换Logo

方舟

优酷网创立于2006年，刚开始优酷叫“yoqoo”，2007年更名域名并改名“youku”。在2010年底第二次更新LOGO并重新设计了“优酷”的中文字体，去掉了LOGO中的.com文字，2013年将之前浮雕效果的“youku”调整为红蓝扁平化设计并沿用至今。

案例：这个世界很酷

出品：优酷

亮点：

1. 创意上，利用智能手机icon密集动态组合，加创意特效，来露出优酷换新logo的主旨。

2. 策划上，用icon运动来组合出优酷新logo图案，穿插创意人物骑自行车从屏幕上“骑过”、明星在屏幕上“演讲”、桌上弹球等效果，体现新优酷内容丰富、创意无限的特色。

3. 交互上，用户滑屏触发创意动画，过程中，只需要目光交互就好了，看到最后，可以点击“通知”按钮，进行分享提示。

4. 技术上，小五以为“优酷”一定会用视频的形式嵌入H5，但仔细分析发现该案例采用的是“序列帧”技术，就是把视频导出成了一帧一帧的静态图，然后再用前端代码顺序加载。200多张图啊~ 如果再优化下，加载更流畅，体验就更赞了~

技术实现： Zepto

http://mp.weixin.qq.coe4yjlOHwDYizPQQv*TXOflU=

方舟

http://h5.weldo.cn/youku/