VISUAL / 正在生长

卷卷

实体挂件 + App 陪伴产品 · 美术 / 视觉 / UI

实习期间参与的「实体挂件 + App」陪伴产品。卷卷会像旅行青蛙一样出门旅行,寄回明信片和小礼物;我负责 IP 设计与插画、界面视觉和 UI。这里放了 IP 设计、UI 前端交付图,以及地球图鉴、贴贴打卡与手账的界面设计稿。

关于

2026 · 实习项目 · 美术 / 视觉 / UI

卷卷是一个「实体挂件 + App」的陪伴产品:挂件带在身上,App 里的卷卷会出门旅行, 寄回明信片和小礼物——有点像旅行青蛙。第一次使用时,把挂件贴在手机上, App 读取到卷卷,再进入家园。

我负责 IP 设计与插画、界面视觉和 UI:从家园里的四个房间,到第一次见面的引导流程、 登录,再到地球图鉴、贴贴打卡与手账;也保留了一些角色设定、手稿和动效。

视觉方向是一本可以点开的图画书:米色纸、蓝白格纹和朱红手写字, 让界面看起来像从绘本里长出来的,而不是一套标准的 App 组件。

IP 设计与插画界面视觉UI 组件与状态

IP 设计

角色、实体挂件与动效

IP 设计不只是画一个角色:它要能做成实体挂件,放进场景,还要能表演。 三视图确定布褶、流苏和配色的基本形;实体挂件把它从屏幕里拿出来; 场景和动效再让它活起来。

卷卷角色三视图与配色
角色三视图 · 配色与布褶
卷卷被托在手里的动作草图
实体挂件 · 托在手里
卷卷们在房间里的水彩场景插画
场景插画 · 房间里的卷卷

动效

形体 / 表情 / 待机
卷卷在玻璃罩下写信的动画
场景动效 · 在玻璃罩下写信
手稿动画 · 形体与表情
待机动画 · 呼吸与眨眼

贴贴打卡

拍一张照片,留下当天的纪念

把挂在手机上的卷卷带出门:拍一张照片,选「陪伴出行 / 贴贴卷卷 / 晚安」, 确认位置后生成一张打卡纪念卡。卡片上是照片和地点时间,下面留一句只属于自己的记录; 公共留言板可以读别人留下的句子,也可以自己写一句。相机权限、正在定位这些状态, 也沿用了同一套图画书语言。

地球图鉴

明信片 / 打卡纪念 / 物品 / 票夹

旅行的痕迹被收进一本图鉴:明信片、打卡纪念、物品和票夹四个分栏。 每个地方有自己的印章和成套明信片,点开一张可以看大图、自己写一句, 也可以翻开公共留言板。

票夹

纸品 / 车票设计
卷卷车票设计:晨光站出发的上车凭证
车票 · 晨光站 → ?(2026.11.16)

手账

把旅行带回来的东西贴起来

把图鉴里的东西贴进手账:明信片、车票、物品都能作为素材加进来, 配上手绘贴纸、胶带和一句当天的心情。编辑状态下的工具只有加、删、写三个动作, 界面尽量像一张真的纸。

说明

实习项目 · 实体挂件 + App 陪伴产品。界面为 UI 前端交付图与后期界面设计稿; IP 设计、手稿与动效为过程稿,保留原始导出画面。新增的界面图保留了顶部的时间 / 电量状态条,仅作展示。