研发日志 | 一群充满心机且身患“强迫癌”的策划们
大家好,我是丑丫。你们最可爱的最帅气的丑丫!独一无二的丑丫!
作为项目组的发言人,一直以来都认真的观察着项目组的风吹草动,
芝麻绿豆的小事都逃不过我的眼睛。

不过最近,大家的氛围很明显有点严肃,
我就看到各位UI大大们不停的抓耳挠腮,
上蹿下跳,坐立不安,写写画画……
emmmmmmm……
原本以为他们只是被猴子附身了,
但在丑丫的再三追问以及探访之下,
看着一张张风格迥异的设计草图之后,
我流下了欣慰的泪水,原来这批人都被处女座附体了!

追求完美往往是痛苦的,
虽然现在还不敢说游戏的设计已经趋近于完美,
但我仍然想把最近的新设计分享给大家,
抽丝剥茧娓娓道来,今天要跟大家聊得
是关于UI设计的那三两件事
没有对比就没有伤害!
在丑丫看到这群上蹿下跳的策划们绞尽脑汁时,其实是心生敬佩的,
而在丑丫看到新版的UI界面时,这群人真特么是天才!
那么首先,来看一看原版的界面图吧。


总的来说似乎就四个字足以形容——似曾相识!
熟悉的技能摆放,熟悉的图标拜访,熟悉的人物头像,熟悉的地图标识,熟悉的……
中规中矩的配色,中规中矩的框架,这样中规中矩显然不符合我们的审美哲学,
那么接下来就是——见证奇迹的时刻!
先来一张整体形象

是不是完全认不出来了?
别急,让丑丫带为你详细解读一下这款全新的界面。
Part1:万恶的右上角小地图?
不知道从什么时候开始,右上角的小地图成了MMO的标配。
这种标配一直从端游入侵到了手游领域内。
在一款游戏中要么没有可视化小地图,要么就是雷打不动的放在右上角。
但是对于丑丫来说,这样的设计在实在有些差强人意。
从人类的视觉习惯,到对于整体界面的适应都是较为反人类的。
所以对于开发团队首先将小地图移动到了屏幕左上方

不管是对于即时战斗,还是地图游走
尤其是在杯莫停中十分有趣的阵营模式,
时刻关注地图上的敌方位置信息是保证生存的重要手段
这一波修改要点个赞!
Part2:我们才不是暴发户呢!
对于游戏中五花八门的功能按钮,一直以来
都是遮挡视线、影响美感的罪魁祸首之一
对于碍眼事物深恶痛绝的美工大大们并不能彻底除掉他
就只能给他“加个滤镜”、“开个美颜”……
现在所有的功能按钮都已简洁的风格被放在了底栏上,
与整体风格衔接的十分恰当,
嗯,看起来挺符合“性冷淡”潮流的……
Part3:聊天与任务,舒适度满满的可视化
在MMO的常规界面组成里,聊天框和任务提示毫无疑问是十分重要的。
在端游中位于右边的任务提示界面
到了手游里被经常性放置在屏幕左边
虽说是在有限的屏幕空间最大化利用位置
但是不可避免的遮挡视线!
这绝对是强迫症们不能忍受的,
聊天框不再居中,而是跟端游一样占据了左下角

任务小框则占据了右下角,

与左上角的小地图界面形成了一种迷之对称的感觉
整个人都舒适度满满了哦。
Part4:战斗本命就得有棱有角
如果把手机想象成一个小巧的手柄,
那么圆形的按钮确实挺符合想象的。
但是随着时代的进步,手机屏幕的尺寸经历了这么多轮洗礼
依然不该仅仅以手柄的姿态来布局了
给出一个美观又便捷的战斗键位绝对是十分有必要的。
传统的手游,习惯将技能界面置于右下角,以原形图标显示。
当技能界面被移到了右中间的位置,更适合长屏幕设备的操作;
菱形的技能图标 ,不光在面积上扩大了按钮面积
也是的玩家在按键时一定程度上更加便捷,便于更迅速释放组合技能。
如此有棱有角的设计,才是真正的个性方案。

Part5:界面也能中国风?
介绍了新界面的各个部位,丑丫也是口干舌燥
但是这些各部件的改变,最终想要表现的毫无疑问是整体布局的美。
在杯莫停这样浓郁的中国风手游里
UI界面的整体改变其实都颇具深意。
对话框、功能按钮以及任务界面占据了底部,
既不遮挡视线,也整体满足了简约风格

(测试画面,非上线效果)
小地图的灰暗系风格与右下角任务界面的墨水色块相得益彰
构架出了整体的水墨气息,也更符合画江湖的主题。
菱形按钮构成的技能图标凸显了满满的细节,搭配各色场景中的明暗变化
以及不同透明度的风格转换
如此别致的界面配以如此清新的水墨中国风
是不是当得起独一无二呢?

丑丫真的很开心啊,UI界面的变化真的是心机十足了。
而这群可爱的设计们如此认真的打磨每一个小细节
简直是对强迫症最好的诠释了。
在终于不用每天面对那一套掉价的烂大街UI后
(UI大大丑丫绝对没有说你设计丑的意思)
游戏体验相信会有一个大幅度的提升
但这不是终点,策划大大和美工大大们依旧在上蹿下跳抓耳挠腮
那股子癫狂劲儿丝毫不减啊
所以下一次丑丫会给各位玩家带来的消息
相信也会是十分劲爆的哦,让我们一起拭目以待吧。

如果你也热爱这片广阔的画江湖杯莫停世界,记得关注丑丫。
后续我也会为大家带来更多全新内容的爆料,以及研发组的趣味生活。
这一群追求极致的“处女座”们,肯定会给大家带来更多惊喜,一起拭目以待吧!