前言

我在幾個(gè)月前寫過APEX英雄的設(shè)計(jì)指南，也說明這個(gè)游戲的覆蓋設(shè)計(jì)已經(jīng)研究完畢了，指南文章主要是幫助想去創(chuàng)作這一類的盒友，因?yàn)槲野l(fā)現(xiàn)做這些素材的人很少，身邊的朋友都在畫表情畫皮套..讓我有種孤獨(dú)的感覺。這里的指南本身不等于“教程”，我的本意是提供給你一個(gè)方式和思維。

在指南開始前，我們需要用“設(shè)計(jì)思維”去解決設(shè)計(jì)難題，不是說一定要是“設(shè)計(jì)師”才去掌握設(shè)計(jì)思維，它更像是日常的所具備的能力，可以在很多情況下幫助我們進(jìn)行思考。

以往相關(guān)內(nèi)容

Valorant/無畏契約-直播覆蓋Hud素材設(shè)計(jì)

理解它的定義

在我還是一名UI設(shè)計(jì)師的時(shí)候，我認(rèn)為設(shè)計(jì)思維是用于解決問題的5個(gè)流程，協(xié)作任務(wù)和以用戶為中心的解決問題的方法，涉及

1. 與用戶產(chǎn)生共鳴

2. 定義問題

3. 構(gòu)思解決方案

4. 創(chuàng)建原型

5. 測試

在素材設(shè)計(jì)方面一樣適用，我們一樣可以用上面五個(gè)流程。只需要簡化幾個(gè)流程，得到：

1. 找到游戲操作截圖，可以去interfaceingame官網(wǎng)查看

2. 找到主要功能區(qū)域

3. 思考能覆蓋到區(qū)域，考慮到適用場景，比如說直播，右下角聊天框必做遮掩框（聽不少人說游戲可以設(shè)置直播模式，但還是會被封直播間）

4. 測試素材

素材完成后需要自己去測試，特別是動(dòng)態(tài)素材，在很大程度上影響GPU和CPU的性能。

我希望能提供一個(gè)流程參考幫助你去設(shè)計(jì)，請盡量自己找出適合自己的流程，或者不到萬不得已的時(shí)候...才去找模板。

素材前沿

我的所有素材都已經(jīng)過了“用戶體驗(yàn)”的階段，讓我意外的是國服官方看過我的素材，說明這種素材可行性。

所有可以疊加覆蓋的素材都可以被稱為“流媒體”，主要用于流式傳輸（直播）。

素材的構(gòu)成

有背景的覆蓋

以我的設(shè)計(jì)經(jīng)驗(yàn)來看，其實(shí)就是類似Banner設(shè)計(jì)的一種，舉個(gè)例子，把它Banner套到技能覆蓋里...

但同時(shí)要保持著“平衡”

中間部分突出這個(gè)素材的“主題”

完整的樣式，如下（雖然是廢稿）

半透明/線條覆蓋

在原有的線條上做素材覆蓋

和上述差不多的規(guī)則，但這種樣式反而能做不少風(fēng)格。

動(dòng)態(tài)導(dǎo)出的格式

我看還是有不少人有這個(gè)問題，這里再次說一下，打開Adobe Media Encoder 2020或以上版本

導(dǎo)出設(shè)置為.webm

然后去視頻設(shè)置里給IncludeAlphaChannel打勾

就能把一個(gè)動(dòng)態(tài)文件導(dǎo)出至最小文件且保持透明/高清

總結(jié)

至此指南結(jié)束，寫這篇開始，我身體已經(jīng)出現(xiàn)不少問題了，我不知道還能為這些愛好堅(jiān)持多久，但可以說一定有和我一樣想做下去的人，希望你能完成最棒的作品。