《游戲界面設(shè)計(jì)》課件-06單元-游戲項(xiàng)目設(shè)計(jì)開發(fā)

任課教師：樊樸

聯(lián)系方式/p>

游戲界面設(shè)計(jì)GameICONDesign目錄休閑游戲研發(fā)流程界面設(shè)計(jì)前期工作界面流程設(shè)計(jì)核心界面美術(shù)設(shè)計(jì)一、休閑游戲研發(fā)流程休閑游戲研發(fā)流程立項(xiàng)階段決定做什么游戲研發(fā)階段相互配合實(shí)現(xiàn)游戲上線運(yùn)營(yíng)階段根據(jù)市場(chǎng)反應(yīng)完善游戲游戲研發(fā)項(xiàng)目組三大部門游戲策劃部門游戲美術(shù)部門游戲程序部門制定游戲的玩法、規(guī)則、劇情、戰(zhàn)斗細(xì)節(jié)等內(nèi)容(游戲要怎么玩)繪制游戲的人物、場(chǎng)景、界面、道具等可視的外觀(游戲看起來(lái)什么樣)將策劃和美術(shù)的想法用程序語(yǔ)言實(shí)現(xiàn)，讓游戲能流暢運(yùn)行(游戲能玩、能玩好)游戲美術(shù)部門四大分支游戲原畫設(shè)計(jì)師游戲界面設(shè)計(jì)師游戲三維設(shè)計(jì)師游戲特效設(shè)計(jì)師繪制游戲二維效果圖如人物、場(chǎng)景、建筑、裝備、寵物繪制游戲界面、圖標(biāo)及icon將原畫設(shè)計(jì)師的平面設(shè)計(jì)圖轉(zhuǎn)換為三維模型并給人物、動(dòng)物等模型添加動(dòng)作給人物、界面添加動(dòng)態(tài)效果休閑游戲研發(fā)流程討論立項(xiàng)階段：做什么游戲，做什么樣子的游戲策劃部門決定游戲類型、游戲核心玩法美術(shù)部門決定游戲美術(shù)風(fēng)格、界面風(fēng)格程序部門搭建游戲基本框架休閑游戲研發(fā)流程前期研發(fā)階段：豐富游戲的內(nèi)容并讓游戲能穩(wěn)定地運(yùn)行策劃部門完善游戲核心玩法并添加附屬玩法，豐富人物、劇情等游戲內(nèi)容美術(shù)部門繪制核心人物、場(chǎng)景、道具等，并設(shè)計(jì)核心界面程序部門將更多的游戲內(nèi)容及游戲的美術(shù)資源加入游戲程序中并保證運(yùn)行休閑游戲研發(fā)流程后期研發(fā)階段：完善游戲的內(nèi)容并讓游戲穩(wěn)定運(yùn)行策劃部門完善游戲的細(xì)枝末節(jié)并不斷地測(cè)試、修改美術(shù)部門制作所有美術(shù)資源，并設(shè)計(jì)所有的界面和圖標(biāo)程序部門不斷地測(cè)試、優(yōu)化程序，保持游戲穩(wěn)定高效率運(yùn)行休閑游戲研發(fā)流程上線運(yùn)營(yíng)階段：根據(jù)反饋修改游戲并推出各種活動(dòng)增加玩家體驗(yàn)策劃部門修改游戲平衡、完善后期關(guān)卡、劇情、怪物，設(shè)計(jì)各種活動(dòng)美術(shù)部門制作后期美術(shù)資源和活動(dòng)相關(guān)美術(shù)資源程序部門繼續(xù)優(yōu)化程序，保持游戲穩(wěn)定高效率運(yùn)行二、界面設(shè)計(jì)前期工作處理游戲前期需求游戲類型：橫版跑酷游戲游戲風(fēng)格：Q萌卡通了解立項(xiàng)說(shuō)明文檔了解立項(xiàng)說(shuō)明文檔這里需要一些二頭身Q版人物這里需要一些卡通橫版場(chǎng)景游戲搜資了解跑酷游戲：1.跑酷游戲是競(jìng)速游戲的一種2.由玩家操作單一人物，在指定的賽道上通過(guò)移動(dòng)和跳躍，躲避障礙物、獲取增益道具的游戲方式。游戲追求通關(guān)速度或跑酷時(shí)間，游戲節(jié)奏緊張快速，可以讓玩家腎上腺素飆升，獲得緊張刺激的游戲感受。3.跑酷游戲分為豎版和橫版游戲搜資搜集古今中外各種橫版跑酷游戲的資料關(guān)注游戲的美術(shù)風(fēng)格、界面布局和配色。觀察2年內(nèi)上線的q萌卡通游戲的美術(shù)風(fēng)格和配色特點(diǎn)。觀察所有橫版跑酷游戲的界面布局和界面跳轉(zhuǎn)流程。游戲搜資注意事項(xiàng)要有良好的游戲?qū)徝乐滥男┦呛玫膮⒖寄男┦遣缓玫膮⒖贾滥男┟佬g(shù)風(fēng)格適合該項(xiàng)目知道哪些界面布局是流暢的、便于操作的游戲搜資注意事項(xiàng)養(yǎng)成良好的存放資料的習(xí)慣游戲搜資注意事項(xiàng)養(yǎng)成良好的批注資料的習(xí)慣對(duì)于大量的圖片，可進(jìn)行文檔批注游戲搜資注意事項(xiàng)對(duì)單張圖片，可在Photoshop中進(jìn)行局部批注三、界面流程設(shè)計(jì)什么是游戲流程圖玩家在游戲中從登錄界面，到體驗(yàn)完以所有功能，需要通過(guò)的路徑和執(zhí)行的操作在前期開發(fā)階段，只需要設(shè)計(jì)核心流程即可游戲流程圖是由界面設(shè)計(jì)師和策劃人員合作完成跑酷游戲核心流程圖核心流程圖：玩家進(jìn)入游戲后完整地體驗(yàn)一次游戲，所需要的最簡(jiǎn)潔的操作流程登錄界面主界面進(jìn)行界面結(jié)算界面游戲線框圖界面線框圖：由策劃和界面設(shè)計(jì)師共同討論完成的，關(guān)于界面內(nèi)容和布局的示意圖界面外觀可以自由設(shè)計(jì)，內(nèi)容和布局則需依照線框圖核心界面線框圖1：首屏界面核心界面線框圖2：主界面放置必要的功能接口簡(jiǎn)潔、擴(kuò)充性強(qiáng)，方便后期加入更多功能玩家信息財(cái)產(chǎn)設(shè)置區(qū)游戲功能區(qū)活動(dòng)展示區(qū)功能區(qū)核心界面線框圖3：進(jìn)行界面橫向位置不可放置界面內(nèi)容頂部展示人物狀態(tài)和財(cái)產(chǎn)，底部展示跑酷進(jìn)度可在左下角右下角放置操作按鈕核心界面線框圖4：結(jié)算界面展示通關(guān)人物形象，渲染歡樂(lè)氣氛簡(jiǎn)短的通關(guān)數(shù)據(jù)統(tǒng)計(jì)核心界面線框圖5：商城界面挑選一個(gè)最具代表性的一級(jí)界面制作美術(shù)效果方便進(jìn)行界面的套用和迭代四、核心界面美術(shù)設(shè)計(jì)原畫資料分析人物活潑、潮酷、現(xiàn)代原畫資料分析場(chǎng)景多為森林，靜謐、鮮艷、卡通現(xiàn)代界面參考這里需要自己去找4-5張和參考截圖長(zhǎng)得挺像的游戲界面，作為靈感來(lái)源進(jìn)行界面設(shè)計(jì)將所有可用素材置入到線框圖繪制一個(gè)萬(wàn)能圖標(biāo)進(jìn)行占位進(jìn)行界面設(shè)計(jì)繪制草稿使用圓形、菱形、平行四邊形等造型體現(xiàn)現(xiàn)代感進(jìn)行界面設(shè)計(jì)繪制初稿并上色進(jìn)行界面設(shè)計(jì)不斷討論、修改、細(xì)化進(jìn)行界面效果圖扁平四邊形造型體現(xiàn)現(xiàn)代感圓角的細(xì)節(jié)體現(xiàn)卡通感半透明的底框，弱化了界面的存在感重要信息和圖標(biāo)用彩色立體效果，便于玩家查看結(jié)算界面效果圖傾斜分割體現(xiàn)動(dòng)感人物下方綠色色塊增加沖擊力左明右暗的顏色對(duì)比突出跑酷結(jié)果結(jié)算界面效果圖圓角幾何圖案，兼具了現(xiàn)代感和幾何感沒(méi)有弱化