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

2025-3-10    资深UI设计者 设计管理与成长

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

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

 

作者：布加葱
链接：https://www.zcool.com.cn/article/ZMTYxMzIxNg==.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

 

 

 

« UI设计死抠的细节 色盲不迷茫：股票UI设计突围之路 »

分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档