發(fā)布時(shí)間 : 2019-12-26
文章熱度 : 306
游戲策劃中,UX交互設(shè)計(jì)是非常重要的基礎(chǔ)內(nèi)容,是后續(xù)深入策劃涉及的基石。所以學(xué)好UX交互是游戲策劃的一項(xiàng)基本功,那么有哪些需要注意的地方?資深游戲策劃云飛向我們分享了他對(duì)于UX交互的一些獨(dú)到理解,讓我們一起來(lái)學(xué)習(xí)一下吧。
交互其實(shí)是專業(yè)性很強(qiáng)的職業(yè),對(duì)策劃和視覺(jué)美術(shù)都要有一定的了解,且最好有一方的專長(zhǎng),所以我只是班門(mén)弄斧,十分淺的來(lái)聊聊交互。
字體字色字號(hào)及規(guī)范
這里指的一般不包括專門(mén)設(shè)計(jì)的美術(shù)字,而是游戲內(nèi)通用的文字。
既然是UX,就還是來(lái)看看實(shí)際的界面。
隨手截了一張陰陽(yáng)師的界面,從線框框出來(lái)的6個(gè)區(qū)域簡(jiǎn)單聊聊。
首先是關(guān)于字體,一般來(lái)說(shuō)游戲里會(huì)用到3種左右的字體:普通的文本字體,標(biāo)題及頁(yè)簽字體,數(shù)字和英文字體。
陰陽(yáng)師的主界面中,場(chǎng)景化的功能入口和底部主要的功能入口,還包括頂部的“新”,使用的是標(biāo)題頁(yè)簽這一類(lèi)帶有風(fēng)格的字體,形狀上來(lái)說(shuō)會(huì)比常規(guī)字體(宋體、黑體等)更加美觀,同時(shí)每個(gè)游戲結(jié)合自己的需要會(huì)有不同的字體使用,可以體現(xiàn)游戲的風(fēng)格。
其實(shí)如果是英文的界面(或者全球服),可能更多的是圖形化的icon和提示就已經(jīng)足夠,比如放置奇兵的形式。
但是需要注意的是,如果是國(guó)服的游戲,還是建議使用漢字+圖形。因?yàn)闈h字是方塊字,本身是帶有一定圖形化元素的,加上特定的字體,并不會(huì)如同字母組合的文字那樣,信息為主而少有美感。
回到陰陽(yáng)師,聊天欄里的文字則為普通的閱讀文字,適合于大段的描述、對(duì)話等內(nèi)容,不適合風(fēng)格化的字體,會(huì)稍不適合于閱讀。
陰陽(yáng)師種,技能描述、御魂描述也都是使用的該字體。
而數(shù)字和英文可以和普通的文字使用一種字體,也可以不同,使用不同主要是因?yàn)闈h字字體英文和數(shù)字不一定好看,但是存在的問(wèn)題則是漢字中夾雜著英文和數(shù)字的內(nèi)容,則十分蛋疼。
然后是關(guān)于文字顏色。這里我使用一個(gè)新界面,讓大家看得更加清楚。
御魂詳情中,可以看到使用了4種顏色:黑色為普通描述顏色,棕色為主屬性即重點(diǎn)提示,綠色為達(dá)成條件提示,灰色為未達(dá)成條件提示。其實(shí)這里還有一種顏色:“屬性加成”和“方案”使用的是標(biāo)題色:淺黃+黑色描邊。
一般來(lái)說(shuō),游戲內(nèi)會(huì)用到大約4-5種顏色(使用情況基本約等于陰陽(yáng)師的這個(gè)界面),標(biāo)題顏色,普通文本色,重點(diǎn)提示色,達(dá)成條件/增益/有利色(一般為綠),未達(dá)成條件/減益/不利色(一般為紅)。
當(dāng)然,根據(jù)游戲的需要,還會(huì)有各種各樣的顏色:品質(zhì)色、狀態(tài)色等,比如下面兩種情況。
最后是字號(hào),字號(hào)可能存在的情況比較多,一般來(lái)說(shuō)手游從16-32及以上都可能有,為了保證區(qū)分度起碼要使用兩碼以上的字號(hào)區(qū)別(16-18-20-22-……或是18-22-26-……),不同的游戲和不同的情況下使用字號(hào)的情況可能大有不同,重要的是要按照規(guī)范來(lái),比如:icon內(nèi)文本使用16,普通描述文本使用20,強(qiáng)調(diào)情況或數(shù)字使用22,按鈕文字使用24,標(biāo)題使用28,這里就不深入講了。
字體字色字號(hào)的使用并不復(fù)雜,困難的是建立規(guī)范并且敦促執(zhí)行,而且在一次次迭代中,規(guī)范也可能發(fā)生變化,確保游戲內(nèi)是統(tǒng)一的是最重要的。
下期,云飛將向我們繼續(xù)分享關(guān)于UX交互設(shè)計(jì)中的游戲內(nèi)彈窗、按鈕及元件,博思將與你一起學(xué)習(xí),一起成長(zhǎng)。