澄澈如琉璃 无界全新风格UI展示
技术性共研二测已经顺利落幕,本次测试在性能运行上已完全达标,《剑网3无界》将于6月正式上线与侠士们见面。本周我们将从侠士们关注的重点问题出发,从UI、画质到代表性机型的运行效果,为侠士们详细解析无界端的最新调优成果。
在前两次测试中,侠士们反馈最多的问题就是UI不好看。为此我们也进行了多重的风格探索,最终确定以旗舰版商城界面衍生的设计风格为移动端UI的设计主题风格。
这套设计风格简称为“琉璃”,灵感出自唐代刘商的《酬问师》:虚空无处所,仿佛似琉璃,诗境何人到,禅心又过诗。UI整体风格以冷灰色为底色,与原先的扁平化风格有较大差异。琉璃风格强调了背景与侠士可操作选择模块的区别。在视觉表现上较为统一,且强调设计的通透与澄澈感,不会过分刺眼。
除了UI风格的改变,另一个大家反馈很多的问题是UI没有办法自定义。在界面选择页面,侠士可以选择两种布局模式,并自定义界面大小。而在后续,我们还将支持侠士们自由拖动部分UI位置,实现真正的自定义界面。
此外,我们还针对界面的各种易用性进行了优化调整。主界面战斗信息与头顶文字都将提供大、中、小、极小4种字体大小,侠士可在系统设置-战斗信息-基础信息-字体大小进行设置。
下面我们以一些常用页面作为参考,对比两种设计风格的前后差异
角色页面
隐元秘鉴,突出可点击的操作模块,强调纵深感。
生活技艺页面,从卡牌的形式调整为模块化的图标,强调页面的易用性,方便侠士一眼找到需要使用的生活技艺。
大侠之路,重新编排了展示逻辑,在页面上增加了奖励的展示。
武学页面,作为侠士们使用频率较高的界面,我们在色调上进行了统一调色,降低了色彩饱和度与整体亮度。这样一来,侠士们即使多次打开页面时也不会感觉过分刺眼,
强化页面与阅读页面,原先的界面较为扁平化,侠士难以辨认哪些模块是可操作编辑的。而新的界面强调了背景的层次性,加强了区分,更易于识别。
阅读页面
武林通鉴页面也进行了较大的革新。新的界面挑选了每个资料片的代表性剧情与印象元素,以类似唱片的圆形UI进行呈现过往梦境般的故事。
签到界面与江湖百态,也进行了统一的色调优化,使得视觉风格更具整体性。
江湖百态