客户:Salmo 游戏平台年份:2022行业:移动游戏分发
界面截图
点击任一张图片放大查看;长图放大后可滚动浏览完整页面。
这个项目的几个要点
- 搜索与语音入口固定在首屏
- 活动大图横滑,底部分页点跟随
- Top Chart / Cards Game / Puzzle / Fighting 四类快捷入口
- 榜单卡片横滑,封面、游戏名、厂商、星级四行对齐
- 底部 Square / Games / Profile 三栏导航
从界面里能看到的路径
打开 App 落在 Games 页,最上面是带语音按钮的搜索框,占位文案直接写清楚库里有 6887 款游戏。往下是一张可横滑的活动大图,底下四个圆形分类按钮:Top Chart、Cards Game、Puzzle、Fighting。再往下按分类重复榜单,每张卡片有封面、游戏名、厂商和星级,最底部是 Square、Games、Profile 三栏切换。
横滑列表怎么排才不晃
活动大图和游戏榜单都是横向滑动的,两层手势要分开,不然手指一斜就串了。卡片封面统一裁成正方形,游戏名、厂商、星级三行定高;图片没加载完先占位,滑到中间不会突然跳一下。分组标题用一根小竖线做标记,和卡片之间留固定间距。
移动端细节
按状态栏和底部安全区留了上下边距,底部导航在页面滚动时保持可见。榜单数据分批取,滚到末尾前预加载下一批,避免停在白屏上等。
