2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 【UI分享】游戏界面设计的四原则

【UI分享】游戏界面设计的四原则

时间:2019-03-22 07:38:51

相关推荐

【UI分享】游戏界面设计的四原则

虽然游戏界面比起互联网APP产品界面要更为自由活泼,但游戏界面的布局设计仍然需要遵循一定的原则。此篇为大家分享设计的四个原则:对比,亲密,整体与对齐。

为了更好地帮助理解,下面以X游界面为载体进行说明。

它的界面GUI设计在当时并不丑,但整个界面给人一种很强的凌乱感。这是因为他没有遵循设计四原则中的亲密性,对比性以及整体性原则。

对比原则

对比原则意味突出该突出的,减弱改减弱的。界面设计时,策划往往会给出很多信息需要放上去,但设计师不能一股脑地直接往上堆,需要先对信息进行一个梳理,将重点信息放在视觉核心位置,同时加以强调,比如更精致的GUI美化,更大更华丽的字体等等。其他重要性较低的信息,则需要相对弱一些。

而画面中的信息内容,每一个都想突出自己,同时内容散落分布在整个界面,让人不知道该看哪里,容易漏掉重要信息。

亲密原则

亲密原则即把同类信息整合在一起,比如画面上的一级按钮,洗炼,阵容,学习,图鉴等,需要放在一个相连的位置。玩家信息,画面上的名字,亲密度,技术出行与战力也需要整合在一起。

整体原则

整体原则,也就是一个界面中,它的颜色与元素需要重复,使之成为一个整体。这个界面中,颜色已经做到了较好的统一,以黄黑为主,因此不看信息仅看颜色分布,不会给人太混乱的感觉。但元素未做到重复性,画面中分布着太多元素,包括各种大小的字体,扁平与复古的风格碰撞叠加,加重了界面的混乱。

围绕以上三原则的问题,交互设计师对界面进行了迭代,下图就是设计师迭代后的效果。虽然整体不如之前的炫酷了,但达到了信息整合,界面清晰的效果,每一块信息都被规整好呈现,重要信息放在视觉中心,按键摆放易操作,元素也进行了整体扁平化处理。遵循设计的四原则迭代后,原本混乱的界面布局被优化成了信息一目了然的新界面。

对齐原则

最后看看对齐性原则对于游戏界面设计的意义。对齐是界面设计的基础,上面的三大点或许需要设计师一定的积累才能达到,但对齐可以说是没有技术含量的一种意识,是设计师需要遵循的最低要求。下图的设计界面就是没有遵循对齐原则,它给人一种非常廉价与低品质的视觉感受。

而下图的界面则是遵循了对齐原则。在信息布局上显得非常整齐与清晰。两者对比高下立见。

当然,遵循对齐原则,并不是说明每一个界面都需要死板地布局信息。在游戏的主界面,一些错位的布局风格,其实并不影响界面的整体,反而会增添一点灵动。对齐原则更多的是运用在以呈现信息本身内容为目的的界面。

以上的四原则是游戏设计师从业多年自己总结得出的,并不代表行业的规范。作为设计师,在长时间的积累下,或多或少都会总结出一些自己的心得与方法论。作为设计初学者,学习前人留下的经验前行,能够帮助自己少走很多弯路,这四个原则也是如此。

学习,运用,拓展,但不要拘泥。

|【UI分享】游戏情景化设计

|【UI分享】横屏和竖屏手游设计思考

大侠,长按二维码保留联络点

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。