设计挑战
过多的专业指标让初跑者感到压力，训练计划也常与真实生活节奏脱节。
今日训练
5.28今日里程 / KM
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
跑步记录
32:08训练时长 / MIN
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
每周回顾
24.6本周累计 / KM
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
UI / VISUAL DESIGN PORTFOLIOCONCEPT PROJECT · 示例项目
01 / OVERVIEW从问题出发，
从问题出发，
让设计有据可循。
项目背景
面向日常跑步爱好者，以简单记录、训练回顾和可持续的小目标，陪伴每一次出发。
- 项目类型
- 运动记录 App
- 我的职责
- 体验梳理 / 界面设计 / 组件规范
- 交付内容
- 今日训练 / 跑步记录 / 每周回顾
设计回应
用每周目标替代连续打卡焦虑，将距离、时长与感受作为主要反馈，进阶数据留在二级详情。
02 / INTERFACE DESIGN
今日训练 /
训练中的界面只保留大号关键数字。训练结束后，再通过轻量图表解释本周进步和恢复节奏。
今日训练
5.28今日里程 / KM
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
跑步记录
32:08训练时长 / MIN
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
每周回顾
24.6本周累计 / KM
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
03 / DESIGN IN DETAIL跑步记录
跑步记录
让每一步，自然发生。
用每周目标替代连续打卡焦虑，将距离、时长与感受作为主要反馈，进阶数据留在二级详情。
- 01今日训练
训练中的界面只保留大号关键数字。训练结束后，再通过轻量图表解释本周进步和恢复节奏。
- 02跑步记录
过多的专业指标让初跑者感到压力，训练计划也常与真实生活节奏脱节。
- 03每周回顾
用每周目标替代连续打卡焦虑，将距离、时长与感受作为主要反馈，进阶数据留在二级详情。
跑步记录
5.28今日里程 / KM
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
每周回顾
32:08训练时长 / MIN
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
今日训练
24.6本周累计 / KM
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
04 / DESIGN LANGUAGE
有秩序，才有延展。
用一套一致的色彩、字体层级与空间规则，把独立页面连接成完整体验。
TYPOGRAPHYAa / 字
大标题 · 64 / Bold
内容标题 · 24 / Medium
正文说明 · 16 / Regular
COLOR PALETTE
#CCFF35 / #11141C / #F1F1EE
SPACING & RHYTHM
816243248
基于 8pt 的间距与网格
05 / MORE POSSIBILITIES
每周回顾。
从单个页面，到连贯的产品体验。
每周回顾
5.28今日里程 / KM
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
今日训练
32:08训练时长 / MIN
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
跑步记录
24.6本周累计 / KM
每一步，都在向前
平均配速 6′05″
每周目标 3 / 4 次
DESIGN NOTE / 05
每一步，都算数
训练中的界面只保留大号关键数字。训练结束后，再通过轻量图表解释本周进步和恢复节奏。
本页为作品集结构与版式演示，项目、数据与界面均为概念示例。实际项目图片可按当前版式替换。