个人的UI风格分析

因为很喜欢《荒野乱斗》的UI风格，所以想用分析UI规范的方法来加固自己的理解和使用。没有商业用途，纯个人经验归纳，如有不足，可以帮忙补充下，谢谢。

人物角色

荒野乱斗这款游戏是欧美Q版卡通风格，给人的感觉是轻松休闲，所以在人物设计上面也体现了这一点，角色轮廓明显，人物风格迥异，每个角色的对战技能特征都表现得很明显，酒瓶、阳伞、炸弹等等。即使是只剩下轮廓，也知道这个角色是谁。

颜色

颜色上也同样体现这种感觉，色块化，颜色层次简洁，对比明显，用色上明快活泼。

背景颜色使用同色系，突出中间的人物，标题上使用黑色的色块做简单的处理，可点击的按钮上做突出。

按钮上的排布，都以界面四周为点击点，符合横版手持手机的手势要求。

看着不会挑花眼的原因是因为颜色的占比上很注意，主色调占70%-80%（背景），辅助色调占20%-30%（功能区的按键），强调色占10%（按钮）。这样的颜色分配方法可以保证画面层次上不会乱，该强调的强调，该当背景的当背景。

按钮

按钮的位置根据手指可操作的区域进行分布，重点按钮的颜色是强调色，按钮的大小也根据重要程度上进行划分

视觉引导1-2-3-4-5-6-7，较为不重要的按钮会用暗色灰色来表示。

像排行榜上的显示效果，其他小伙伴的排行条用灰色表现，自己的排行条用橙色表示，还有个要注意的是同一个界面中的按钮颜色不宜过多，最多不超过3种颜色。

按钮的样式要统一

按钮样式上都使用斜方形，样式上的绘制也是统一样式，颜色上只有黄色、蓝色和深灰色三种颜色的按钮。

字体

字体的统一样式是白色字加黑色描边和黑色投影。颜色鲜艳的界面中，这款样式的字体表现会更加突出和明显。

使用的字体统一，数字的字体一种，中文的字体一种。

界面

界面上将描边贯彻到底，人物，按钮，文字，界面框体，图标都加上了黑色的描边。

框体的形状跟按钮形状统一，都采用斜/长方形。

Powered by Froala Editor