教程 | 游戲web類設(shè)計小技巧匯總02

時間：2023-10-01 02:00:01 | 來源：網(wǎng)站運營

時間：2023-10-01 02:00:01 來源：網(wǎng)站運營

教程 | 游戲web類設(shè)計小技巧匯總02：小編說：“設(shè)計本無對錯之分，“綠色笑臉”僅代表“可能會更好”。 新一期的“大家來找茬兒”，你準備好了么？（偷笑） 本人設(shè)計水平有限，說得不對的或者有需要補充的歡迎大家評論，共同進步！”

01

適當(dāng)?shù)匿J化可以在一定程度上提高素材的精度

位圖在進行拉伸或者縮放的情況下，都會有不同程度的質(zhì)量的損失， 適當(dāng)?shù)匿J化可以在一定程度上讓縮放后的素材看起來更加精致。 （建議復(fù)制一層銳化，這樣可以通過調(diào)節(jié)不透明度來控制銳化程度）

02

相對的，過度的銳化是應(yīng)該避免的

左圖是銳化了兩次以后得到的，人物邊緣及身上的線條出現(xiàn)了不同程度的疵邊現(xiàn)象， 這是銳化過度造成的。大家一定要把控好銳化的度，不要盲目依賴。

03

素材的選取要注意與整體畫面的風(fēng)格統(tǒng)一

左圖的金幣屬于現(xiàn)代的Q版的素材，與偏古風(fēng)的畫面明顯不搭，右圖的金色銅板就很貼切。 大家在選取素材時也要注意素材與畫風(fēng)是不是“同一類的”。

04

從更真實的角度考慮畫面元素的合理性

試想一下，如果立塊板子在沙灘上，板子一定會陷入沙堆中，有沙子遮住板子下方是很合理的。 多從實際的角度去考慮畫面塑造的合理性，當(dāng)然前提也是不要過分影響到功能的落實哦。

05

使用水墨元素時切忌墨跡周圍過于雜碎

雜碎的墨跡邊緣會給人躁動和雜亂無章的感覺，不管是小范圍交互元素，毛筆飛白， 還是大面積的墨跡鋪底，過于雜碎都會使人產(chǎn)生不舒服的感覺。

06

強烈的冷暖對比更能烘托出畫面的激烈和對抗性

如果想要表達對抗或沖撞的感覺，那么，在你的能力和素材允許的情況下， 強烈的冷暖對比都將是表現(xiàn)的最直觀的不二之選！

07

搞清楚畫面的主體究竟是什么，該弱化的元素請不要吝惜

左圖中遠處的城樓我拼湊了好久，但是出于合理性，以及突出人物眺望遠處的大感覺， 還是直接用煙霧進行了遮擋。拼了半天遮住了不可惜么？答：不可惜，因為合理！

08

對字體進行簡單的二次處理，有時會有意想不到的效果

左側(cè)是直接的字體（Agency FB）加了外發(fā)光的樣式， 右側(cè)結(jié)合蒙版對每一個字母的中間進行了2像素的切割，是不是看起來科技感更足了？

09

SLOGAN受光最強的地方可以考慮增加溢光的效果

這是一個生活中的自然現(xiàn)象，在受到強光的照射下，物體受光最強的部位有時會有溢光的現(xiàn)象。 同樣，物體受用，文字效果也受用。

10

有動勢的素材可以在素材的周圍順勢加點動感模糊

左側(cè)的人物雖然有動勢，但是感覺像靜止的。右側(cè)通過給人物邊緣加了動感模糊效果， 讓原本靜止的人物真正的“動”了起來。

11

給物體添加投影時，不要讓物體看起來像紙片一樣貼在墻

很多新手都會出現(xiàn)的一個問題，投影的距離和大小一定要根據(jù)實際情況去實時調(diào)整。 要注意的是，物體是有體積的，那么加投影的時候要適當(dāng)加大一點點距離和大小。

12

NEVER!!! 永遠不要使用低質(zhì)量的素材

這一點不止針對于游戲網(wǎng)頁設(shè)計，相信整個設(shè)計領(lǐng)域都會很抵制低質(zhì)量的素材。 一句話，渣圖使人挨餓。。。

13

保證識別度的前提下，嘗試讓主體“凌駕”于Slogan的上方

這張圖可能需要你更仔細地去觀察，右圖的文字是置于人物身體后面的。 有時，主體輕微的遮住一部分slogan（不影響識別度的情況下），可以讓畫面的層次感更強。

14

結(jié)合游戲環(huán)境對Slogan變形可以讓你的畫面更出彩

考慮到《TOS》偏中世紀的復(fù)古奢華的畫風(fēng)，對slogan做了類似哥特的處理形式。 是不是比左側(cè)直接上粗宋體的效果要好很多？

15

充分發(fā)揮你的想象力，讓頁面的形式豐富起來

左側(cè)的專題采用最常規(guī)的形式，slogan+5個入口平鋪，而右側(cè)換了一種形式， 將畫面中的所有內(nèi)容元素做在一個類似心形玫瑰花風(fēng)鈴的上面，形式較左側(cè)而言豐富了許多。

16

切記！書法字體慎用描邊效果

這一點是一定要切記的！因為混合選項中的描邊在往外擴散的過程中會逐漸趨于圓潤， 會使整體變得萌萌噠…大家可以在描邊的基礎(chǔ)上手動去添加毛筆筆觸，以保證毛筆字的整體威嚴！

17

書法字體的選擇也要分情境，并不是越霸氣越好

書法字體不是只有蒼勁有力的，也可以是清秀婉約的，需要根據(jù)不同的情境去挑選。 對于上圖清秀典雅的服飾風(fēng)格，顯然右圖的書法字體看起來跟整體會更搭配一些。

18

記得給畫面中的發(fā)光元素加上環(huán)境光

這是一個很容易被忽視掉的細節(jié)，但又是生活中很合理的一個現(xiàn)象。 光效啊，火焰啊等等這些素材，周圍應(yīng)該都會有淡淡的環(huán)境光暈，大家可以手動加上。

19

用有趣的形式吸引用戶的交互操作

左圖只是一個普通的手繪簽到按鈕，右圖增加了一個小人（其實是個gif，在不停的拍打按鈕）， 增加了畫面趣味性的同時，也在一定程度上吸引了用戶的點擊操作。

20

多溝通，是少走彎路的有效途徑

這次教程又結(jié)束了，下期再會?。。。。。。。。。。。。。。。。。?br>