Another Planet另颗星

从一句想念,到一处可以停留的空间。

这是一个由 UX Designer 发起的宠物纪念产品。从产品边界、品牌与交互原型,到分层场景和本地原生 iOS 实现,围绕同一个问题展开:如何帮助用户保存回忆,同时尊重告别?

赵聆羽角色 · 创始人 / UX Designer平台 · iOS / Android阶段 · iOS 审核 / Android 本地测试
另颗星当前 App 的橘猫剪纸庭院

三个关键的设计取舍

01

纪念空间的边界

不设计虚构的宠物回复、饥饿与死亡状态,避免以愧疚驱动访问。

评估重点是用户是否获得安心、是否容易找到和保存回忆。访问减少可能来自走出悲伤,也可能来自体验失败,需要听取用户自己的解释。

02

场景中的可交互感

让照片墙与留言树成为环境中的真实物件,以风格一致的入口传达操作。

主题允许不同布置;复用入口、触区与导航组件,避免用同一位置限制画面,也不加入数字标注或无意义的辅助线。

03

从原型到可以保存的资料

使用可复用组件、语义用色和苹方 SC,将阅读与编辑留言合并到同一页。

开发采用 SwiftUI、系统照片选择器与本地记录。随机外观保存为一次确定的结果;照片只保存引用,草稿与档案相互隔离。

一个场景,五个可独立修改的层级。

宠物与接触阴影独立于背景,界面也独立于画面。这让动作、位置与后续主题调整有明确的修改入口。

远景与地面

远景与地面

批准的主题背景。

场景物件

场景物件

独立的树与照片墙。

宠物与阴影

宠物与阴影

按地面锚点对齐。

前景遮挡

前景遮挡

独立的景深层。

界面与导航

界面与导航

复用原生控件和组件。

产品过程,可继续往下看。

查看 Figma 原型查看产品与商业介绍产品愿景

从记录它,到收藏想念。

两段早期 Figma 设计流程,保留作为设计过程记录;当前 App 的页面与品种选择已迭代。

01

建立它的纪念形象

名字、物种、毛色和瞳色。通过问卷,一步步确认它的纪念形象。

建立它的纪念形象

名字与物种 → 毛色 → 瞳色 → 核对 → 预览

0:00

按自己的节奏观看

下载 GIF在 Figma 中查看流程
02

留下照片与想说的话

轻点照片墙,回看一起的日常;再来到留言树,读一张写给它的便签。

留下照片与想说的话

纪念空间 → 照片墙 → 留言树 → 阅读留言

0:00

按自己的节奏观看

下载 GIF在 Figma 中查看流程

早期设计演示,非真机录屏,不作为当前上架功能说明。

想来时看看,离开也安心。

纪念没有规定的频率,也没有必须完成的进度。希望你每一次来到这里,都能自在一点。

保持联系

可以通过下方邮箱交流内测、合作或作品集相关事项。

blinkisle@qq.com