項(xiàng)目背景主要是為迎接第三次封閉測(cè)試，三測(cè)的主題是經(jīng)典再續(xù)目的是：
1.希望過(guò)去玩獸人必須死1,2的單機(jī)用戶找回當(dāng)年虐殺小獸人的快感跟激情！
2.同時(shí)也希望把游戲講究策略對(duì)抗的特點(diǎn)能表現(xiàn)出來(lái)
3.吸引用戶訪問(wèn)，為三測(cè)預(yù)熱做好鋪墊
二、開(kāi)會(huì)討論
了解了三測(cè)的目的跟方向，接下來(lái)就是項(xiàng)目的創(chuàng)意跟素材準(zhǔn)備，獸人項(xiàng)目組真的非常棒，在我設(shè)計(jì)空閑期至少提前了半年開(kāi)始準(zhǔn)備期，提前規(guī)劃官網(wǎng)，并給這次特色站預(yù)留了充分制作的時(shí)間，也就是說(shuō)這個(gè)特色站其實(shí)在去年10月份左右就已經(jīng)開(kāi)始規(guī)劃準(zhǔn)備了！
既然是核心經(jīng)典傳承，我這里首先給出了一個(gè)創(chuàng)意想法！
“獸人的艾倫很像電影超人的形象，所以我想以艾倫為主人公設(shè)定特色站劇情 一個(gè)陽(yáng)光明媚的下午，一個(gè)可愛(ài)的老婦人在廚房為孩子們準(zhǔn)備吃的，結(jié)果可怕的獸人大軍再次入侵了，他們踐踏了孩子們的玩具(一個(gè)帥氣的艾倫玩偶),各大廣播電視開(kāi)始播放獸人殘害善良人類的新聞，這是畫(huà)面一轉(zhuǎn)一個(gè)側(cè)影留著胡子的男人，緩緩放下手中自拍桿！默默的關(guān)上電視打開(kāi)衣柜，一件悉心保護(hù)的戰(zhàn)袍躺在里面，他就是艾倫！ 啪，他飛身沖破窗戶重返屬于他的戰(zhàn)場(chǎng)！”
ok!回歸現(xiàn)實(shí)，本來(lái)想用動(dòng)畫(huà)貫穿整個(gè)故事，加入互動(dòng)來(lái)完成，項(xiàng)目也覺(jué)得不錯(cuò)，盡管故事略顯老套，但是我們講究的是情懷，那一瞬間你就是艾倫，原來(lái)平靜的生活并不屬于他，就像速7的保羅，好了不提傷感的事！不過(guò)畢竟不是一個(gè)純找感覺(jué)的站，我們還是要有實(shí)際內(nèi)容，項(xiàng)目希望特色的內(nèi)容都能融入整個(gè)站，希望老玩家來(lái)到這里也能有所收獲了解網(wǎng)絡(luò)版獸人是如何玩的，新玩家進(jìn)來(lái)知道他是有歷史的！所以這個(gè)我自己滿意的方案被華麗麗的否決了！
三、方案擬定
方案被否決后我自己也緩了幾天，想法也需要重新醞釀 最終跟項(xiàng)目達(dá)成一致，策略就用我們小時(shí)候類似的塑料人物小兵那種感覺(jué)（可以展現(xiàn)游戲的特色），而主場(chǎng)景改成男主角艾倫的一個(gè)工作環(huán)境，一張破舊的木桌，一些燈光，一些古老的魔法書(shū)武器等散落，而艾倫在制定最新的對(duì)抗獸人的策略！不需要露臉，我們希望玩家能自己進(jìn)入角色，假想自己是艾倫以第一人稱視覺(jué)的感覺(jué)操作畫(huà)面！ 形式上想好用動(dòng)畫(huà)的方式引導(dǎo)操作，給用戶帶來(lái)體驗(yàn)上的形象感跟參與感！
四、素材需求
所有的想法在沒(méi)有素材面前都是空想，所以一確定設(shè)計(jì)方案，馬上開(kāi)始積極與美方ROBOT公司溝通，看需要多久可以提供素材支持！因?yàn)橛螒蚶锏淖烂姘ㄒ恍┑谰呷绻皇怯螒騼?nèi)的可能需要重新建模繪制！美方看到需求后提出看能不能在他們的一張宣傳小女巫的壁紙上進(jìn)行修改！
看到這張圖我們都比較驚喜因?yàn)檎门c創(chuàng)意方向有點(diǎn)不謀而合，我們需要進(jìn)行修改如下幾點(diǎn)：
1.我們需要艾倫的手部介入，這樣才會(huì)有真實(shí)代入感
2.我們需要一個(gè)骷髏金牌用來(lái)記錄獸人必須死獲得的榮譽(yù)
3.需要艾倫的武器
4.需要類似小時(shí)候玩的塑料獸人小兵排兵布陣
5.書(shū)里的內(nèi)容改成各類陷阱，及游戲內(nèi)小地圖的進(jìn)攻路線圖
提出我們的想法后，接下來(lái)就是等待美方的調(diào)整，由于美方同時(shí)在進(jìn)行游戲內(nèi)版本的優(yōu)化調(diào)整，所以一度我們的需求延后，但好在我們需求提的夠早！ok,我們有的是時(shí)間等！ 下圖是素材最終調(diào)整后！
到這里素材調(diào)整其實(shí)已經(jīng)滿足我們的需求了，去掉了小女巫里很多紫紅的顏色，換成艾倫管用的藍(lán)黃色調(diào)
五、設(shè)計(jì)成型
獸人屬于美式卡通，所以設(shè)計(jì)核心思路就是美式動(dòng)畫(huà)，整體設(shè)計(jì)去除質(zhì)感，走扁平比較歐美化路線！
在操作體驗(yàn)上我希望用戶跟界面可以進(jìn)行簡(jiǎn)單的互動(dòng)，借鑒類似iphone滑動(dòng)解鎖的感覺(jué)！很多優(yōu)秀的國(guó)外案例也是采用此法，同時(shí)也考慮了部分用戶可能不知道如何操作所以設(shè)計(jì)上下方手指指向也是操作滑塊區(qū)域！內(nèi)容動(dòng)畫(huà)上加入類似視頻的動(dòng)畫(huà)效果來(lái)開(kāi)啟新一輪艾倫對(duì)小獸人的圍剿！
進(jìn)行主場(chǎng)景后，我們需要對(duì)我們需要對(duì)雜亂桌面的物品進(jìn)行梳理排列,首先我們需要整理出我們需要表達(dá)的4個(gè)核心內(nèi)容，然后再找到相匹配的場(chǎng)景物件！
接下來(lái)就是實(shí)際執(zhí)行部分，想好大致動(dòng)畫(huà)效果，對(duì)桌面物件進(jìn)行重新排放，并對(duì)各個(gè)物件明暗關(guān)系重新處理！
六、動(dòng)畫(huà)討論及執(zhí)行部分
拉上重構(gòu)，動(dòng)畫(huà)進(jìn)行了幾種方案的討論
最終從網(wǎng)速及操作綜合考量，選擇動(dòng)畫(huà)完成入場(chǎng)及切換轉(zhuǎn)場(chǎng)，而重構(gòu)完成，鼠標(biāo)拖拉及少部分轉(zhuǎn)場(chǎng)，整個(gè)切面其實(shí)被切割成3段動(dòng)畫(huà)
1：首先所以桌面物品入場(chǎng)，slogen入場(chǎng)
2：拖動(dòng)滑塊，場(chǎng)景物體產(chǎn)生位移跟隨滑塊進(jìn)度
3：書(shū)頁(yè)翻動(dòng)，人物手需要指指點(diǎn)點(diǎn)示意，并配有背景人物聲音，表示艾倫已回歸！
整體的創(chuàng)意效果要的是，當(dāng)我們?cè)谕蟿?dòng)滑塊時(shí)就好像在一個(gè)視頻播放器里快進(jìn)，如果滑塊沒(méi)超過(guò)進(jìn)度一半，則自己回回到初始位置，物品也會(huì)歸位 動(dòng)畫(huà)的流暢我們希望是能達(dá)到視頻級(jí)的，這也是其中難度很大的而一個(gè)環(huán)節(jié)！ 拖動(dòng)滑塊部分因?yàn)橛谢?dòng)操作這部分由重構(gòu)完成，為了能精準(zhǔn)控制畫(huà)面每個(gè)元素動(dòng)的進(jìn)度用序列幀圖去解決！
