DIV CSS 佈局教程網

 　　一、前期准備

　　1、需求

　　開始構思前，需要先了解需求的核心目的。

　　主題：我們之間有一首歌

　　時間點：感恩節

　　內容：結合歌詞，展示並感恩生命中重要的人，宣傳QQ音樂

　　需求時間：4周

　　2、構思

　　除了考慮需求目的外，還需要考慮QQ音樂的品牌元素。比如：從需求的角度看，要感恩的是特定的角色，而不是特定的人物，視覺上就需要弱化人物特征。從QQ音樂的品牌元素看，歌詞海報相對其他音樂播放軟件，是特色元素，可以跟畫面元素結合。

　　3、交互稿

　　根據頭腦風暴，已經初步的構思篩選後，出了4個方案方向，然後再次跟QQ音樂團隊討論後，有了最終的方案雛形。

　　這次的視覺風格圍繞著如何達到煽情的目標來進行，同時跟QQ音樂團隊討論後，覺得可以聯合QQ音樂終端做推廣活動，以歌詞海報為視覺展示方向。

　　完善了以下交互稿：

　　在畫面的視覺內容中，我們不想過多的限制視覺設計師的發揮，只明確了頁面內容的主題。

　　二、設計階段

　　1、手稿確定

　　視覺設計師，先根據交互稿的內容，繪畫初步的手稿，確定內容的布局，以及展現的內容，然後在跟QQ音樂團隊討論，篩選，最終確定了以下手稿：

　　2、視覺完善

　　確定了手稿後，改稿才正式開始，視覺設計師在這階段，優化了十幾種不同的初稿……最終才確定了以下視 覺稿：

　　3、輸出文件

　　因為這個項目采用多了多渠道同時推廣，所以最後輸出的配圖尺寸也比較多。

　　三、效果展示

　　四、總結

　　作為創意設計公司，如何實現一個轉發量上千萬的H5，除了設計質量的把控外，還需要把控以下幾點：

　　1、需求目標清晰，與需求方溝通方便。

　　2、整個制作階段，都應該多站在需求方品牌的角度去考慮，而不是只考慮H5的內容。

　　3、推廣的渠道要重要，除了在微信推廣，終端的推廣流量也不能忽視。

　　最後，大家都喜歡用PV數量來衡量H5的推廣效果，那麼這個H5的PV量是多少呢?截至27號下午15：00，已達到1400多萬……