清明節(jié)是中國(guó)人非常注重的傳統(tǒng)節(jié)日之一，有關(guān)清明的專題比比皆是，如何在眾多傳統(tǒng)設(shè)計(jì)風(fēng)格的活動(dòng)中脫穎而出呢，這將會(huì)是一場(chǎng)新的挑戰(zhàn)。
強(qiáng)化感情訴求
準(zhǔn)確的把握節(jié)日期間的用戶行為，把清明節(jié)打造為輕松的踏青氛圍。塑造了踏青出游，“蕩秋千，放風(fēng)箏，插柳枝”四個(gè)清明民俗場(chǎng)景，并各自對(duì)應(yīng)一個(gè)業(yè)務(wù)產(chǎn)品。
創(chuàng)新的設(shè)計(jì)風(fēng)格
即保持傳統(tǒng)節(jié)日的“調(diào)性”又營(yíng)造出不一樣的中國(guó)風(fēng)，和同期活動(dòng)產(chǎn)品差異化，強(qiáng)化用戶的品牌記憶力。
設(shè)計(jì)過(guò)程：
關(guān)鍵詞：傳統(tǒng)風(fēng)格，中式水墨，現(xiàn)代元素結(jié)合，小文藝。
常規(guī)的中式風(fēng)格：
中式風(fēng)格不外乎古建筑，涼亭，小橋流水，水墨筆觸，柳枝，荷葉……怎么樣能打破這樣的設(shè)計(jì)氛圍呢？
南國(guó)春半踏青時(shí)
清明節(jié)，首先我會(huì)想到清明上河圖（雖然都說(shuō)他們沒半毛錢關(guān)系），充值中心的產(chǎn)品多樣化，需要把把所有的產(chǎn)品鏈接到同一個(gè)畫面上來(lái)。假 設(shè)在一個(gè)公園的場(chǎng)景里，仿古的大門和建筑，停車場(chǎng)附近有賣車險(xiǎn)的臨時(shí)辦理處，可充話費(fèi)的小賣部，投注站，兒童游樂(lè)場(chǎng)，噴泉，劃船 ，釣魚，放風(fēng)箏的廣場(chǎng)，柳樹，一家人出游的場(chǎng)景，三四個(gè)好友結(jié)伴而行，這一切構(gòu)成了這張場(chǎng)景圖最初的設(shè)想。
繪畫過(guò)程
找了很多參考，收集了一些園林景觀圖，用清明上河圖的構(gòu)圖方式，把每個(gè)小場(chǎng)景結(jié)合起來(lái)，動(dòng)用了手繪板，掃描儀， 拷貝臺(tái)。為了方便后期修改，手稿也分為三層，第一層是建筑園林，第二層是陰影，第三層是人物。
從頁(yè)面表現(xiàn)上，以古典卷軸長(zhǎng)畫的形式呈現(xiàn)。在是讓頁(yè)面“自行流動(dòng)”還是讓用戶“手動(dòng)切換”場(chǎng)景兩者做了一些 考慮。如果是讓頁(yè)面自行滾動(dòng)，就需要考慮滾動(dòng)播放的時(shí)間，如果速度太慢容易讓用戶失去耐心從而放棄瀏覽完整 個(gè)頁(yè)面，速度太快則會(huì)讓頁(yè)面中的元素得不到充分體驗(yàn)失去頁(yè)面與用戶的互動(dòng)效果。所以，我們選擇了左右切換分 屏讓用戶慢慢欣賞每一幅畫面。
繪畫過(guò)程
在反復(fù)修改和淘汰了無(wú)數(shù)手稿之后，最后終于含淚定稿了。（篇幅有限，只能局部放大）
前景—南國(guó)春半踏青時(shí)
前景提煉出四個(gè)主題：踏青，秋千，風(fēng)箏，楊柳。把純手繪的清明上河圖作為背景。尋寶的噱頭讓用戶在場(chǎng)景里有強(qiáng)烈 的參與感，增強(qiáng)品牌記憶。街鋪、小橋流水、柳枝、池塘以及各種傳統(tǒng)元素打造出另類的中國(guó)風(fēng)。
首頁(yè)—尋寶噱頭
封面入口的預(yù)告頁(yè)引導(dǎo)用戶參與，長(zhǎng)畫卷中隱藏的熱點(diǎn)圖增加迷宮尋寶的趣味性。提前預(yù)告給用戶有分享微博并抽 大獎(jiǎng)的活動(dòng)內(nèi)容。
最終視覺
頁(yè)面結(jié)構(gòu)
我們將這種結(jié)構(gòu)稱為“地鐵”式。瀏覽器窗口可以看作是地鐵站內(nèi)的屏蔽門，頁(yè)面內(nèi)容就好比在屏蔽門之后運(yùn)行的 列車。頁(yè)面整體內(nèi)容是由一節(jié)一節(jié)的“車廂”組成，經(jīng)過(guò)鼠標(biāo)事件的控制每次顯示一段內(nèi)容。
假設(shè)我們有四節(jié)“車廂”，需要一節(jié)一節(jié)的通過(guò)瀏覽器窗口，這時(shí)候可以給它一個(gè)變量。這個(gè)變量就是每一節(jié)“車 廂”運(yùn)動(dòng)停止的位置。我們可以通過(guò)設(shè)置函數(shù)的參數(shù)來(lái)計(jì)算出每一層每一節(jié)的不同停止位置，從而達(dá)到速度的不同 形成視差效果。
原文來(lái)自：騰訊公司ECD
推薦閱讀
9月18日蘋果正式發(fā)布了iOS7，同時(shí)升級(jí)的還有在iTunes 11中推出的音樂(lè)電臺(tái)服務(wù) iTunes Radio（iRadio）。打破了之前iRadio沒有個(gè)人電臺(tái)服務(wù)的限制，用戶不僅可以創(chuàng)造自己的個(gè)人電臺(tái)，還能定制和購(gòu)買自己喜愛的節(jié)目。 >>>詳細(xì)閱讀
本文標(biāo)題：捕捉用戶的文藝神經(jīng)—清明活動(dòng)設(shè)計(jì)小結(jié)
地址：http://www.oumuer.cn/a/gongsi/20140115/292491.html
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示