【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)


3樓貓 發佈時間:2022-12-06 18:11:40 作者:神兜兜的孫神 Language

各位開發者們,大家好呀,歡迎來到我的頻道

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第0張

談論這個問題時,首先我們要了解幾個基本概念

1.什麼是平面設計

2.遊戲引擎採用什麼來編輯HUD

3.UI和Hud的區別

平面設計

根據某度的定義:

也稱為視覺傳達設計,是以“視覺”作為溝通和表現的方式,透過多種方式來創造和結合符號、圖片和文字,藉此作出用來傳達想法或訊息的視覺表現……

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第1張

但是今天我們不講這些無聊的定義,我們要研究平面設計做的項目內容與設計思路

首先我們從廣告入手

作品01:

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第2張

拉麵廣告

這是一份非常簡單的拉麵廣告,但是我並不認為這是一份好的作品

分析如下:

拉麵二字雖然有錯落的美感,但是所有的文字排布上是有一定的問題的,而且背景配色也不太好,我會將背景換成一個西式的廚房,使用ps加入一個數值為5的高斯模糊,這樣也許就可以增加廣告的氛圍感覺

總結一下:

考慮主要內容在畫面中的表現

字體排版不可以凌亂

配色上覆合內容需求

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第3張

講完了廣告設計,順便看看包裝吧

其實包裝上開發者也不是挺在行

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第4張

這個包裝是按照Ps3光盤盒子的尺寸製作的

我簡單的整理了一下幾個要點,如果有爭議或缺失,評論區留言一下吧

總結:

‌注意要求的尺寸,一定要標準合規

出血線大多數都是3mm

考慮印刷是否節省工料(如果是單個印刷,不必考慮)

整體排版符合內容,使其充滿美感

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第5張

遊戲引擎採用什麼來編輯HUD

在寫這個回答時,還是請理論捧個場吧

虛幻引擎4提供了創建UI和HUD的多種方式。畫布 類可以用於在低級別直接在屏幕上繪圖,覆蓋在場景之上。

虛幻引擎的HUD編輯器是有專門的稱呼的,叫做UMG編輯器

當然不同的引擎有不同的界面來編輯HUD

虛幻開發文檔中就有一張對比圖

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第6張

虛幻開發文檔

unity中稱呼叫ui

虛幻中稱為UMG

UI和Hud的區別

為玩家與遊戲內容進行交互提供了一種途徑。遊戲中的菜單、物品欄、對話框等等,都屬於UI。

但是HUD實際上是遊戲UI的一部分,但相比之下它有專門的用途,因此被單獨劃分出來。一般而言,遊戲進行時覆蓋在實際遊戲畫面上用作信息顯示的界面元素才被視為HUD。

平面設計在遊戲中的運用

拿雙線交鋒:新世界來講

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第7張

段位設計,遊戲局內UI,以及排行榜等等,都需要製作一個個簡單的概念圖

排行榜系統:

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第8張

排行榜段位UI

段位系統:

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第9張

個人資料中的段位系統

遊戲局內HUD:

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第10張

局內UI

製作完概念圖片之後,我們把它導入到虛幻UMG編輯器

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第11張

編輯器內展示

說到這裡,相信大家對UI設計可能會有一個全新的理解

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第12張

虛幻4製作界面是由完整的製作流程和操作規範的,這裡不過多贅述,如果後期有時間,開發者會做一個專門的文章來介紹

下面就給大家送福利啦:

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第13張

AI作畫01

【PC遊戲】暢談平面設計在遊戲開發中的作用(結尾有福利)-第14張

AI作畫02

#虛幻4#pc遊戲#女朋友#手機壁紙#遊戲開發者#遊戲開發#獨立遊戲開發#


© 2022 3樓貓 下載APP 站點地圖 廣告合作:asmrly666@gmail.com