先选使用场景,再决定手机还是电脑
同一个需求,在手机和桌面上不必长成同一种界面。
手机优先考虑动作
手机使用常发生在走动、排队或临时查看信息的时候。描述需求时,可以直接告诉 Liquid:主要用单手操作、核心按钮要容易触及、详情要方便返回。优先让用户完成一个动作,再安排辅助信息。
桌面优先考虑比较
电脑适合同时查看列表、筛选条件、详情和统计信息。把桌面工作台简单缩成手机宽度,会让内容挤成很长的一列。更好的要求是说明哪些信息需要同时出现,哪些可以在移动端折叠进详情。
预览是检查工具
创建后分别检查窄屏和宽屏,关注长标题、键盘弹出、菜单展开以及横向溢出。预览能帮助发现布局问题,但不能替代真实手机浏览器测试。如果目标是原生 App 或可发布的小程序,还需进一步适配对应平台。