优酷上线了10个年头，而在线视频行业也已经走过了最初激荡的十年，优酷也正在迈入全新的平台生态竞争时代。

在优酷10周年之际，我们携手优酷，构思了线上观影时光机的创意，通过线上H5的形式传递给优酷的小伙伴，这里记录了过去的回忆，同时也邀请大家一起酷玩下一个十年。

项目梳理

在项目开始之前，我们对优酷十周年的整体情况进行了详细了解，针对已有的信息进行收集梳理，H5创意设计的主要问题点随之而出。

我们最前期的工作，是围绕这些关键点，结合业务需求与详细的用户参与流程，进行一系列的创意思考，方便团队后续的目标协作与制定输出计划。

项目梳理

作为优酷十周年的品牌H5，在完成计划制定后，我们进行创意设计的目标之一就是通过统一的视觉调性去体现品牌的形象，除了这个基础目标之外，通过优酷的十周年形象提升会员用户的认同感也是不可或缺的部分。另一方面，我们还可以在交互的视觉层面做创新，让用户有更多的可玩性，提高参与感和分享欲。

设计风格

提起优酷十周年，你会想到什么？

带着这个问题，我们进行了一波头脑风暴，在创意收集的过程中，我们总结出了很多重要的关键词，其中做核心的则是个性化、年轻化、场景化，这些必要的关键属性将贯穿我们整个设计创作。

实际上，个性化这一关键词，我们会用文案来生成每个人不同的十周年，而为了让体验的画面具有年轻化和场景化，我们在整体主视觉上采用比较个性的插画来呈现给用户。丰富的色彩表现，结合独特的画面质感，将品牌十周年的元素也恰当融入其中，让用户感受到优酷懂你，感受到品牌的用心和陪伴，在十周年这个节点，更好的传递出品牌邀你一起酷玩的整体调性。

场景设定

优酷的用户群体颇为庞大，但从年轻化和个性化考虑，为了让视觉层面更加具有共鸣，我们总结了三大场景元素，既和用户相关，又与品牌融合，在形式上结合夸张的艺术化表现，让视觉上变得更加的具有创意。

比如在用户进入H5时，我们希望体现的是品牌与影视的融合，这更像是一个观影小剧场，拉开帷幕，用户就像在看电影一样，那么影视的场景体现就必不可少，当然品牌的元素也会融入其中。

在其他页面的呈现，我们则更关注如何提升用户的共鸣感，那么在这些画面中，生活的场景感就需要融入其中。

在用户的实际体验中，根据每个人的注册时间、会员身份等维度，每个用户看到的可能都是不一样的页面，我们要做的，就是对每一页的内容都进行理解，为其打造独特的场景故事，并且确保所有用户进入H5的体验都连贯而丰富。

页面展示

在设计过程中，我们需要基于最开始就确定的设计风格，严格把控整体视觉调性的统一，同时也不断对细节进行优化。在配色方案、动效设计、插画手法上都保持一致，让H5形成统一的品牌调性。

技术落地

在所有页面设计完成后，还需要进行技术搭建实现想要的效果，而这其中最重要的部分，就是需要配合有好的动效，考虑到需要给用户以愉悦甚至酷玩的心理感受，在此次的动效实现过程中我们遵循了以下简单、一致两个基本原则。

常见的动效落地格式有7种，不同的形式也会各有特点和不足，在实际落地时，我们会根据用途和动效类型去详细考虑，使用不同的实现方式去带来更好的效果。在此次项目中，我们主要使用的是两种，开发动效以及gif/apng形式，两者相互结合给用户最好的呈现。

最后，感谢项目组每一位成员的努力，通过此次回顾和分析，我们不仅仅是总结更多的项目经验，也将让我们着眼未来，继续在视觉呈现和用户体验上探索更有趣、更具有个性化的创意，以设计赋能业务，创造更多的价值与可能。