feisuzhu/thbattle

UI 方面的还未完成的事情

Opened this issue · 13 comments

  • #241
  • 「五谷丰登」选牌界面
  • Ban 人界面
  • 新人教程的对话界面
  • 「游戏信息」面板(游戏的文字历史)
  • 在出牌时候使用的,从一个角色指向另一个角色的「光线」,和相关的动效(动效文字描述即可)
  • 「登录界面」UI设计
  • 「游戏房间内」UI设计
  • 游戏结束后的展示结果界面
  • 邀请&请求观战的选人(玩家)界面
  • 游戏大厅(登录后的看板娘界面)没有展示在线玩家数量/具体的人(可以没有)的地方
  • 打开游戏后的 Landing 界面
  • 游戏界面中,希望指向直线能在显示的时候有方向性的标识,方便观察与理解

611D51742053416A912C2BEB1410D962

一条 5px 粗的直线,散发 10px 大小的柔化外发光,外发光色值为 #ffb400

动效为线性的从一端指到另一端,无论距离,每段以 0.5s 运行完毕。
例如图中案例,假设 灵梦对芙兰使用人偶操控,让芙兰去弹幕秦心。第一段领梦到芙兰动画用时 0.5s ,第二段动画芙兰到秦心也用时 0.5s

Aated commented

希望该直线能在显示的时候有方向性的标识,方便观察与理解

登录画面(点按除按钮外任意处进入游戏)
24EFA14D0388C7D7C5447C6D41DC2E15
登录时更换服务器(滑动或点按选择)
6A18807033D732FF0291A607306A1BD0
黑色Loading(用于不更换界面的读盘时)
71EB984B0E672743BDFE3E7F100FEBA3
白色Loading(用于更换界面的读盘时)
E942FC6216281C6D461ABBEE8471627D

登录弹窗 1:登录方式选择(点击社交媒体按钮可直接webview跳转至对应链接页,手机则跳至弹窗 2)。
UI_首屏_登录弹窗1
登录弹窗 2: 手机登录 / 手机登录重发验证码(倒计时直接显示在按钮上,不可点按时按钮为灰色不可互动样式,参考buttons.psd)
UI_首屏_登录弹窗2_手机
UI_首屏_登录弹窗2_重发验证码

登录弹窗 3:账号登录(忘记密码则引导至手机验证码改密或客服工单※未定)
UI_首屏_登录弹窗3_账号登录

Aated commented

五谷丰登的选牌角色标注,希望加以高光或者红色颜色标注

Aated commented

禁用角色页面,推荐额外增加角色栏,用以存储被禁用的角色,总体上更加直观。
建议是在选人界面的有右侧添加一个ban位竖栏

Aated commented

611D51742053416A912C2BEB1410D962

一条 5px 粗的直线,散发 10px 大小的柔化外发光,外发光色值为 #ffb400

动效为线性的从一端指到另一端,无论距离,每段以 0.5s 运行完毕。 例如图中案例,假设 灵梦对芙兰使用人偶操控,让芙兰去弹幕秦心。第一段领梦到芙兰动画用时 0.5s ,第二段动画芙兰到秦心也用时 0.5s

装备栏左侧的距离数字标识不够显眼,推荐可以把数字大小与装备栏同等高度或略低

611D51742053416A912C2BEB1410D962
一条 5px 粗的直线,散发 10px 大小的柔化外发光,外发光色值为 #ffb400
动效为线性的从一端指到另一端,无论距离,每段以 0.5s 运行完毕。 例如图中案例,假设 灵梦对芙兰使用人偶操控,让芙兰去弹幕秦心。第一段领梦到芙兰动画用时 0.5s ,第二段动画芙兰到秦心也用时 0.5s

装备栏左侧的距离数字标识不够显眼,推荐可以把数字大小与装备栏同等高度或略低

这里整个的设计改掉了