一支H5解析“Youku优酷”为神马换Logo
本帖最后由 方舟 于 2016-12-25 11:18 编辑http://www.narkii.com/uploads/allimg/161221/45065-161221101I6195.jpg
优酷网创立于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/
页:
[1]