GUI学习-游戏设置-经验/观点-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

GUI学习-游戏设置

0.3°

2024-10-08 原创文章 经验/观点 举报 157 0 0 0

Mystia 关注

参考：Assassin's Creed Valhalla

工具：Figma

组件逻辑：Setting Bar由Bar和Frame R组成：Bar分为default和selected两种状态，Frame R分为true/false/selected/hover/var_true；由此构成Setting Bar的三种property临摹界面省略了游戏中的Free pointer，但自由光标更贴合PC端鼠标的交互方式在选中dropdown类setting bar时，对其他无关信息采用遮罩。在游戏界面中，其他bar的无关选项（状态为false的Frame R）均不可见，且遮罩范围更大，进一步提高该界面的信息可读性。