CF手游焕然一新的主界面,UI UX重磅优化升级

玩游戏 2021-03-24 10:32www.moobasa.com电玩游戏

2020年12月,迎来了他的五岁生日,值此五周年之际,CFM进行了UI升级,将为小伙伴们带来全新的交互体验。

界面显示效果重点升级,扁平化、现代化的美术风格更具潮流风范。自商城到匹配大厅,按钮操作逻辑得到统一,规范化的设计理念贯穿全局,在新版本中的每一步操作,都将体会到前所未有的畅快感!这是一次美术风格与用户体验的双双升级!

大厅界面优化调整

随着版本的迭代,主界面的UI显得比较臃肿,浪费了宝贵的屏幕空间。我们将以更简洁清爽的视觉,与更直观便携的体验为核心,打造了全新的大厅界面!

重要按钮的布局与老版本相似,初入新版本界面你并不会觉得陌生,我们主要对按钮的布局细节,以及按钮所占的比例做了调整。你会发现版面“留白率”更高,近三分之二的版面用于显示背景层,界面的呼吸感更足,设计更简洁、更符合当下的审美。

老版本界面左侧功能按钮较多,我们将唯一的“双层”按钮,【社交】移至屏幕右下方,点击商城右侧的箭头即可呼出【社交】,其中包括战队和好友两项功能。

福利中心简化为【福利】,与【寻宝】挪至界面右下方,这样就能更快的获取福利啦!

老版的活动中心、任务、源计划三个入口,整合为新的【活动】入口,点击进入后可以展开为限时活动、任务奖励(包括源计划、日常任务等)、公告三种类别,这样参与活动就更加便携啦!

【商城】的大致位置不变,整合进了礼包和万化坊这两个功能。

打开【商城】后可以看到礼包按钮,点击后会进入飞行棋板块,其余礼包板块快捷按钮平铺在【商城】内容层的顶部,点击即可切换。

老版的【玩法页】极为臃肿、复杂,我们对其进行了彻底的拆分与重制,在【玩法页】左右滑动,即可切换页面,展现出更多的模式类别。

在【玩法页】下方新增了模式推荐玩法入口,新版本主打模式和热门模式在此处展示,点击即可快速跳转。

仓库界面优化调整

仓库界面与大厅界面一致,主要的按钮布局基本没有改动,依然是面对手机屏幕日益增大的大环境下,微调了主要按钮的布局位置,将武器展示元素缩小化,使得界面布局更加精致、简洁。

批量回收功能更名为【回收】,并且与【个性化】一起放置在左侧标签页中,风格也做到了与【武器】、【角色】、【道具】、【万化】的一致,视觉上更加和谐。

随着大家的武器越来越多,查找起来非常的不方便,我们精心设计了武器搜索与筛选功能,我们可以直接搜索武器名称,亦或是按照武器类别进行筛选,这样大家查找武器就会更加的方便啦!

在仓库中取消了状态栏的显示(状态栏显示金币、钻石、网速等状态的一行内容),并且调整了按钮的位置,使界面元素更加整齐。

枪械展示页面和饰品洗练页面也进行了重绘,与整体界面风格保持了统一。

商城界面优化调整

商城界面优化调整的核心思路与上述内容一致,旧版商城的主页签与副页签折叠在一起,查找起来非常的不方便,并且将主页签展开后会挤掉其余主页签的显示,影响查找效率。

而新版商城将主页签与副页签进行分离,主页签依然位于屏幕左侧,副页签则在内容展示区域的上方展开,使用起来更加的直观、方便,并且不会影响到其余主页签的展示。

礼包与万化坊功能合并至【商城】中,点击礼包即可将内容平铺开来,此项优化我们在“大厅界面优化调整”中讲到过,故不再赘述。

左侧主页签+顶部副页签的展示方式,贯穿至商城、匹配大厅之中。这样的页面布局可以最大限度的将内容平铺展开,使得页面更加美观,展示内容更加全面,操作起来更加方便,这就是文章开头提到的操作逻辑规范化!

其余界面优化调整

武器坊界面调整皮肤制作页菜单重绘,展示内容以图形取代文字,并且推出了区域编辑功能,让你制作皮肤更加简单、自如!参考视频(体验服快车武器坊UI调整,人性化创作更进一步!)

邮箱页美术风格调整

设置页美术风格调整

收藏家美术风格调整

更多页面优化调整会在正服中展现,敬请期待!

此次CFM的UI升级只是整体品质提升的一小部分,我们还将持续进行更多简洁、流畅、易用的改造与优化,也期待听到每一位Cfer的想法与建议。欢迎在评论区留下你的看法,帮助我们让CFM变得更好!以上就是今天的全部内容,我们12月5日硬钢大会与新版本中不见不散!

注UI是指美术设计,UX是指用户体验。

┃┃

更多热门资讯、攻略,请进入专区

Copyright © 2009-2025 www.moobasa.com 梦芭莎网 版权所有 Power by