米线线❤表面是祖龙娱乐UI界面要如何改变呢

米线线❤表面是祖龙娱乐UI界面要如何改变呢

米粉❤

表面是祖龙娱乐UI设计师

私底下,他是一个超级愤怒的对话者

随着各种技术的提升,手游的画面也越来越精细,很多优秀的产品都在向着3A级游戏画面的效果努力。 如何更改UI界面? 我们可以通过分析主机游戏的设计原则并将其应用到手游的界面中来达到优化的目的。

主机游戏 UI UE 设计指南:DCD

尊重:界面应该帮助玩家理解游戏内容并与之互动,而不是反对游戏内容。

CLARITY:文字清晰易读,各种字体大小,图标表达准确清晰,装饰有理有据,设计以主次功能为导向。

深度:视觉层次分明的界面和逼真的动作使其更具活力,增加玩家的乐趣和理解。

我们以《死亡搁浅》为例。

剥离界面,揭示核心功能制作ui游戏界面的图标方法,审视功能本质。 去掉一些不必要的条条框框,让界面融入游戏。

unity手游界面ui制作_游戏ui界面设计教程_制作ui游戏界面的图标方法

根据设计原则改进手游界面设计和玩家体验; 在构建界面的过程中,围绕内容和功能来驱动每一个设计决策。

01关注功能内容

虽然透明美观的界面和流畅的动作效果是这款游戏最吸引眼球的地方,但功能内容才是核心。

游戏ui界面设计教程_制作ui游戏界面的图标方法_unity手游界面ui制作

手机屏幕尺寸有限,我们可以借鉴主机游戏充分利用整个屏幕,考虑将内容延伸到屏幕边缘。

全屏地图代替弹窗界面制作ui游戏界面的图标方法,非常直观地呈现关键信息点,并且有额外的空间显示其他信息。

重新思考视觉呈现

浮雕笔画和边框有时会使界面元素显得沉重和分散注意力; 相反,强调内容并让界面发挥辅助作用。

游戏ui界面设计教程_unity手游界面ui制作_制作ui游戏界面的图标方法

只在文字下面放一层淡淡的发光,而不是使用传统的方框

使用半透明的界面元素来暗示背后的内容

半透明可以提供上下文,帮助玩家看到更多内容,并给出暂时停止的提示。

unity手游界面ui制作_游戏ui界面设计教程_制作ui游戏界面的图标方法

可以立即切换

02 分清主次

清晰的呈现是确保界面内容合规性的另一种方式。 这里有一些方法可以使最重要的内容和功能清晰易懂。

大量使用空白

留白会让重要的内容更加突出游戏开发素材,更容易理解; 同时,这将使运营更加集中和高效。

制作ui游戏界面的图标方法_游戏ui界面设计教程_unity手游界面ui制作

用色块简化界面

使用主题色突出重点,巧妙暗示其交互性; 同时,会给游戏界面带来一致的视觉体验。

制作ui游戏界面的图标方法_unity手游界面ui制作_游戏ui界面设计教程

每一个细节和装饰都是精心打造的

游戏ui界面设计教程_制作ui游戏界面的图标方法_unity手游界面ui制作

界面颜色图案的来源必须从游戏中提取

字体理解成本更低

使用不超过3种字体音乐,主要字体必须规则以确保易读性。

制作ui游戏界面的图标方法_游戏ui界面设计教程_unity手游界面ui制作

unity手游界面ui制作_制作ui游戏界面的图标方法_游戏ui界面设计教程

对特殊标题或状态使用特殊字体以产生视觉冲击

使用无边框按钮

无边框按钮在按钮的内容区域内使用颜色、上下文和面向操作的标题来暗示其交互。

制作ui游戏界面的图标方法_unity手游界面ui制作_游戏ui界面设计教程

如果合适,通过显示细边框或浅色背景使按钮更加突出。

制作ui游戏界面的图标方法_unity手游界面ui制作_游戏ui界面设计教程

游戏ui界面设计教程_制作ui游戏界面的图标方法_unity手游界面ui制作

03 丰富的层次改变深度

选项在不同层次的界面上显示内容,包含层次和位置,以帮助用户理解界面之间的关系。

主界面上出现半透明背景,以区别于其他部分的界面。 ‍

游戏ui界面设计教程_制作ui游戏界面的图标方法_unity手游界面ui制作

多层显示列表,当玩家使用一个列表时,其他选项被折叠。

制作ui游戏界面的图标方法_unity手游界面ui制作_游戏ui界面设计教程

强烈的转场动画会给玩家带来层次感。

unity手游界面ui制作_游戏ui界面设计教程_制作ui游戏界面的图标方法

当玩家选择地图的远端拆除建筑物时,地图会放大,然后会出现建筑物视图,并会出现放大镜。

制作ui游戏界面的图标方法_游戏ui界面设计教程_unity手游界面ui制作

玩家不再需要单独弹出,而是可以更直观、更准确地了解自己身在何处、从哪里来、又从哪里回来。

以上就是DCD对于主机游戏应用的主要目的。 通过遵循功能内容,明晰主次,丰富层次,改变深度,手游界面找到优化方向,手游在未来的设计中可以作为借鉴。

谢谢~

.

.

.

终于

希望大家都开心每一天

本周热招

界面动画

界面设计师

高级原画(主艺术方向)

物质设计师唯物主义者

3D场景(UE4地面编辑,3D场景建模)