本人设计系在读，去年元旦入坑，到现在满打满算玩了碧蓝一年了，对碧蓝的还是很有感情的，一个月前看了看了新ui的视频，一直想按自己的做一个碧蓝ui的交互原型，因为放假出去玩（还有懒癌）的问题前几天才开始着手，昨天晚上总算是把主页面画完了，先让大家看下，就当接下来交互原型的预告吧（不太会搞gif回头会上传个视频到b站）

一边想一边写会比较慢 理解一下（嘛也，b站上传速度感人or2）
官方新ui视频的主界面

看了下集中楼和牛潭集中贴大家对新ui有几个比较集中的问题
新ui偏向扁平化，按钮边框太尖锐
船坞卡面放大，圆角边框取消
整体色调偏冷

先说下关于ui的问题，扁平化自然是业界趋势，不过新ui的设计确实有太多的锐角，让人看着很不舒服
不得不说，新ui主界面左上角圆形小人改成菱形方框加缩小头像实在是一大败笔
放两张谷歌Material Design的图吧


所谓的扁平化并不是一味的简化细节，而是做减法让图像更易于识别更人性化，更符合认知习惯
聊到这必须得聊一下船坞了

接下来的大坑！：自己做的主界面已经投稿b站了（看了b站这么久第一次投稿还有点小兴奋）
演示视频里的船坞

现有ui船坞（我自己的船坞，大佬们不要吐槽练度）

首先是单船占位放大了，原来7排的船坞只能容下六排船坞，其次圆角边框取消，还有卡面放大原来的头像现在成了胸像
个人还是十分喜欢演示的船坞的，对于新船坞的唯一不满时边框两个三角形十分多余，而且太尖锐看起来不太舒服
在集中楼中的吐槽基本都集中在船坞上，尤其是取消了边框放大卡面
新ui如此设计应该是为了提升对卡面的识别效率，拿我个人来说吧，我差不多每艘船都在船坞里留一艘，所以船坞里有三百多艘不同等级，练度，星级的船，然而每次要找特定的一艘船的时候经常上下滑动几次才能找到，我对船坞的主要想法就是提高识别率，让找船时更轻松点

拿井号举例吧
这艘逸仙卡面上分别写了这艘船的舰名，星级，锁船，好感度，舰队，船只类型，等级，然而这些东西只有停下来慢慢看才能看清，一边滑动船坞一边找船时这些元素都会被忽略掉变成这样

只剩下一个大头贴，这样对于卡面识别效率很低，个人认为这就是新船坞这些变化的主要原因（至于为什么找船不用分类索引，那就是我开这贴的主要原因了，之后会慢慢说）
看下新船坞中的卡面
吃手手。jpg
整体上更简介了，卡面放大妹子也更加突出，新的舰名星级等级也没有现有ui这么抢眼，不必要的纹理和阴影特效都被去掉，原本用于表示角色品质的圆角框也被去掉（角色品质仅从背景颜色就能体现），头像变胸像也让卡面能够展示角色的服装，总体上比现有的大头贴卡面高到不知道哪里去了。
然而不得不提的就是这两个除了毫无作用的三角形，不仅挤占了整个画面的空间让船坞显得更挤，还进一步减少了角色的亲近感，实在是有些出戏。

最后说一下色调问题吧，这说实话相比前面和后面我要提的已经算不上是个问题了
画面偏冷的还是演示开始时主界面给人的第一印象
再复习下这个主界面

来看下nga大佬做的碧蓝主界面概念图（帖子：http://nga.178.com/read.php?tid=16100824）

再看看演示后半段出现的几处画面



造成新ui给人界面色调偏冷主要原因是第一个主界面背景图偏冷，而新ui又有大量透明毛玻璃特效，感觉ui会偏冷
这个问题可以通过改变背景图，调整ui中蓝色和其他颜色部分比例来解决

一觉起来20楼被吞了，还没有通知？哪位大佬顺手圈一下吧主
顺便提一下主界面演示过审了

我先看看能不能恢复20楼，然后接着聊

lei 了lei了
最近把这个视频反反复复看了几十遍，现在听到演示视频那个背景音乐就肝疼（平时玩游戏都是关背景音乐的）。。。

PS：企业好帅！

主界面，我觉得新ui界面实在是有些“杂乱”，一方面是ui按钮风格不是十分统一，画面的上下右三个方向都被ui填满了，闲的有些局促，新的秘书舰对话框相比之前的纯毛玻璃特相比实在是有些过于繁琐。
我的想法是减少主界面的交互按钮数量，设定栏只有点击才会呼出，将一些不常用的功能下放到港区界面，任务，科研这些只需要少量操作的功能则放到侧面的侧栏呼出。左上角的头像回归原型+小人头像，减少ui“尖锐”的感觉

