手机游戏UI设计的原则有哪些
职业技能 / 设计培训 / UI/UE培训
-
91搜课网
2022-01-09 14:24
视觉流是我们查看单个界面时的视觉流程。暂时不考虑手势的热区范围。单从眼动轨迹来看，眼睛对物体的关注本身就有一定的视觉规律，比如从上到下从左到右最简单的规律。
UI是界面设计。很多人认为界面设计只是界面的风格和美观，但事实上，这种理解是非常片面的。对于游戏UI，需要考虑是否易于使用（交互）和是否美观（视觉）。对于游戏UI设计，笔者在此总结了五个基本设计原则：
1.引导视觉引导
视觉流是我们查看单个界面时的视觉流程。暂时不考虑手势的热区范围。单从眼动轨迹来看，眼睛对物体的关注本身就有一定的视觉规律，比如从上到下从左到右最简单的规律。一般来说，我们在设计页面时会尽量考虑人眼的视觉规律，比如最重要的功能不应该放在视觉盲区内。但这里笔者要强调的是，眼睛的视觉流可以通过合理的层次列出界面控件和适当的布局来有效引导。下图是万象故事的主界面。除了我们常见的按钮放在周围，它还特别将旅行按钮放在右侧中间，并添加了闪烁的特效。玩家的眼睛会不自觉地被这个特殊的按钮吸引，忍不住想点击进去看看。这个设计很好的把玩家拉到策划最想要玩家进入的游戏功能。
2.相似原则
相似之处在于风格统一，相似之处。风格统一，要保证同一类图标的外观一致。即使按钮因为字体长度而变得不同，至少从外观上看是一样的。如果按钮从外观上看不到相同的类别，可以参考《爱与制作人》(以下简称《爱与》)主页右侧图标群的做法，在每个图标的文字下方添加相同的灰色渐变半透明底图，很好的保证了这些功能图标从部分到整体的一致性。如果你的游戏采用3D真实风格，游戏中一定不能有二次元女生，可以考虑添加二次元元素，但一定要经过艺术的专业处理，这样整个游戏的画风才不会那么奇怪。《奇迹温暖》有很多不同的服装风格，比如古风、现代风格、西方风格、中国风格、日本风格等。，但经过统一处理，没有违和感。
类似的，相同类型的控制器的位置应该更近，即使没有图案的框架选择，你也可以知道它们属于相同的按钮。《爱与》的主界面也有很多功能，但不会让人感到混乱，相似功能的按钮放在一起，不同类型的按钮之间没有相互干扰。最禁忌的是不规则的随机控制器，会导致玩家找不到可点击的控制器，但也会对功能感到困惑，不知道该做什么。
3.色彩偏向和色彩层次
颜色偏差，在界面设计中，应该有一个颜色偏差，即主色调。在任何一张图片中，颜色都不应该太多，不同的颜色系统最好不要超过三种。这就像穿衣服，除非你是一个高级设计师，有很好的配色控制能力，很少犯错误，普通人拍摄的颜色越花哨，整个等级就越低。分享一个提示：在游戏界面中，可以使用黄金分割率进行划分，主色约占60%，辅助色约占30%，突出色约占10%。
色彩层次，在UI制作中，由于精度要求高，色彩的亮度与面积有反比应用关系，这一点非常重要，因为它直接决定了UI原色的主次关系。颜色越亮，纯度越高，在使用面积上就越谨慎，否则就会引起喧宾夺主，给玩家带来视觉上的折磨，为了达到视觉上的同等效果，亮度，冷暖不同的颜色也要在面积上进行微调。背景色常表现为无色(黑、白、灰)，或低饱和度的颜色。一般而言，面积越小，颜色越亮越纯，面积越大，颜色就会增加灰度或降低亮度，颜色的层次出来，整个界面的信息传递就会很舒服。《王者荣耀》界面中的色彩层次感非常清晰，主色调是灰度很高的蓝色，辅助色分别是紫色、青色、黄色等，从色调上划分功能模块，并且可点击区域的颜色亮度很高，这样的设计让玩家很容易识别功能。
4.字体节奏
很多人会认为画面是游戏中最重要的，字体是信息传递的辅助角色，这是错误的。内容的可读性总是排在第一位。当我们看图标时，我们会发现许多图标的可识别性不是很高，但一旦添加字体，我们就可以立即理解功能。良好的字体设计、形状和大小将直接影响玩家接收信息的速度。为什么是字体节奏？在同一页面中，使用相同的字体大小和类型的字体将使信息的传输变得复杂和困难。但是，如果在信息重要性的基础上增加字体的变化，节奏感就会立即出来，信息级别也会一目了然。因此，根据不同的功能场景，使用不同的字体样式也非常重要。下图梦幻家园》中一个活动页面的字体设计。文本的节奏感很好。不同功能的文本大小不同，设计也有区别，甚至有数字的强调。字体设计作者会给出一个小技巧：例如，它可以是4倍数。您的界面将出现12px、16px、20px、20px和几个字体大小（说到这里，我忍不住吐槽字体设计！
5.目标导向原则
目标导向，在游戏中，每个界面都有相应的目标功能，无论是玩法还是发展，界面显示的信息都必须是玩家需要获得的信息。明确你的目的，尽量不要因为目的以外的原因影响你的设计。除了这个界面功能最原始的目的，每次想加东西都要反复问自己:加额外的东西有什么好处？会不会造成一些问题？不加会有什么坏处？想想多个维度，优秀的设计经得起反复推敲。比如充值界面左侧为什么一定要加白无常？玩家充值的时候会抽出时间欣赏你的立绘吗？另外，同一张立绘在多个界面重复使用。你有多缺乏设计理念，一定要在每个页面加一张立绘来反映你的设计。这样做的后果是:既降低了立绘本身的价值，又减缓了游戏资源的加载速度，使界面复杂，难以识别，造成玩家的审美疲劳。
来自
本文仅代表作者观点。未经许可，不得转载！
赞同
推荐课程查看全部
火星时代
AAA教育
益阳佳程软件
非凡进修学院
位置：北京91搜课网 > 学习攻略 > 手机游戏UI设计的原则有哪些