優酷上線了10個年頭，而在線視頻行業也已經走過了最初激蕩的十年，優酷也正在邁入全新的平臺生態競爭時代。
在優酷10周年之際，我們攜手優酷，構思了線上觀影時光機的創意，通過線上H5的形式傳遞給優酷的小伙伴，這里記錄了過去的回憶，同時也邀請大家一起酷玩下一個十年。
項目梳理
在項目開始之前，我們對優酷十周年的整體情況進行了詳細了解，針對已有的信息進行收集梳理，H5創意設計的主要問題點隨之而出。
我們最前期的工作，是圍繞這些關鍵點，結合業務需求與詳細的用戶參與流程，進行一系列的創意思考，方便團隊后續的目標協作與制定輸出計劃。
項目梳理
作為優酷十周年的品牌H5，在完成計劃制定后，我們進行創意設計的目標之一就是通過統一的視覺調性去體現品牌的形象，除了這個基礎目標之外，通過優酷的十周年形象提升會員用戶的認同感也是不可或缺的部分。另一方面，我們還可以在交互的視覺層面做創新，讓用戶有更多的可玩性，提高參與感和分享欲。
設計風格
提起優酷十周年，你會想到什么？
帶著這個問題，我們進行了一波頭腦風暴，在創意收集的過程中，我們總結出了很多重要的關鍵詞，其中做核心的則是個性化、年輕化、場景化，這些必要的關鍵屬性將貫穿我們整個設計創作。
實際上，個性化這一關鍵詞，我們會用文案來生成每個人不同的十周年，而為了讓體驗的畫面具有年輕化和場景化，我們在整體主視覺上采用比較個性的插畫來呈現給用戶。豐富的色彩表現，結合獨特的畫面質感，將品牌十周年的元素也恰當融入其中，讓用戶感受到優酷懂你，感受到品牌的用心和陪伴，在十周年這個節點，更好的傳遞出品牌邀你一起酷玩的整體調性。
場景設定
優酷的用戶群體頗為龐大，但從年輕化和個性化考慮，為了讓視覺層面更加具有共鳴，我們總結了三大場景元素，既和用戶相關，又與品牌融合，在形式上結合夸張的藝術化表現，讓視覺上變得更加的具有創意。
比如在用戶進入H5時，我們希望體現的是品牌與影視的融合，這更像是一個觀影小劇場，拉開帷幕，用戶就像在看電影一樣，那么影視的場景體現就必不可少，當然品牌的元素也會融入其中。
在其他頁面的呈現，我們則更關注如何提升用戶的共鳴感，那么在這些畫面中，生活的場景感就需要融入其中。
在用戶的實際體驗中，根據每個人的注冊時間、會員身份等維度，每個用戶看到的可能都是不一樣的頁面，我們要做的，就是對每一頁的內容都進行理解，為其打造獨特的場景故事，并且確保所有用戶進入H5的體驗都連貫而豐富。
頁面展示
在設計過程中，我們需要基于最開始就確定的設計風格，嚴格把控整體視覺調性的統一，同時也不斷對細節進行優化。在配色方案、動效設計、插畫手法上都保持一致，讓H5形成統一的品牌調性。
技術落地
在所有頁面設計完成后，還需要進行技術搭建實現想要的效果，而這其中最重要的部分，就是需要配合有好的動效，考慮到需要給用戶以愉悅甚至酷玩的心理感受，在此次的動效實現過程中我們遵循了以下簡單、一致兩個基本原則。
常見的動效落地格式有7種，不同的形式也會各有特點和不足，在實際落地時，我們會根據用途和動效類型去詳細考慮，使用不同的實現方式去帶來更好的效果。在此次項目中，我們主要使用的是兩種，開發動效以及gif/apng形式，兩者相互結合給用戶最好的呈現。
最后，感謝項目組每一位成員的努力，通過此次回顧和分析，我們不僅僅是總結更多的項目經驗，也將讓我們著眼未來，繼續在視覺呈現和用戶體驗上探索更有趣、更具有個性化的創意，以設計賦能業務，創造更多的價值與可能。
