跳到主要内容
弗美科技
公司案例 / 移动游戏分发

Salmo 游戏平台 App 首页与榜单

游戏分发 App 的 Games 首页。顶部搜索框写着「Search, 6887 games in Salmo」并带语音入口,往下是 Cat Quest 活动大图、四个分类圆钮,再往下是 Top Chart 与 Cards Game 两组横滑榜单。

客户:Salmo 游戏平台年份:2022行业:移动游戏分发

界面截图

点击任一张图片放大查看;长图放大后可滚动浏览完整页面。

这个项目的几个要点

  • 搜索与语音入口固定在首屏
  • 活动大图横滑,底部分页点跟随
  • Top Chart / Cards Game / Puzzle / Fighting 四类快捷入口
  • 榜单卡片横滑,封面、游戏名、厂商、星级四行对齐
  • 底部 Square / Games / Profile 三栏导航

从界面里能看到的路径

打开 App 落在 Games 页,最上面是带语音按钮的搜索框,占位文案直接写清楚库里有 6887 款游戏。往下是一张可横滑的活动大图,底下四个圆形分类按钮:Top Chart、Cards Game、Puzzle、Fighting。再往下按分类重复榜单,每张卡片有封面、游戏名、厂商和星级,最底部是 Square、Games、Profile 三栏切换。

横滑列表怎么排才不晃

活动大图和游戏榜单都是横向滑动的,两层手势要分开,不然手指一斜就串了。卡片封面统一裁成正方形,游戏名、厂商、星级三行定高;图片没加载完先占位,滑到中间不会突然跳一下。分组标题用一根小竖线做标记,和卡片之间留固定间距。

移动端细节

按状态栏和底部安全区留了上下边距,底部导航在页面滚动时保持可见。榜单数据分批取,滚到末尾前预加载下一批,避免停在白屏上等。

商务咨询 · 免费初步沟通

有类似的系统想做?

把现有流程和最想解决的环节告诉我们,可以先聊方案再谈报价。

在线留言

周一至周五 9:00–18:00 · 工作日 9:00–18:00 响应,留言会在一个工作日内回复。

商务微信
商务微信二维码

扫一扫,加商务微信咨询服务与方案报价

或填写需求表单