狼人殺作為聚會必備推理類桌游非常火爆，“一入狼坑深似海，從此節(jié)操是路人”。

一局APP自研時下最火的線上桌游【一夜狼人殺】，這款桌游不同于以往邏輯推理版狼人殺，沒有夜里死亡，適合休閑娛樂，滿足每個人的參與感，更像是真相探索游戲。

本文以制造積極情緒、打造體驗峰值為設計目標，設定游戲世界觀，構建游戲故事背景，繪制精美插畫，賦能魔力特效，打造標桿小游戲。解密小游戲設計秘籍，接下來讓我們揭開小游戲設計的神秘面紗吧。

1

故事背景-設定世界觀 代入故事情境

歡迎來到一夜狼的世界，夜幕降臨，一群身懷絕技的冒險者們準備在幽暗的森林里度過一夜，明天即可到達森林中心，那里的古堡中有古老家族遺留下的寶藏和數(shù)不盡的財富。但隊伍中一直隱藏著狼人和他的同伴，他們準備在今晚發(fā)動襲擊，伺機奪取寶藏。幸存的幾位冒險者在夜里暗中施展絕技，要在到達古堡的前一天，揪出隱藏許久的狼人，以保證能夠順利取得寶藏……

 

游戲設計-情景化設計 體驗游戲樂趣

結合故事背景設定，以易用性原則為基礎，加入情景化設計，在【觸發(fā)期】制造驚喜感，合理布局，明晰操作，快速上手游戲；【興奮期】代入沉浸感，黑白場景切換，沉浸游戲；【結束期】凸顯成就感，高光時刻，強視效感知，勝負判定。

美式輕寫實風格，以游戲背景與角色設定為依托，提取古堡、巖石、沙漏等關鍵元素貫穿整個游戲界面設計。

卡牌設計-精進主美視覺 刺激感官神經

卡牌作為整個游戲的靈魂，代表玩家的身份，同時也會做成實物卡牌周邊，作為獎品發(fā)放給玩家。身份角色設定：共計9個角色，分為三大陣營。好人陣營：預言家、守夜人、搗蛋鬼、強盜、失眠者、酒鬼；狼人陣營：狼人、爪牙；第三陣營：皮匠。

人物形象根據(jù)角色職業(yè)技能進行設定；設計風格為強氛圍感的美式魔幻風格，突出卡牌氛圍感并保證人物清晰度，角色比例選擇展示腰部以上，角色以正面和四分之三面為主，角色的姿態(tài)和樣貌根據(jù)角色設定具體設計；三大陣營以邊框和氛圍顏色做區(qū)分，同陣營邊框（除道具外）不變；卡牌設計包含底框、邊框、角色，道具設計在邊框頂端兩側，根據(jù)角色替換。

卡片設計拆解

三大陣營設計

卡背設計

動效設計-制造積極情緒 打造峰值體驗

運用動效手段在游戲的關鍵節(jié)點打造峰值體驗，刺激用戶游戲情緒，快速帶入游戲人物和情節(jié)。

[觸發(fā)期]-[情緒帶入階段]

引發(fā)好奇心，極具儀式感的動畫（發(fā)牌和確認身份）推動用戶快速進入游戲氛圍，感知游戲。

[沉浸期]-[情緒沉浸階段]

流暢的操作體驗和反饋、場景轉場動畫提升游戲沉浸感與趣味性。

[結束期]-[情緒滿足階段]

通過整場的懸念鋪設，在最終的結果公布緩解來到情緒的高峰時刻。

游戲體驗情緒變化曲線

a.情緒代入階段

儀式感渲染-模擬牌桌發(fā)牌，卡牌掉落的過程，表現(xiàn)卡牌質感和厚度在現(xiàn)實世界中的感受，身份確認動效添加強烈的反轉效果刺激用戶，不同陣營不同的色彩傾向強化對抗感知。

b.情緒沉浸階段

游戲體驗沉浸感-流暢簡單的操作體驗和環(huán)節(jié)轉場動畫明確游戲進度，降低游戲難度給玩家?guī)淼慕箲]情緒，強烈的操控感與燒腦懸疑玩法結合，使游戲體驗心流曲線趨于專注、樂趣、享受。動效平緩削弱視覺刺激保證玩家的專注。

游戲體驗心流區(qū)間

場景切換

白天黑夜場景用日月升起和場景氛圍的變化提示玩家環(huán)節(jié)的轉換，在平緩的游戲感受中自然的進入下一環(huán)節(jié)，沉浸在游戲線索思考和角色代入中，仿佛一切變化都是理所當然而不會因為意料之外的事件發(fā)生導致分心。

c.情緒滿足階段

游戲體驗情緒高峰時刻-經過正常的懸念鋪設，最終在結果展示環(huán)節(jié)用強烈的光感和卡片破壞動效，引導用戶產生強烈的成就感和刺激感。并在此環(huán)節(jié)中游戲情緒達到了高峰時刻。

動效如何落地？

動效設計過程中運用了粒子插件、輝光插件，以及一些偽3D的技法。為了保證落地效果，技術使用游戲引擎開發(fā)，設計師采用拆解組合標注的方式交付研發(fā)-動效標注（代碼實現(xiàn)，如位移、簡單粒子效果）+序列幀&MP4視頻。最終達到了80%還原度。

寫在最后

作為第一款自研游戲，我們分為三條線：UI、主美、動效，緊密協(xié)作，聯(lián)合研發(fā)同學還原設計效果。游戲上線后，取得了一定的熱度，大大提升了一局的日活躍量。后續(xù)我們會繼續(xù)將業(yè)務目標與設計目標相結合 ，逐步迭代，提高游戲體驗。

原文地址：百度MEUX（公眾號）

作者：文娛平臺用戶體驗

轉載請注明：學UI網(wǎng)》游戲UI設計項目分析–狼人殺

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。

藍藍設計( m.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務