今天的整理作品時(shí)，發(fā)現(xiàn)之前設(shè)計(jì)魔域UI界面時(shí)，寫(xiě)了篇設(shè)計(jì)說(shuō)明，在公司內(nèi)部分享。

這里把這篇文章發(fā)出來(lái)，主要針前面針對(duì)英魂之刃開(kāi)發(fā)流程里提到人，怎么做交互才是對(duì)的。

前幾年的作品，文章也是那時(shí)候?qū)懙?，上面提到的很多觀點(diǎn)，也是那個(gè)時(shí)間時(shí)的看法，現(xiàn)在游戲有更好的更新的各種交互了。這篇文章有點(diǎn)老和大家分享交互過(guò)程的目的,也是希望大家可以更多了解我在設(shè)計(jì)是的想法。

通過(guò)對(duì)文章的理解，可以舉一反三，當(dāng)我們需要設(shè)計(jì)全新的游戲，市場(chǎng)上的競(jìng)品基本沒(méi)有時(shí)怎么去設(shè)計(jì)，如何設(shè)計(jì)全新的體驗(yàn)。寫(xiě)的不好，多多包涵！

游戲分析

早期《暗黑破壞神》是最多玩家認(rèn)識(shí)單機(jī)動(dòng)作RPG游戲，也是游戲界面的經(jīng)典。

暗黑界面主要功能由：人物信息、裝備、背包、技能、經(jīng)驗(yàn)條、地圖、設(shè)置組成。

網(wǎng)游主要是以單機(jī)游戲演變成多人在線，功能也隨著增加。(如傳奇)

網(wǎng)絡(luò)游戲主界面功能由，單機(jī)基礎(chǔ)上添加了多人互動(dòng)功能；

如聊天，公會(huì)，交易，都是多人模式下的功能，其它(人物信息，技能，經(jīng)驗(yàn)條，地圖，功能菜單)與單機(jī)差不多。

功能菜單：寵物、合成、天符、鍛造、等各種功能，包括游戲設(shè)置界面，這些都與游戲本身需求改變單機(jī)部分基本保留。

暗黑類(lèi)型的手機(jī)游戲網(wǎng)游目前市面上沒(méi)有比較成功的案例，交互有各式各種的無(wú)法統(tǒng)一，都根據(jù)游戲而定。

手機(jī)游戲主要以手指觸摸為主要操作，分為單手與雙手操作。

單手操作的游戲，如回合制。(我叫ＭＴ等各式個(gè)樣游戲)

 

【我叫MT】

雙手操作游戲主要以動(dòng)作類(lèi)《永恒戰(zhàn)士2》右手大拇指點(diǎn)擊。也是目前大家右手操作習(xí)慣。

 

【永恒戰(zhàn)士】

單機(jī)游戲功能等較少，在交互體驗(yàn)上，可以達(dá)到較好的操作體驗(yàn)(比如誤點(diǎn)擊，視覺(jué)體驗(yàn)等)

而對(duì)于網(wǎng)游來(lái)說(shuō)，已經(jīng)不是很好的體驗(yàn)，從以下畫(huà)面可以看出：

 

到目前類(lèi)似暗黑類(lèi)型的手機(jī)網(wǎng)游，在市面上沒(méi)有比較成功的案例(各式各樣沒(méi)有統(tǒng)一的玩家習(xí)慣規(guī)范)

而網(wǎng)游游戲，如魔獸世界類(lèi)型的，功能布局等都比較統(tǒng)一了：如一下圖

 

魔域初期需求案

游戲主要以PC魔域減化，再結(jié)合市面上的同類(lèi)型游戲，進(jìn)行布局設(shè)計(jì)。

主要功能由：人物頭像、血條、藍(lán)條、ＰＫ、狀態(tài)、幻獸、地圖、任務(wù)、技能條、經(jīng)驗(yàn)條等功能(功能未確定處于討論過(guò)程)。

