看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
布加葱
杭州
/
UI设计师
/
2年前
/
5049浏览
版权
私信
关注
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
布加葱
关注
在游戏设计的过程中,美术团队首先做的是根据游戏的
类型
和
世界观
,讨论和制定合适的美术风格。
当确定好大致的方向后,如何保证在游戏设计过程中,将整个项目的风格都
统一
在一个框架内,是在游戏制作过程中常遇到的难题。
这次主要探讨的是游戏UI设计过程中,如何把握美术风格统一的问题。如何统一UI界面风格。
统一风格,最行之有效的就是
制定设计规范
。设定好设计规范,并且严格按照规范执行,就能让UI界面风格统一。
UI视觉规包括
收藏
收藏
在游戏界面的设计过程中,一般会将色彩控制在3到4个,如果超过3个颜色,则尽量在现有色彩中加入黑白灰创造同色系色彩
颜色的分配一般为60%的主色调,30%的辅助色,10%的强调色(如果需要引入第四种色彩
最好从辅助色当中分出一-部分来)
所以在前期设定中,可以固定一个色版,把色相、纯度、明度都确定下来。
收藏
收藏
在规定界面排版的时候,一般用偶数单位,如4或者8的倍数,能适应大部分的手机屏幕分辨率,便于适配。
收藏
收藏
很多人可能会觉得游戏中画面最重要,字体则是信息传递的辅助,这就错了,其实
内容的可读性永远是排在首位的
比如我们在看图标的时候,会发现很多图标的辨识度并不高,但是一旦添加了文字,立马就能很好的理解功能。
文字还承载着
传递信息
的功能,如任务提示、角色名称、技能描述等。(好的字体设计,形状和大小都会直接影响到玩家接收信息的速度,所以我们可以通过合理使用不同字色,字号和字重以及不同透明度来强调界面中的重要信息层级。
界面中文字占比在屏幕中最大,选择合适的字体对信息的可读和易读有很大的提升(并且也影响视觉风格倾向)。
因为游戏中的字体不仅是文字的呈现,更是游戏画面和氛围的重要组成部分,所以在选择游戏字体时也要考虑风格倾向、用户画像等。
在实际游戏设计过程中,需要设定好字体的色号,(常规色,辅助色,突出色),和字体的大小(加粗,不加粗,一般使用4px为单位调节)
游戏内的字体除了有字色和字体的区分,在功能上通常有
游戏内嵌字体
(指被嵌入到电子游戏中的字体,用于显示游戏内的文本信息,如对话、提示、菜单等,是塑造游戏世界和提升游戏体验的重要组成部分。游戏名称、技能名称、菜单栏等标题字,通常选用美术字,更注重艺术样式。而对于正文字来说,其需要传达的信息更多,无需过于强烈的艺术表现,因此常使用一些经典常规字体,优先保证页面的辨识度。
游戏宣传字体
游戏宣传字体(通常被用于游戏的标题、标语、海报、广告等各种宣传材料上)
收藏
收藏
游戏中主的图标可以根据风格分为拟物化图标和扁平化图标,在功能上可以分为功能性图标(系统入口图标),道具图标(装备图标,物品图标,货币图标),技能图标等
在设计过程中,为了确保同一套图标的整体完整性,需要规定统一的用色规范,圆角角度,朝向,形状,线条粗细,和整体视觉大小等。
收藏
收藏
游戏中的控件一般包括
按钮,页签,列表,筛选框,进度条,品质框
等。
对于游戏UI而言,好不好用(交互)以及好不好看(视觉)都是需要考虑周全的一件事情,游戏界面有别于一般的UI界面,整个画面比较绚丽,而在这些绚丽的画面上还要让用户在第一时间能够找到操作按钮,其实也是一件很值得研究及学习的事情。
总结来说,
1、当界面背景比较绚丽复杂时,我们可以通过将按钮做的有别于背景(但得保证视觉协调),来突出按钮;
2、将功能类似的按钮放在一起,便于用户查找和使用,同时增加强提醒来提示用户操作;
3、界面占比小的按钮,就通过对比色或者纯度比较好的按钮来突出,给界面增加亮点的同时,提高用户识别。
收藏
收藏
收藏
收藏
计切图输出的目的是跟下游的程序协同工作,在工作中对于图标的命名规范有良好习惯非常重要的,规范的命名方式可以提高设计与开发人员的的效率,既方便美术人员,又方便开发人员。
其次切图输出应该尽可能的降低程序的工作量,避免因切图输出而导致的不必要的工作量。
最后输出的切图应当尽可能的压缩大小,以降低游戏的总大小,提升玩家使用时的加载速度。
所以切图输出应当做到切图精准、便与协同和压缩大小。
切图命名规范一般使用英文,下划线,数字,每个单词首写字母为大写(禁止使用空格,
中文,括号等其他命名,且不能重复),命名方式一般分两类, 一种是公用资源,另外一
种是系统模块独有的资源。
收藏
收藏
最后,推动规范落地,才是制作规范的目的。在推行过程中,需要先和团队内进行好沟通,维护好规范的落地,后期也需要不断对规范进行迭代和完善。制定规范的主要还是为了产品更加统一,提高开发效率,更好地为游戏服务。
134
举报
|
声明
363
分享
原创文章
UI
相关推荐
换一换
二次元项目游戏ui设计
292
布加葱
二次元动作类手游UI项目
784
布加葱
会员精选
社交软件APP-新概念设计
24
尤尼卡Eureka
推广
欧美卡通休闲战斗游戏ui界面
14
布加葱
欧美卡通游戏图标建模练习
219
布加葱
关注
游戏UI必看文章收录
342
大仓i
blender 房间练习
122
布加葱
blender练习
93
布加葱
复古欧美卡通抽奖扭蛋机游戏界面UI
829
布加葱
日式游戏弹窗UI
603
布加葱
埃及风游戏界面ui
722
布加葱
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
UmeDesign新作|三只松鼠饮品+烘焙+零食包装设计合集
216
UmeDesign
扫地机割草机-近期项目合集
275
致命的
字体设计⑤月
148
妖怪monster
乐奇x创意光谱丨产品站视觉系列丨视觉精选
300
创意光谱
INDE灵感八爪鱼
232
蔬菜帮帮
庄与设计作品|2025版24节气海报
157
庄与设计
相关收藏夹
换一换
关注
游戏UI必看文章收录
342
大仓i
关注
游戏ui
45
躺被抓起来
关注
UI
19
妙我
关注
作品集
5
唐浍
关注
ui
4
夏小鸣
关注
UI设计思路
4
kaloris
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计】
设计
设计、
设计
#设计#
🤮设计
设计‘’
is设计
设计‘
设计
设计。
#设计
if设计
设计,
设计
@设计
an设计
设计
#设计
#设计
设计#
#设计
设计
设计’
以设计
设计in
in设计
AS设计
it设计是
by设计
a设计
it设计
把设计
设计.
、设计
设计的
及设计
设计 、
登录注册
99+
登录即可同步推荐记录哦
99+
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享