UI设计的一些原则
UI是界面设计。 很多人认为界面设计只是界面的风格和美学,其实这种理解是非常片面的。 对于游戏UI,需要考虑好用(交互)和好看(视觉)。 目前,国内大型游戏公司的分工比较细。 一般有交互设计和视觉设计两个角色共同完成UI工作。 小公司的情况比较复杂,就不多说了。 对于UI,笔者在这里总结了五个基本的设计原则:
1、视觉流的引导
视觉流就是我们查看单个界面时的视觉流。 暂且不谈手势的热点范围,从眼球运动轨迹来看,眼睛对物体的关注本身就有一定的视觉规律,比如最简单的从上到下、从左到右的规律。
一般来说,我们在设计页面时,都会尽量考虑人眼的视觉规律。 例如,最重要的功能不应该放在视觉盲区。 但这里要强调的是,通过合理的界面控件层次排列和适当的布局,可以有效引导眼睛的视觉流动。
2.相似性原则
相似的意思是“风格统一页面游戏设计,相似相似”。
风格统一页面游戏设计,同类型图标的外观必须保持一致。 即便按钮因为字体的长短而长短不一,但至少从外观上看是同一种类型。
如果你的游戏是3D写实风格的,那么游戏中一定不能出现二次元少女。 可以考虑加入异次元元素,但是一定要有专业美术处理,这样整个游戏的风格才不会那么奇怪。
《爱的盛装》中有很多不同的服装风格,有古装、现代、西装、中式、日式等等,但是经过统一处理后,丝毫没有违和感。
类似同类型游戏角色,同类型控件的位置要靠得更近,即使没有模式框选择也能知道属于同类型按钮。 《爱与》的主界面上也有很多功能,但不会让人觉得杂乱无章。 相同功能的按键放在一起,不同类型的按键之间不会相互干扰。 最忌讳的就是无规律地晃动控件,这会导致玩家找不到可点击的控件,也会造成功能混乱,不知所措。
3.颜色偏差和颜色层次
偏色,在界面设计中,应该有偏色,就是主色调。 在任何一张图片中,颜色都不宜过多2d素材,最好不要超过3种不同的颜色。 就像穿衣服一样,除非你是高级设计师,配色能力不错,很少出错。 人们拍在身上的花色越多,整体档次就越低。 分享一个小技巧:在游戏界面中,可以使用黄金比例进行分割。 主色约占60%,辅助色占30%,突出色占10%。
色彩层次,在UI制作中,因为精度要求高,色彩明度和面积之间存在反比关系,这一点非常重要,因为它直接决定了UI原色的主次关系。 区域谨慎使用更明亮、更纯的颜色,否则会压倒观众,对玩家造成视觉折磨。 为了达到视觉上的对等,该区域还应使用不同明度、冷度和暖度的颜色。 微调。
背景颜色通常显示为非彩色(黑色、白色、灰色)或低饱和度颜色。 一般来说,面积越小,颜色越鲜艳、越纯,面积越大,灰度或亮度应该越低。 当色阶显露出来时,整个界面的信息传递会很舒服。
《王者荣耀》界面的色彩层次感非常清晰。 功能模块按色调划分,可点击区域的颜色亮度较高。 这种设计让玩家很容易识别功能。
4、字体节奏 很多人认为游戏中的画面是最重要的,字体是信息传递的辅助作用。 这是错误的,内容的可读性永远是第一位的。 我们在看图标的时候会发现,很多图标的辨识度不是很高,但是一旦加上字体,功能马上就明白了。 良好的字体设计、形状和大小将直接影响玩家接收信息的速度。
为什么是字体节奏? 在同一页面上使用相同大小和类型的字体会使信息的交流变得复杂和费力。 但是如果根据信息的重要程度对字体进行一些改动,节奏感马上就出来了,信息的层次一目了然。 因此,根据不同的功能场景使用不同的字体样式是极其重要的。
5.目标导向原则(这里只有逻辑,没有图片)
目标导向,在游戏中,每个界面都有对应的目标功能,是否便于开发玩法,界面显示的信息一定是玩家获取该功能所需要的信息。 明确你的目的,尽量不要因为目的以外的原因影响你的设计。