火星網(wǎng)校
網(wǎng)易游戲設計師:淺析游戲交互設計五維度
發(fā)布時間：2024-01-18 18:02:01 瀏覽量：290次
隨著市場上游戲品類的不斷豐富，卡牌、RPG、MOBA、大逃殺等游戲類型在游戲交互方面也有了更多的表現(xiàn)，隨之而來是玩法與界面的同質(zhì)化。套皮的游戲產(chǎn)品已經(jīng)讓玩家感受到審美疲勞，如何突破常規(guī)的界面設計是設計師需要面臨的考驗。
在現(xiàn)有市場的游戲產(chǎn)品中，由于手游的系統(tǒng)和玩法逐漸增多，因此延伸出許多子系統(tǒng)給游戲提供更多的玩法和樂趣，例如熔煉、技能、任務等功能，然而在滿足了功能需求之后，市場環(huán)境也對游戲的品質(zhì)提出更高的要求：賦予趣味性的交互形式、在玩家的角度提供沉浸感、符合游戲情境的交互體驗等等。而游戲中的交互方式和視覺界面則成為傳達體驗與情感的載體，需要設計師通過品質(zhì)打磨來傳達給玩家新的體驗。
接下來想嘗試圍繞現(xiàn)有的游戲界面來分享思考的設計方法，簡單總結了5種設計維度，僅作為拋磚引玉。（以下案例僅針對手游分析）
深入世界觀情境
總結：深入了解世界觀情境去觸動玩家的情感產(chǎn)生共鳴。
設備的升級能夠讓玩家體驗到更精致的游戲品質(zhì)，越來越多的玩家會去關注人物造型、皮膚和界面的表現(xiàn)效果，生動的界面和趣味性交互能夠讓玩家獲得更好的游戲體驗。
例如通用的領取任務界面，這類任務界面在視覺上能夠展示玩家所需要的功能，也能夠滿足玩家使用體驗。但缺乏與世界觀相結合的設計融入和情感的傳達，整體更傾向功能性的展示。那如何讓界面也去營造情感傳達？
每個游戲都有基于自身的世界觀和背景，而設計師更多是在既定的世界觀去探索表達方法。同樣是領取任務的功能界面，《楚留香》在這方面則是融入了與其世界觀相結合的表現(xiàn)方式。在領取任務界面，設計師融入了與其世界觀和情感相呼應的情景來表現(xiàn)。
試想一下，我們心中的武俠是一個怎樣的場景？在武俠小說或者電視劇有過這樣的情景描述：高手身輕如燕躍上高處，俯瞰世間繁華。而楚留香正是想把這種情境觸達給玩家。正例如《楚留香》的slogan：「還每個月武俠夢一個真江湖」。以此可以看出游戲的核心就是想要給玩家傳達快意江湖的武俠情境，而這種情境恰好與領取任務的功能兩者在情感傳達上能夠達成一種共鳴：自豪感與成就感?；谶@個情境下將「領取任務」的需求與「高處俯瞰」的情景相匹配，將情感落實到設計上，營造出睥睨江湖的情感觸點。因此深入了解游戲的世界觀能夠站在玩家的角度，挖掘與需求匹配的情感觸點，結合功能嘗試突破新的界面形式。
要點：
- 強化沉浸感和代入感
- 尋找情境產(chǎn)生共鳴
- 情境下的情感觸點
空間推移
總結：可以通過空間轉換的方法替代引導與強化流程體驗。
空間的變換不僅能夠給玩家?guī)硪曈X上沖擊感，也能引導玩家進一步探索。簡單理解就是將游戲里面的系統(tǒng)當做一個有前中后間隔的盒子，玩家在不同的界面中切換，就像是在近、中、遠的空間中穿梭，這種表現(xiàn)方式能夠遵循現(xiàn)實的進入/出去現(xiàn)實映射，并且也能起到引導玩家的作用，能夠降低玩家對系統(tǒng)的認知成本。
《決戰(zhàn)平安京》在界面的切換上使用了空間推移的設計方法，首先將整個界面場景營造出一種庭院的室內(nèi)氛圍，玩家進入系統(tǒng)則像是進入庭院的某個空間，進入的過程還會有進入/退出的動效配合，能夠保持玩家在場景的沉浸感和降低玩家對界面系統(tǒng)的一個認知門檻。
要點：
- 提供引導反饋
- 空間關系的體驗
- 強化探索的游戲體驗
△ 平安京主界面
△ 平安京次級界面
故事化視角
總結：抓住故事主流程設計，讓玩家印象深刻。
故事化視角是使用故事鏡頭的插圖繪制出完整的故事內(nèi)容，這種方法最初的使用來自電影制作。在用戶體驗設計中，運用故事板的設計方法有幾個優(yōu)點：
- 流程：故事化的流程讓游戲更加合理化，容易產(chǎn)生情感觸點。
- 同理心：講故事容易讓人印象深刻，感同身受。
- 參與感：故事容易吸引注意力，好奇心會讓玩家代入角色從而更多的參與流程。
《非人學院》在游戲內(nèi)很像在演繹一個故事事件。在游戲登錄頁是一輛開往學園的列車，當玩家進入游戲后會有一輛小巴士作為轉場的載體銜接，意味玩家已經(jīng)到達學園，接下來需要進行測驗考核（選擇戰(zhàn)斗模式）緊接著是進入站臺（與玩家匹配），列車啟動（匹配到隊友）然后到達場地選擇上場表演的角色（選擇戰(zhàn)斗角色），最后開始表演（開始戰(zhàn)斗），表演結束后還會有趣味性采訪（戰(zhàn)斗結算）。整個故事流程與玩法結合得十分密切，豐富了游戲趣味性的同時還強化了產(chǎn)品的調(diào)性（無厘頭），給玩家?guī)矶鄻拥捏w驗和不一樣的驚喜。
要點：
- 強化故事主流程
- 從故事流程中延展設計點
- 強化探索的游戲體驗
△ 非人學園主界面
△ 非人學園轉場界面
△ 非人學園結算界面
場景化展示
總結：結合場景化的表現(xiàn)形式打破固有設計，帶給玩家超出預期的驚喜。
當前大部分游戲的功能界面形式均為平面展示，而當玩家的視角出現(xiàn)反差時，能夠給玩家?guī)聿灰粯拥挠洃淈c和新奇感，并且視角上的切換能夠給界面設計提供更多的可能性。在游戲中通常我們把系統(tǒng)界面分為兩大類型：通用類界面和活動類界面，其中通用類界面需要和游戲背景、功能玩法強相關，例如《夢幻西游手游》的「風物志」系統(tǒng)則嘗試了用場景化的方式去表現(xiàn)，將相關的系統(tǒng)功能都集合在一個場景化的界面內(nèi)，讓玩家的視覺產(chǎn)生與現(xiàn)實世界相呼應的感受，更有代入感。
△ 夢幻西游手游風物志界面
活動類界面可以結合節(jié)日背景大開腦洞，例如《楚留香》的七夕節(jié)與立夏節(jié)等，場景化的表現(xiàn)方式將整個節(jié)日活動氛圍渲染得十分出彩，整體的布局與顏色均可暫時脫離原有的界面風格系統(tǒng)，給玩家制造超出預期的驚喜。
要點：
- 強化沉浸感
- 跳出平面設計表現(xiàn)
- 強形式感的陳列展示
△ 楚留香七夕活動界面
△ 楚留香立夏活動界面
細節(jié)與微交互
總結：可以在提醒/引導/反饋加上微交互，給玩家制造瞬間的愉悅感。
隨著各類 APP 的成熟發(fā)展，微交互越來越多運用在各類產(chǎn)品上。微交互不僅能夠在關鍵的操作起到提醒、反饋作用，還能給用戶帶來超出預期的驚喜感，由于 APP 的包體資源量和功能性所限，大部分 APP 的微交互側重點以準確傳達功能為主，而游戲所受限制較?。ㄙY源數(shù)量、引擎等），可以有更多趣味性的微交互與玩家互動。
例如在《楚留香》的福利界面中，設計師通過用花燈的組合來構建引導過程，在點開的瞬間以展開的微動效形式給玩家?guī)砉δ苤獾挠鋹偢?，高品質(zhì)的微交互能夠提高玩家對非游戲功能的心理感受，從而影響玩家的操作、情緒等。
△ 楚留香福利活動界面
在《夢幻西游》嘉年華的活動中，設計師將「仙樂盛典」的玩法主題和小游戲需求結合，結合古代樂器的使用方式（擂鼓、敲鐘、彈琴等操作）通過微動效的引導反饋給玩家，讓玩家能夠快速進入古代樂器的設定和體驗中。
要點：
- 提供引導反饋
- 制造驚喜
- 增強探索體驗
△ 夢幻西游嘉年華活動界面
結語
面對越來越多的游戲產(chǎn)品，界面不僅僅是簡單的功能呈現(xiàn)，界面所展現(xiàn)的交互方式與視覺成為與玩家互動最直接的載體，就像任天堂的主UX設計師正木義文在新人培訓中提到：任天堂傳達的三個重點之一，將體驗變得有趣，這也是每個游戲交互設計師的目標。
熱門課程推薦
熱門資訊
-
探討游戲引擎的文章，介紹了10款游戲引擎及其代表作品，涵蓋了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戲設計領域和數(shù)字藝術教育的重要性，歡迎點擊咨詢報名。
-
2. 手機游戲如何開發(fā)(如何制作傳奇手游，都需要準備些什么？)
?如何制作傳奇手游，都需要準備些什么？提到傳奇手游相信大家都不陌生，他是許多80、90后的回憶；從起初的端游到現(xiàn)在的手游，說明時代在進步游戲在更新，更趨于方便化移動化。而如果我們想要制作一款傳奇手游的
-
3. B站視頻剪輯軟件「必剪」：免費、炫酷特效，小白必備工具
B站視頻剪輯軟件「必剪」，完全免費、一鍵制作炫酷特效，適合新手小白?？靵碓囋?！
-
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個抉定都將觸發(fā)更多愛恨糾葛的精彩奇遇?！短烀嬗肪哂卸嗑€劇情多結局,不限主線發(fā)展,高自由...
-
5. Bigtime加密游戲經(jīng)濟體系揭秘，不同玩家角色的經(jīng)濟活動
Bigtime加密游戲經(jīng)濟模型分析，探討游戲經(jīng)濟特點，幫助玩家更全面了解這款GameFi產(chǎn)品。
-
6. 3D動畫軟件你知道幾個?3ds Max、Blender、Maya、Houdini大比拼
當提到3D動畫軟件或動畫工具時,指的是數(shù)字內(nèi)容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術動畫的軟件程序。但是,在3D動畫軟件中還包含了其他類型的...
-
7. 3D動漫建模全過程，不是一般人能學的會的，會的多不是人?
步驟01:面部,頸部,身體在一起這次我不準備設計圖片,我從雕刻進入。這一次,它將是一種純粹關注建模而非整體繪畫的形式。像往常一樣,我從Sphere創(chuàng)建它...
-
8. 如何自己開發(fā)一款游戲(游戲開發(fā)入門必看：五大獨立游戲開發(fā)技巧)
?游戲開發(fā)入門必看：五大獨立游戲開發(fā)技巧無論您是剛剛起步開發(fā)自己的第一款游戲，還是已經(jīng)制作了幾款游戲，本篇文章中的5大獨立游戲開發(fā)技巧都可以幫助您更好地設計下一款游戲。無論你對游戲有著什么樣的概念，都
-
?三昧動漫對于著名ARPG游戲《巫師》系列，最近CD Projekt 的高層回應并不會推出《巫師4》。因為《巫師》系列在策劃的時候一直定位在“三部曲”的故事框架，所以在游戲的出品上不可能出現(xiàn)《巫師4》
-
想讓你的3D打印模型更堅固？不妨嘗試一下Cura參數(shù)設置和設計技巧，讓你輕松掌握！
