萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 實例分析活動設計方法

實例分析活動設計方法

實例分析活動設計方法 三聯

  整個上半年都在做運營活動設計,基本上每月都會做三到四個,有抽獎的、排名的、闖關的等等….每個活動設計的時間有限,怎樣在保證效率的情況下做一些趣的東西呢?以下是我做過的一些活動設計,不敢說每個都做的很好,但至少每個活動都會一些自己的想發在裡面。

  當時產品給到的交互幾乎是一樣的甚至連獎品和規則都一樣,也都是以創收為目的的運營活動,唯一變動的就是標題,一個是"爆破氣球贏大獎"另一個是" 扎破泡泡贏大獎"那麼他必須要有對用戶一定的吸引力和趣味性,這就使得我們需要一個豐富的場景來把簡單的內容襯托並有趣化,我就圍繞標題來做設計。

  第一、先理清楚設計思路

  "爆破氣球贏大獎"很容易就讓我想到了小時候在馬路邊打氣球游戲,就構思了一個大概的場景(公園、馬路邊、小販、氣球等),然後把想法和同事簡單的過一下,覺的可行然後就進行下一步。

  第二、收集素材和找設計參考

  一般習慣先在ZCOOL和昵圖等素材網站上找一些圖片,網頁參考可以去hangame、naver等一些國內外優秀網站上看,還有平時的收集和積累也很重要。

  第三、設計過程中不斷調整優化

  首先我們要根據重點內容給出一個簡單的布局,如我們的構想的一樣藍天、草地、馬路邊,當然氣球獎品是必須占據重要的位置!在設計的時候一定要分清楚主次,這些內容有必要在第一屏顯示出來,次要的信息和組件化的東西可以在後面的時候慢慢添加,直接把所有內容堆集在一塊很容易影響到思路的發散和設計局限性!

  當確認內容布局後要逐步的完善細節,我的習慣是先搭好一個大的場景再持續優化。

  在設計的過程中發現藍天和草地的直接銜接會讓背景看起來很空曠,而我的目的是讓場景豐富有趣,所有我添加了一堵牆,和一個支架讓氣球的存在變的合理,又加了一個拿著槍打氣的人物讓場景生動起來。

  接下我繼續豐富場景,也是時候把其它內容添加進來了,這裡我調整了標題字的樣式使他看起來更有趣,把獎品也排氣球裡(這裡要考慮到順序的問題,大獎和用戶感興趣獎品放在重點位置),並處理人物的陰影表情,給馬路加上一些質感,做到這一步看起來已經像是一個活動頁了,但是感覺還是缺點什麼?

  是的,缺少了細節和代入感,所以在這裡我花了不少心思去添加白雲、陽光、樹葉、路邊標識、馬路上的車輪痕跡還有地上的撲克牌、垃圾罐和消防栓,又將標題字做了一些特殊的處理使他更好的貼合主題。

  做完了這些就和我們的預期很接近了,一個趣味有並貼合主題的活動大功告完成!

  "扎破泡泡贏大獎"活動

  不同與氣球一下子就找想到了合適的場景,有想到過小時候玩過的吹泡泡但執行起來又不好做,如吹的泡泡的真實感和和場景應該如何搭建等都是難題,想了很多方法可行性都不強,似乎只有做夢才能解決啊,那就做夢去吧!

  場景的設想就變成了地主哥睡著了,夢到了許多泡泡和大獎,只要戳破泡泡就可以得到獎品,也不用太糾結真實感和邏輯了,好!確定了思路後就開始下一步找參考和素材。

  設計流程比較類似就不細述了,就發一些嘗試過程圖片吧

  標題字設計調整等

  給flash的部分說明

  設計過程中的場景和氣泡嘗試

  最終設計稿!

  可能有疑問,為什麼活動頁TOP區變化那麼大,而下方內容模板為什麼沒有改變,因為這些是做好的組件很難去改動,還有就是在活動頁設計過程中要注意設計的層次和重點的體現,次要的東西可以適當的弱化,這一點在棒子的作品裡體現的很好!

  總結起來有幾點,思路清晰、多找參考、大膽嘗試,多想一步你會得到意想不到的結果!

copyright © 萬盛學電腦網 all rights reserved