Step 01
点击导航栏
用户从底部导航进入添加航班记录页面。
App Design
AirTrack
工具: Figma, Android Studio
为什么做这个应用？
* 飞行爱好者会记录自己的航班
* 现有App太复杂,UI老旧 ❌
* 输入流程繁琐 ❌
* 过多信息展示 ❌
产品调研
User Flow
围绕最常见的记录动作，用户从导航栏进入新增页面，到填写航班信息并在历史记录中回看结果的完整过程。
Step 02
进入 Add 页面
系统展示新增表单，页面聚焦单次录入任务，减少多余信息干扰，让用户明确下一步就是补全航班资料。
Step 03
输入航班号与起降机场
用户先填写航班号和起降机场。
Step 04
输入起飞落地日期与时间
继续补充起飞和落地的日期与时间，完整记录本次航程。
Step 05
添加记录
确认信息无误后点击'Add'，系统将本次航班保存到本地历史中，并反馈添加成功状态。
Step 06
查看历史记录
用户点击导航栏进入主页，再点击'View History' 即可查看刚刚添加的航班，完成从录入到回顾的闭环。
信息架构
结构图 01
呈现端：让轨迹更直观
首页
左侧用一张竖向大图展示 AirTrack 的整体信息结构，把首页、记录入口和统计概览集中呈现出来。
结构图 02
生产端：让记录更简单
添加页面
用于录入与同步飞行数据，支持航班信息填写、机场自动补全、时间选择及飞行里程与时长的实时预估。
结构图 03
管理端：让用户更清晰
个人页面
展示用户个人飞行档案，包含基础信息、航司与机场统计，以及数据管理与导出设置功能。
设计原则
配色规范
主色： #2851C9
背景色： #F5F5F5
表面色： #FCFFFFFF
文本色： #000000
错误色： #FF4B4B
字体规范
主字体： Sora
副字体： Inter 系列
图标
设计组件
行程卡片
输入框
UI展示
首页概览
集中展示飞行记录、航程统计与关键入口。
添加页面
用清晰表单承载航班号、机场与时间输入。
历史记录
按行程卡片回看已保存的飞行记录。
行程卡片
把航班、日期与航线信息压缩成可快速浏览的模块。
开发实现
更新中...
设计反思
更新中...