初期概念布局：

 

細(xì)化

上圖：在搭配部分修飾后，結(jié)合場(chǎng)景過(guò)多的功能讓玩家眼花繚亂(按鈕太小誤點(diǎn)擊等）

 

在后期界面還需要添加大量的功能時(shí)，界面問(wèn)題擴(kuò)展性不高。如：技能要求6到10個(gè)，除地圖以及主界面外，增加商城、活動(dòng)等相關(guān)界面按鈕。 

在否定了以上人設(shè)計(jì)方案嘗試一下新的交互設(shè)計(jì)。

新交互過(guò)程跳過(guò)....

魔域最終交互界面設(shè)計(jì)思路

(剖析目前所有暗黑類(lèi)型動(dòng)作ＲＰＧ游戲)

在通過(guò)對(duì)目前市面上的手游分析優(yōu)點(diǎn)與缺點(diǎn)，單機(jī)游戲的主要核心功能，進(jìn)行思考與設(shè)計(jì)。

１.網(wǎng)游信息量一般較多，ＵＩ設(shè)計(jì)必需考慮隱藏與結(jié)合(減少畫(huà)面使用空間，保證合理的按鍵大小以達(dá)到最少的信息量)。

２.動(dòng)作游戲，都經(jīng)雙手操作為主，左手主要移動(dòng)角色操用，右手為打擊與功能選擇(操作習(xí)慣問(wèn)題)。

下面是魔域界面布局

１．左上角以人物信息為主，與幻獸　(針對(duì)人物功能進(jìn)行結(jié)合設(shè)計(jì))

２．右手主要以技能與功能進(jìn)行結(jié)合

３．右下角攻擊鍵與經(jīng)驗(yàn)條，技能氣力結(jié)合

４．ＵＩ上左和右都設(shè)計(jì)了收縮按鈕做為隱藏界面效果

5．屏幕資源匹配如：iPhone 4、iPhone 5、iPad、安卓手機(jī)等不同大小屏幕。

 

在考慮界面結(jié)合與隱藏效果，也必需考慮界面擴(kuò)展與多平臺(tái)匹配。

 

界面為左上角固定角，右側(cè)上角固定，中間的技能圓環(huán)獨(dú)立分開(kāi)，可以試用任何比例的屏幕。

多平臺(tái)資源擴(kuò)展的靈活性，大幅度提高游戲開(kāi)發(fā)時(shí)間。

   

之后設(shè)計(jì)根據(jù)需求方提供的需求，做出部分改動(dòng)。

同類(lèi)型游戲只要不改動(dòng)主要規(guī)范（手指移動(dòng)區(qū)，左右功能欄目擺放），

再進(jìn)行創(chuàng)新設(shè)計(jì)，適當(dāng)調(diào)整，就可以通用所有游戲

 

 

總結(jié)

界面交互，部分保證單機(jī)與網(wǎng)游戲的共同點(diǎn)(如左上角人物，右上角功能選擇，底部經(jīng)驗(yàn))，在結(jié)合手機(jī)操作習(xí)慣(如左手移動(dòng)，右手操作習(xí)慣)對(duì)本次設(shè)計(jì)進(jìn)行了創(chuàng)新。

優(yōu)點(diǎn)亮點(diǎn)：(同類(lèi)型游戲)

１.資源可通用所有掌機(jī)觸摸平臺(tái)。

２.界面功能布局，通用所有同類(lèi)型游戲。

３.同類(lèi)界面交互在全球，無(wú)先例獨(dú)一無(wú)二。（這里提到的獨(dú)一無(wú)二是2012年前的，想在有更好的交互了：）

在此材料里準(zhǔn)備了一份魔域ＦＬＡＳＨ動(dòng)畫(huà)概念演習(xí)，如一些手指直線滑動(dòng)，自動(dòng)奔跑功能，在同類(lèi)產(chǎn)品上都是創(chuàng)新。