下载 App
【开发日志02】七日小馆
修改于昨天 12:107 浏览
开发日志②|改手机端 UI
本篇聊聊主界面的一次大改。
老版本界面,营业时间、店铺状态、客人需求、操作按钮全都有,但信息堆得很散。放到手机小屏幕上问题直接放大:游戏里人物看着很小,侧边栏文字挤成一团,底部一堆按钮抢位置,玩起来很别扭。
所以这次改版核心目标:重新规划信息展示位置,还有玩家的操作区域。
信息分成三层展示
现在主界面划分成三块:
1. 顶部放店铺经营状态:剩余营业时间、店铺名气、卫生、分数全部堆在这里,随时扫一眼就能看到。
2. 场景旁边展示选中客人:点哪个客人,就弹出他的相关内容,再也不会搞混刚刚选中的是谁。
3. 底部放核心操作按钮:观察、对话、处理需求、做菜,全部围绕当前选中客人。
库存、打扫、随机事件放到侧边栏,避免一大堆按钮全部挤在底部。
按钮做大,是远远不够用滴。
移动端适配,不是单纯把按钮放大就万事大吉。
我们还排查了一堆细节:按钮会不会互相重叠;关掉弹窗之后能不能继续正常玩;看上去能点的地方,点下去是不是真能触发功能。
主要操作按钮,我们都按照最小 44×44 的标准尺寸来做,同时测试普通横屏、超宽屏、平板各种屏幕比例。
技术上界面用统一逻辑坐标,再根据手机安全区调整画面。宽屏幕可以看到更多游戏场景,关键操作按钮位置保持不变,不会乱跑。
好了我们下篇再见👋











