01 / UI · UX · PERSONAL CONCEPT

同行程

把路线、同行意见和预订事项放入同一趟旅行，让决定与变化都有迹可循。

旅行规划信息架构交互设计2026

阅读项目 ↘

同行程项目封面与 App 手机界面

个人概念项目

界面中的行程、价格和预订状态为演示数据；尚未进行本项目的用户访谈或可用性测试。

01 / PROJECT

项目定位与问题

以 2–5 人的短途结伴出行为范围，围绕路线、同行决定与预订事项组织连续任务。以下问题和角色均是依据公开资料提出的设计假设。

同行程作品集：项目介绍 — 04 / 项目介绍查看大图 ↗

同行程作品集：产品分析 — 05 / 产品分析查看大图 ↗

同行程作品集：体验问题 — 06 / 体验问题查看大图 ↗

同行程作品集：可能的用户画像 — 07 / 可能的用户画像查看大图 ↗

规划者角色插画 — 07 / 可能的用户画像查看大图 ↗

同行程作品集：流程推演 — 08 / 流程推演查看大图 ↗

同行程作品集：设计目标 — 09 / 设计目标查看大图 ↗

02 / SYSTEM

视觉与交互规范

统一字级、配色、图标与组件状态，让旅行信息在不同任务中保持清晰。

同行程作品集：字体与颜色 — 11 / 字体与颜色查看大图 ↗

同行程作品集：视觉氛围 — 12 / 视觉氛围查看大图 ↗

三位同行者在湖边远眺自驾路线 — 12 / 视觉氛围查看大图 ↗

Project Icon Design○ 2026

图标设计

主导航采用统一的圆角线性图标。常态使用灰绿色，选中态以薄荷绿强调；搜索图标沿用相同的线宽和端点处理。

底部导航

行程行程首页

发现发现路线

待办待办总览

我的个人中心

页面操作 / 搜索

查找路线与沿途体验

搜索目的地、路线或沿途体验

13 / 图标设计线性图标 · 选中态

同行程作品集：设计规范 — 14 / 设计规范查看大图 ↗

候选方案卡片与状态反馈组件示例 — 14 / 设计规范查看大图 ↗

同行程作品集：页面展示 — 15 / 页面展示查看大图 ↗

03 / FLOWS

关键页面与任务

按首页入口、导航、租车比较、个人信息、共同决策和行程变更的顺序展示。

同行程作品集：首页框架 — 16 / 首页框架查看大图 ↗

同行程作品集：导航架构 — 17 / 导航架构查看大图 ↗

同行程作品集：租车与预订决策 — 18 / 租车与预订决策查看大图 ↗

同行程作品集：我的 — 19 / 我的查看大图 ↗

行程里的订单与待办示意 — 19 / 我的查看大图 ↗

同行程作品集：一起决定 — 20 / 一起决定查看大图 ↗

同行程作品集：行程变更 — 21 / 行程变更查看大图 ↗

04 / ALL SCREENS

全部界面

从建立行程到处理变更，展示 11 个关键界面。点击图片查看细节。

同行程 App 行程首页界面 — 行程首页

同行程 App 新建行程界面 — 新建行程

同行程 App 发现路线界面 — 发现路线

同行程 App 路线详情界面 — 路线详情

同行程 App 同行决定界面 — 同行决定

同行程 App 租车比较界面 — 租车比较

同行程 App 装载参考界面 — 装载参考

同行程 App 按天行程界面 — 按天行程

同行程 App 待办总览界面 — 待办总览

同行程 App 变更影响界面 — 变更影响

同行程 App 我的界面 — 我的

THANKS FOR WATCHING

返回全部作品 ↗查看雾生青 ↗