看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
Badminton-Footwork 4.0 设计开发过程
ataraxia002
深圳
/
设计爱好者
/
2年前
/
50浏览
版权
私信
关注
Badminton-Footwork 4.0 设计开发过程
ataraxia002
关注
羽毛球步伐
App 4.0 上线了2周左右的时间了。现在总结一下这1个多月的设计开发过程。
4.0 版本需要解决的问题
做4.0版本之前,因为我自己长时间使用3.0来训练步伐。还有一些用户直接或间接的反馈。总结了4.0版本需要解决的问题:
AR球场定位后不能很好调整角度和位置;
AR球场会遮盖在人物之上,并且会浮动在地面上;
3.0的训练计时是设定的训练时长 / 间隔 = 训练次数,然后再用训练次数 * 间隔 来得到最终训练的时长,导致最终训练的时长会少于设定的时长。这个问题是小问题,但还是希望做得更好一点。
单打训练没有进攻/防守的情景反馈,导致不好练习跳杀等主动步伐还是防守的被动步伐;
启动App的教程动画不能重播和卡顿的问题;
音频也有一些问题,不同数字的音频音量有差异;
当然,还是有一些bug需要修复,如倒计时点击结束按钮没有效果的问题。
这些问题即4.0的需求。
还有新的目标:就是为了方便后面App上到Vision pro,所以这次技术框架要从UIKit切换到SwiftUI。
设计方案
因为3.0之前技术方案是请朋友帮忙开发的。这次由自己来全部使用SwiftUI来重构,难度不小。所以设计上只在AR模块做了相对简略的设计。原因:
首页的设计只做微调,这个直接改代码即可;
这次AR页做的设计是确保开发有方向之外,也不好确保设计方案与最终方案能精细保持一致。因为我也是第一次开发AR模块,需要做很多摸索,即这次需要根据自己的技术水平来最终定产出的结果。
收藏
采用iPhone 7的分辨率来做设计,这个是我考虑兼容iOS设备的最低版本。
后面查找平地的状态我去掉了,直接只用AR模块的默认提示即可。
固定设备的提示后面改成更细腻的动画。
设定训练位置和间隔时长考虑到横屏的高度,这里后面改成2列布局。
开始和结束按钮后面考虑到一致性,还是用文案而不是会有歧义的图标按钮。
4.0 具体的设计改进之处
重点改进的地方:
训练位置选项
使用说明动画
AR 球场的设置
计时器
单打模型
人物遮挡和景深侦测
1. 训练位置选项
收藏
2. 使用说明动画
收藏
3. AR球场的设置
收藏
4. 计时器
首页和AR的技术器都做了优化。
收藏
收藏
5. 单打模型
单打步伐训练的时候,3.0 只有击球的声音。不像双打步伐有进攻/防守的情景说明声音。导致不能练习主动步伐(我方可进攻)和被动步伐(我方需要防守)。4.0这里做了大的改进,这样单打步伐训练的时候,可以更具体练习对应的步伐。
6.人物遮挡和景深侦测
收藏
总结
这个
Badminton-Footwork
4.0项目从设计开发测试到上线。我花了不少时间精力。收获也有很多。从设计的角度来讲,收获:
音频设计也要考虑多语言,尽量用同一种语调来说不同语言,避免同一个音量下,中文声音能很清楚,另外的声音可能会偏大或偏小;
音频大小也要考虑,特别是无线传输的时候,音频越大,感觉会越慢。3.0训练的时候,这个问题能感觉到到,所以4.0我特别压缩了音频文件大小。
了解技术其实可以大大拓展用户体验设计的边界。如果不了解ARKit和Reality,就不一定知道如何设计人物遮挡和景深侦测。
开发过程中也会有更简洁的设计idea。所以设计方案就算设计好后,也可以认真听取开发人员的建议来再次简化设计方案。
End。
0
举报
|
声明
收藏
分享
原创文章
其他
羽毛球步伐
羽毛球
步伐
设计
开发
设计和开发
AR
相关推荐
换一换
2025 年自己最满意的设计作品
276
ataraxia002
小宝宝 - 符号 & 动画
185
ataraxia002
货轮 - 符号 & 动画
261
ataraxia002
会员精选
游戏宣传视频 游戏宣传动画 暗黑 悬疑画风!
134
七彩猴1江尚
推广
2025年最满意的封面设计
367
ataraxia002
关注
IP形象及IP内容
7700
蔡蔡文化
Symber 2 的着陆页
268
ataraxia002
电风扇 - 符号 & 动画
16
ataraxia002
聆听 - 符号 & 动画
10
ataraxia002
自定义SF符号的5分钟教程 - 指纹
14
ataraxia002
货车-动态图标和符号设计
25
ataraxia002
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
2O25~26海报合集(阶段)
242
视研
猴食味|餐饮品牌全案设计
270
人可_
动念科技|外骨骼机器人视觉设计
146
广利品牌设计
百年回力-“F”仔
342
白獅
ClipMind产品UXUI和品牌设计
240
FCC_Lucas
大健康品牌设计 包装 包装设计 ip ip设计 LOGO vi设计
357
郑昌洪品牌vi包装
相关收藏夹
换一换
关注
IP形象及IP内容
7700
蔡蔡文化
关注
中国风元素插画
507
蔡蔡文化
关注
IP形象——动物类
584
奶昔窝窝儿
关注
茶酒丨礼盒包装
665
风萧萧萧萧
关注
品牌VI系统
2020
恶狗设计中心
关注
作品集
1003
VI微娅
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
羽毛球步伐训练
羽毛球步伐
设计’
设计in
in设计
it设计
AS设计
by设计
a设计
、设计
设计、
设计
#设计#
设计‘’
is设计
设计‘
设计
设计。
#设计
if设计
设计】
设计,
设计
@设计
an设计
设计
🤮设计
设计 、
设计/
设计|
设计.
设计
#设计
#设计
#设计
设计#
设计a
设计🔍
登录注册
推荐
登录即可同步推荐记录哦
收藏
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享