Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI 方面的还未完成的事情 #240

Open
10 of 13 tasks
feisuzhu opened this issue Jul 13, 2021 · 13 comments
Open
10 of 13 tasks

UI 方面的还未完成的事情 #240

feisuzhu opened this issue Jul 13, 2021 · 13 comments
Assignees

Comments

@feisuzhu
Copy link
Owner

feisuzhu commented Jul 13, 2021

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

~RNH4Q%RSE`GG$@YKPY1

@feisuzhu
Copy link
Owner Author

$(M{YNX{D}ISJ~2VXNK3(RW

@feisuzhu
Copy link
Owner Author

R}R@OM7H7 OP}{53ZN6NQBF

@iRinwind
Copy link
Collaborator

DBAEA92F4C7F3EB0BE22EA961841012F

@iRinwind
Copy link
Collaborator

iRinwind commented Jul 26, 2021

378A7639C96ACA98AA866107638C6B52

@iRinwind
Copy link
Collaborator

iRinwind commented Jul 26, 2021

611D51742053416A912C2BEB1410D962

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

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

@Aated
Copy link

Aated commented Aug 30, 2021

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

@iRinwind
Copy link
Collaborator

iRinwind commented Mar 23, 2022

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

@iRinwind
Copy link
Collaborator

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

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

@Aated
Copy link

Aated commented Apr 12, 2022

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

@Aated
Copy link

Aated commented Apr 12, 2022

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

@Aated
Copy link

Aated commented May 15, 2022

611D51742053416A912C2BEB1410D962

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

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

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

@feisuzhu
Copy link
Owner Author

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

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

这里整个的设计改掉了

@feisuzhu feisuzhu added this to the 重制版上线 milestone Feb 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants