留出清晰易读的游戏区域
把手机屏幕草图分为三块:实际游玩区域、常驻状态信息和临时提示。中央优先留给核心玩法;分数、生命和暂停信息应一眼可见,同时不遮住危险或目标。对于向上推进的平台游戏,要让角色上方的下一个落脚点保持可见。对于文字谜题,要给提示和当前操作的字块行留足宽度,避免被浮层挤占。
使用视口宽度而不是猜测的手机分辨率。 MDN 解释了视口元元素如何告诉移动浏览器使用设备宽度进行页面布局。单独检查游戏区域:正确配置的页面仍然可以包含假定固定大小的画布或面板。
选择游戏如何适应
决定游戏世界是重新排布、由镜头跟随,还是将多余空间留作边框。规则允许列数增减时可以重新排布;世界比屏幕大时可以使用镜头;宽高比需要固定时,可用留黑边等方式保留设计好的游戏区域。不要只为填满每个像素而拉伸角色或移动目标位置。
将控件固定在边缘前,检查系统界面和屏幕刘海。Apple 的布局指南介绍安全区域,建议让重要内容避开硬件遮挡。如果 Android 手机和平板都在支持范围内,应分别测试它们的屏幕比例。即使游戏只支持竖屏,也应明确处理玩家旋转设备后的布局,避免出现只剩半边的破损画面。
回顾完整一轮
在较窄的手机屏幕和较宽的设备上,分别测试教程、动作密集的时刻和结束画面。每个阶段都要确认玩家能否同时看见目标、眼前的危险和当前状态。先修复裁切和视觉层级,再添加关卡。
关于竖屏手机游戏设计的常见问题
竖屏游戏也应该支持横屏吗?
仅当游戏设计从中受益时。仅纵向决策是有效的,但在设备旋转时提供可用的布局,而不是依赖于特定的方向锁定。
HUD 应该始终位于顶部吗?
不一定。把信息放在持续可见、又不妨碍核心玩法的位置。最佳位置取决于游戏区域,因此要分别测试游玩中、有浮层时和结束画面。
延伸阅读
发现信息过时了? 报告需要更正的内容