【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