游戏ui设计风格的统一(快速搭建指定美术风格的ui)

Recommand
杭州/UI设计师/1年前/3918浏览
游戏ui设计风格的统一(快速搭建指定美术风格的ui)Recommand
布加葱
  • 在游戏设计的过程中,美术团队首先做的是根据游戏的 
    类型 
    和 
    世界观
    ,讨论和制定合适的美术风格。
  • 当确定好大致的方向后,如何保证在游戏设计过程中,将整个项目的风格都 
    统一 
    在一个框架内,是在游戏制作过程中常遇到的难题。
  • 这次主要探讨的是游戏UI设计过程中,如何把握美术风格统一的问题。如何统一UI界面风格。
  • 统一风格,最行之有效的就是 
    制定设计规范 
    。设定好设计规范,并且严格按照规范执行,就能让UI界面风格统一。
 UI视觉规包括
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
  • 在游戏界面的设计过程中,一般会将色彩控制在3到4个,如果超过3个颜色,则尽量在现有色彩中加入黑白灰创造同色系色彩
  • 颜色的分配一般为60%的主色调,30%的辅助色,10%的强调色(如果需要引入第四种色彩
最好从辅助色当中分出一-部分来)
  • 所以在前期设定中,可以固定一个色版,把色相、纯度、明度都确定下来。
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
  • 在规定界面排版的时候,一般用偶数单位,如4或者8的倍数,能适应大部分的手机屏幕分辨率,便于适配。
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
  • 很多人可能会觉得游戏中画面最重要,字体则是信息传递的辅助,这就错了,其实
    内容的可读性永远是排在首位的
    比如我们在看图标的时候,会发现很多图标的辨识度并不高,但是一旦添加了文字,立马就能很好的理解功能。
  • 文字还承载着
    传递信息
    的功能,如任务提示、角色名称、技能描述等。(好的字体设计,形状和大小都会直接影响到玩家接收信息的速度,所以我们可以通过合理使用不同字色,字号和字重以及不同透明度来强调界面中的重要信息层级。
  1. 界面中文字占比在屏幕中最大,选择合适的字体对信息的可读和易读有很大的提升(并且也影响视觉风格倾向)。
  2. 因为游戏中的字体不仅是文字的呈现,更是游戏画面和氛围的重要组成部分,所以在选择游戏字体时也要考虑风格倾向、用户画像等。
在实际游戏设计过程中,需要设定好字体的色号,(常规色,辅助色,突出色),和字体的大小(加粗,不加粗,一般使用4px为单位调节)
游戏内的字体除了有字色和字体的区分,在功能上通常有
  • 游戏内嵌字体
    (指被嵌入到电子游戏中的字体,用于显示游戏内的文本信息,如对话、提示、菜单等,是塑造游戏世界和提升游戏体验的重要组成部分。游戏名称、技能名称、菜单栏等标题字,通常选用美术字,更注重艺术样式。而对于正文字来说,其需要传达的信息更多,无需过于强烈的艺术表现,因此常使用一些经典常规字体,优先保证页面的辨识度。
  • 游戏宣传字体
    游戏宣传字体(通常被用于游戏的标题、标语、海报、广告等各种宣传材料上)
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
  • 游戏中主的图标可以根据风格分为拟物化图标和扁平化图标,在功能上可以分为功能性图标(系统入口图标),道具图标(装备图标,物品图标,货币图标),技能图标等
  • 在设计过程中,为了确保同一套图标的整体完整性,需要规定统一的用色规范,圆角角度,朝向,形状,线条粗细,和整体视觉大小等。
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
  • 游戏中的控件一般包括
    按钮,页签,列表,筛选框,进度条,品质框
    等。
对于游戏UI而言,好不好用(交互)以及好不好看(视觉)都是需要考虑周全的一件事情,游戏界面有别于一般的UI界面,整个画面比较绚丽,而在这些绚丽的画面上还要让用户在第一时间能够找到操作按钮,其实也是一件很值得研究及学习的事情。
总结来说,
  • 1、当界面背景比较绚丽复杂时,我们可以通过将按钮做的有别于背景(但得保证视觉协调),来突出按钮;
  • 2、将功能类似的按钮放在一起,便于用户查找和使用,同时增加强提醒来提示用户操作;
  • 3、界面占比小的按钮,就通过对比色或者纯度比较好的按钮来突出,给界面增加亮点的同时,提高用户识别。
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
  • 计切图输出的目的是跟下游的程序协同工作,在工作中对于图标的命名规范有良好习惯非常重要的,规范的命名方式可以提高设计与开发人员的的效率,既方便美术人员,又方便开发人员。
  • 其次切图输出应该尽可能的降低程序的工作量,避免因切图输出而导致的不必要的工作量。
  • 最后输出的切图应当尽可能的压缩大小,以降低游戏的总大小,提升玩家使用时的加载速度。
  • 所以切图输出应当做到切图精准、便与协同和压缩大小。
切图命名规范一般使用英文,下划线,数字,每个单词首写字母为大写(禁止使用空格,
中文,括号等其他命名,且不能重复),命名方式一般分两类, 一种是公用资源,另外一
种是系统模块独有的资源。
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
游戏ui设计风格的统一(快速搭建指定美术风格的ui)
Collect
最后,推动规范落地,才是制作规范的目的。在推行过程中,需要先和团队内进行好沟通,维护好规范的落地,后期也需要不断对规范进行迭代和完善。制定规范的主要还是为了产品更加统一,提高开发效率,更好地为游戏服务。
108
Report
|
287
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
游戏UI必看文章收录
游戏UI必看文章收录
游戏UI必看文章收录
游戏UI必看文章收录
作品收藏夹
游戏ui
游戏ui
游戏ui
游戏ui
作品收藏夹
作品集
作品集
作品集
作品集
作品收藏夹
UI设计思路
UI设计思路
UI设计思路
UI设计思路
作品收藏夹
GUI
GUI
GUI
GUI
作品收藏夹
ui
ui
ui
ui
作品收藏夹
大家都在看
Log in