06寻风 Starvoy 最近更新 · 15 天前 返回作品目录 返回
特稿 · 产品设计 · starvoy

寻风 Starvoy

给一家人用的亲子旅行规划小程序

公测闭源免费小程序网页B2C

寻风不追求生成一张好看的行程海报,而是问:这一家孩子多大、体力如何、几天走完——然后排出一份真的走得动的日程。

首发城市定成都,衡量好坏的指标是「行程执行率」,不是打开次数。微信小程序端。下面链到的是高保真设计预览,不是正式上线版。

打开设计预览 starvoy-design.pages.dev

界面
1 帧
代码
20,904
信号
81
提交
0
TypeScriptHTMLCSSJavaScriptCloudflare WorkersPostgreSQL微信小程序
图版 06 · 寻风 罗盘、船、岸线
界面讲义 · 1 帧

界面

01 1 / 1

设计预览 · 行程首页

寻风高保真设计稿总览:左侧是 21 个界面的目录(新建行程、日程、地图、家庭、心愿单、投票、打包清单等),中间展示「01 行程首页 · 舞台分层」——用一层 Hero 插画 + 一层待办卡片叠出纵深感,不是平铺列表。

首页 Hero 是水彩风家庭登山:父母与孩子走向风车,文案「寻风 · 微风出门」「走得慢一点也算数」点明产品主张——按午睡与体力排一条真的走得完的路。主按钮「安排一次出行」下面是近期待办:「周末近郊」草稿、「成都两日」规划中,状态用草/规小标签区分。

底栏三 Tab(行程 / 发现 / 我的)锁定微信小程序的信息架构。截图来自 `/pages/trip/index` 设计预览站,非正式上线包;验证的是叙事与节奏,技术实现仍在小程序端推进。

寻风 Starvoy · 设计预览 · 行程首页
架构与设计 · 2 帧

怎么造的

从源码读出的分层与一处真正独特的设计决策,不是截图复述。

寻风 Starvoy · 硬约束行程引擎
系统架构

硬约束行程引擎

小程序收旅伴档案 → 规划引擎派生家庭硬约束 → POI 库 + 高德真实路耗 → 今日伴随与手帐字段。

LLM 只填软偏好并经 POI assert;路径禁止直线估时。北极星是行程执行率,不是海报好看。

寻风 Starvoy · 代码化约束 · 禁止估时
亮点设计

代码化约束 · 禁止估时

午睡、体力、人数写成硬约束齿轮;地图上只认弯曲真实路耗。行程项 MVP 就预埋手帐字段,方便事后量「走完了没有」。

更新备忘

附录 · 12 条中的最近 6 条
2026 年 8 月 6 条

子页面全面去方块(第二轮)

Tab 页之外的子页仍是「白卡 + 按钮墙」,本轮统一到分层 + 有机构件语言。 **行程详情 pages/trip/detail(改动最大)**;带状插画头 + 状态邮戳,沉浸顶栏;分段控件替代双 chip;约束/冲突改「丝带」提示;时间轴改连续竖线 + 节点圆,条目为交替非对称便签;午睡块变云朵通条(插画做底);随手记显示为引号便签;**按钮墙(8 个 ghost)→ 飘浮操作条**:按状态计算主 CTA(PRIMARY 映射)+ 圆形「更多」走 showActionSheet;心愿/投票/冲突/打包/手帐收进图形快捷格 quick-grid **其它子

插画 v3(审美重做)

手帐能力补齐 + 计划连续推进

手帐页高保真补齐

高保真关键页扩容(21 屏)

UI 预览升级(即梦插画 + 开源线图标 + 全屏舞台)

其他作品