GOALL 以深紫色渐变为主色调,搭配亮绿色强调,营造充满激情与生命力的视觉氛围。
设计语言采用"锐角 + 圆角"混搭风格,数据卡片分区清晰,边框利落。半透明紫色背景卡片配合微弱边框,在深色背景上营造出层次感与科技感。
首页整合新闻、比赛、排名三大板块,通过 Tab 切换实现信息分流
首页新闻板块以卡片流形式展示赛事资讯,支持横向滑动浏览。每条新闻包含图片、标题、来源和时间。
转会资讯卡片,图文混排展示,包含球员照片、标题摘要和"点击查看"按钮。
多条赛事资讯列表,缩略图 + 标题 + 时间,支持滚动浏览更多内容。
比赛板块展示实时比分卡片,支持左右滑动查看多场比赛。每张卡片包含队徽、队名、比分和比赛状态。
实时比分更新,显示当前比赛时间(如 80'),绿色状态标签标识进行中。
已结束比赛显示最终比分,未开始比赛显示开赛时间和联赛信息。
排名板块展示联赛积分榜,包含排名、球队、场次、胜平负、净胜球、积分等完整数据,支持联赛筛选。
完整的联赛积分数据展示,支持按联赛筛选,排名实时更新。
支持英超、西甲、德甲、意甲、法甲五大联赛筛选切换。
沉浸式比赛体验与智能赛程管理,从实时直播到联赛筛选全覆盖
进攻心率图 + 技术统计 + 实时留言
队徽+比分+进度条
控球率·射门·射正
时间轴可视化节奏
未开始状态展示
联赛筛选 + 比赛卡片,统一呈现
支持按联赛快速筛选:英超、西甲、德甲、意甲、法甲、全部。
每场比赛以卡片形式展示,包含队徽、队名、比分和比赛状态。按日期分组。
球迷专属阵地,球员卡片 + 球队阵容 + 新闻追踪
球员卡片采用橙红渐变背景,展示号码、照片、姓名,翻转可查看详细信息(年龄、国籍、司职、出生时间、加入时间)。
个人中心整合用户信息、数据统计、功能专区和常用工具。VIP 标识彰显身份,成就徽章记录成长轨迹。
深紫渐变 + 亮绿强调,营造热血沸腾的足球氛围,激发用户情感共鸣
进攻心率图、技术统计、球员评分,用数据讲述比赛故事,提升观赛深度
半透明卡片 + 数据分区,复杂信息一目了然,锐角与圆角混搭设计语言
专为移动端设计,流畅的手势交互,随时随地追踪赛事动态