# 明信片App界面设计：创作和寄送分步

原网页：https://www.jvds.cn/share/ui-design/posty-memory-creation-sharing-u074
语言：zh-CN
发布：2026-10-16
作者：界达设计工作室（JVDS）

POSTY用深绿、橙色、紫色和黄色组织旅行明信片，地图、邮票与大号文字保持活泼气质。流程图把创建与寄送放在两条路线中，说明作品完成之后，还可以单独选择收件人和发送时间。设计重点因此从“做得好看”继续走到“寄得清楚”。

## 核心结论

- 地点探索和直接创建可提供不同起点。
- 作品完成、联系人选择和寄送状态应分别确认。

## 地点探索与直接创作互补

地点页在日本点阵地图上方保留搜索和分类，彩色小点呼应其他页面的活泼色彩。它适合从旅行场景发现内容；已有照片的人，则适合直接进入创建。两种起点可共同服务记录。

地图选中位置宜有名称与图例，色点不能单独说明类别。没有定位权限时保留手动地点输入，创建也不必完全依赖定位，这样记录可以在旅行当时或之后完成。

紫色完成页面以赞美语气鼓励用户，并继续邀请下一步。界达设计更偏好在情绪文案旁补“[已保存、尚未寄出](https://www.jvds.cn/share/ui-design/b2b-business-state-model)”的状态，使用户可以放心暂停，而不误以为离开会丢失作品。

![POSTY地点地图、照片编辑工具和作品完成提示的界面拼图](https://www.jvds.cn/upload/2026/1008/d187-tp/u074-i1.webp)

创作入口｜地图探索与直接编辑提供不同起点

## 流程把作品和关系决定分开

创建从扫描或模板进入Editor，再到Postal lista；寄送另经Contacts和Estampilla，继续分立即发送与计划发送。路线清楚区分内容完成和关系选择，适合先做卡、之后再决定寄给谁。

已完成未发、已安排和已发送需要不同状态。草稿保留编辑位置，寄送前则重复作品、寄语、收件人和时间，避免一个“完成”按钮同时承担保存与发送。

定时发送应注明日期、时间和时区，修改后说明计划是否变化。创作流程可以轻快，涉及对象与时间的确认需要[具体字段](https://www.jvds.cn/share/ui-design/cognitive-accessibility-clear-content-ux)，不必依赖一张成功动画解释全部结果。

![POSTY流程图中的创建编辑分支和联系人、邮票、立即或计划发送](https://www.jvds.cn/upload/2026/1008/d187-tp/u074-i2.webp)

流程图区｜制作完成与发送完成属于不同阶段

## 联系人与历史内容各有用途

深绿联系人卡用大号姓名、下划线和信封符号形成有设计感的名单，黄色历史页面则以字母、邮票和时间主题提供文化内容。两者保持品牌语言，但承担不同阅读任务。

选择联系人时，应有明确选中反馈，同名可补头像或备注。装饰线和信封图不能被当作唯一勾选线索，人数增加后也需要搜索和最近联系人。

历史内容适合自由阅读，不宜成为每次寄送的必经步骤。寄送完成后，收到、发出与待发送列表还应保留对应状态，使创作、沟通和探索各自有清楚出口。

![深绿联系人姓名卡与黄色明信片历史内容页面](https://www.jvds.cn/upload/2026/1008/d187-tp/u074-i3.webp)

联系人区｜排版风格之外还要有身份与选择反馈

## 常见问题

### 编辑完成就应该马上寄出吗？

可以先保存已完成作品，再选择寄语、收件人及时间。独立确认也让用户能够中途暂停。

### 活泼联系人名单怎样保持好用？

姓名需要清楚身份和选中反馈，同名补辨认信息，装饰不能替代选择状态。

## 设计检查清单

- 地点有名称与图例。
- 完成状态说明是否已保存寄出。
- 寄送确认含对象和完整时间。

## 连接明信片创作与寄送

旅行记录产品可先统一草稿、完成和发送状态，再安排地点探索、联系人和定时流程。

界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可一起梳理页面内容、界面结构与实现需求。

[联系界达设计，聊聊你的项目](https://www.jvds.cn/contact)