新的侧栏，不得不说这个新的集合了更多功能的侧栏我给99分，大大提高了这些“只需要少量操作就能完成的功能”不过还是希望这个侧栏能承担更多的功能
压缩两个资源的选项 增加更多功能，把任务，科研（包括正在进行的研究和肝科研进度）。界面从单独界面改为汉堡菜单的选项，这样再进行这些操作（任务，科研，教学，委托）时不需要再单独跳转到对应的界面，减少互动时的割裂感。
一个典型的汉堡菜单

帖子貌似并没有人看？感觉自己要凉or2
按照演示视频的思路继续

侧栏直接跳转到委托界面，我觉得这个委托界面并没有什么说的(唯一想法就是能在一个界面解决的问题尽量不要跳转)，不过就像那个nga大佬说的一样固定1200委托最好加一个使用上次阵容

战术训练界面，想说的也是一样，这个界面元素更少，只有三个训练位，侧栏做成汉堡菜单很容易，不需要在跳转到学院的战术教室界面

从主界面侧栏跳转而来的战术训练再退出居然进了学院界面？？？什么脑回路？？？（ui交互逻辑没做好）
嗯，抛开这奇怪的脑回路只看学院的话，不得不说新学院本身十分漂亮，而且可以猜到什么学院冬季背景，春秋背景，夏季背景已经安排上了（笑）至于更深的问题后面提到学院再接着聊。

回到主界面再，直接跳转到了科研任务界面

中间的二级菜单跳转不知道为什么没了，可能是动画制作时没考虑好交互问题，所以这段是后期剪辑上去的？或者官方制作新ui时考虑到了二级菜单需要再次跳转才能到相应功能界面的问题，不过以我的看法，科研完全可以直接放到学院界面去，毕竟科研系统操作量不大，可以再主界面侧栏直接解决 不须跳转（毕竟三选一而已，科研船任务操作较多可以直接跳到科研船坞）

港区的二级菜单，这个二级菜单的存在纯粹是因为科研和猫系统的加入，导致原有ui放不下这么多功能而出现的，没错，放！不！下！本来这个二级菜单的zz设计应该是个临时过渡方案，没想到竟让凑合着用了大半年？？？
强烈建议取消这些二级菜单（包括科研的），把使用频率低的功能，该下放的功能下放到学院去

自己按照这个思路做的原型（当然还有很多要改进的地方，不过是18：9 哒！），把任务放到侧栏，科研放到侧栏和学院，原来的生活区二级菜单变为后宅直接跳转到后宅界面。
至于学院界面呢我的想法是主界面这么大的空白背景对吧，不如直接点击主界面背景中的学院跳转到学院界面大家说吼不吼哇

演示视频的指挥猫界面

一方面现在指挥猫系统比较鸡肋，每次到指挥猫界面只是为了每天一发免费猫箱（不过话说我昨天做了一天的图游戏的没咋上，怕不是忘了每日吸猫）
有意思的是演示中的指挥猫直接用了现有的界面，练左上角的返回，下面的稀有度标识，和按钮都是现有版本的。
嗯，，，没啥好说的

后宅

后宅也没变化，和指挥猫一样是直接用的现有ui只不过确定按钮和食物背景是用的新ui，没啥可说的


写了这么多没人看，扎心了
歇会回来再说

惊了，22楼也被吞了，等我查查是咋回事啊。jpg

建造界面，一个帅字就完了，没啥可说的



就是这个魔方的动画时间有点长，应该是能够跳过的吧

帅气的大哥和帅气的界面

傍晚的港区，背景我给满分

另外一个想法配合前文说过的点击背景港区进入学院，让秘书舰的舰娘立绘不显示舰装，毕竟在办公室里舞刀弄枪的多不好是不是，这样配合下活动栏的修改，细化下背景的港区新ui就这样成了（不过立绘去舰装有可能会增加很多工作量，虽说舰装是一个图层的事，但是舰装下面的部分画没画谁知道啊）
PS：大哥真的帅，只要不和我抢欧根你就还是我大哥（嗯和我抢欧根的话那就一起当我老婆吧XD）
主页面进入商店页面

不得不说这是新ui的另一大败笔，就是这个商店二级菜单，本来一个汉堡菜单能搞定的事，非得搞一个单独页面再次跳转，还有上头的物资显示，茗喵的商店里啥时候有石油物资能买的东西了，先隐藏不行吗，这个充值钻石为啥还单独搞一个选项？？？明明右上角钻石数旁有个那么明显的加号or2。这界面倒是挺漂亮，但是毫无意义的界面要它何用。。。
新换装商店，我给99分不怕你骄傲

新的换装商店界面可以算是新ui一大亮点了，换装按照系列分类，还能预览背景和皮肤，嗯，只要把举高高脑袋上悬浮着的石油和物资去掉我就给你满分

默认皮肤背景改成主界面背景吧，要不然显得普通皮肤的老婆们太寒酸了or2