← 返回作品

iOS 产品案例

元气岛让手机屏幕,变成一座岛。

一款围绕灵动岛动画、充电特效、控制中心装饰和壁纸展开的 iOS 个性化产品。我参与了从定位与首版取舍,到设计协作、开发测试和上架的完整过程。

走进案例
元气岛充电上岛应用商店图 元气岛万能灵动岛应用商店图 元气岛宠物上岛应用商店图 A LITTLE ISLAND FOR YOUR PHONE
01产品体验

灵动岛,开启你的个性小岛。

从灵动岛动效到控制中心、主题与壁纸,元气岛把分散的桌面美化能力串成一条可探索、可预览、可设置的个性化体验。

02立项动机

让灵动岛从附属功能,成为产品主角。

基于团队已有的桌面美化能力,我调研市场与竞品后发现,年轻用户仍需要更具个性和玩法感的表达。多数产品把灵动岛视为附属功能,因此我将它定义为核心卖点,再以控制中心、主题和壁纸补全使用场景,完成元气岛的产品定位与首版规划。

手机上的个性化桌面与灵动岛
粉色爱心与小狗灵动岛
白兔与音乐灵动岛
小鸡与电量灵动岛
个性化控制中心
三款主题壁纸
03需求规划

把多样玩法,梳理成清晰的首版路径。

从使用场景、内容入口到功能边界,我用原型明确浏览、预览、选择与设置的关键路径,让设计与研发在进入细化阶段前对齐首版范围。

04设计协同

把功能逻辑,落成看得见的体验。

我围绕用户路径、模块层级和状态表达与设计同学反复对齐,让灵动岛、充电特效、控制中心与壁纸既保留各自特色,也形成一致的使用体验。方案在评审中补齐关键页面和交互状态,再结合实现反馈持续收敛。

元气岛各内容分类的入口图标
以统一的入口视觉,连接不同玩法。
Mini 岛:内容选择与效果预览
01Mini 岛
充电岛:动效浏览与选择
02充电岛
动画岛详情:预览效果与上岛设置
03动画岛详情
控制中心:组件浏览与个性搭配
04控制中心
装饰按钮编辑:颜色、文字与动效配置
05装饰按钮编辑
创意岛天气编辑:实时活动预览与设置
06天气编辑
壁纸岛:壁纸内容浏览
07壁纸岛
精选壁纸:静态与动态内容分类
08精选壁纸
加载页:品牌视觉与加载状态
09加载页
05技术攻坚

从图标失效,到资源规范落地。

控制中心图标接入后无法正常显示。我从资源链路回溯问题,查阅规范并验证处理方案,跑通了线条转换、批量生成和结果检查,也把方法沉淀为可复用的素材准备流程。

从不兼容 SVG、处理 skill、SF Symbol 到批量输出的图标资源转换流程
RESOURCE PIPELINE · SVG → SF SYMBOL把格式冲突,变成可验证的资源路径先识别限制,再用规范化处理将素材交给系统与开发环境验证。
线条填充图标批量转换预览,展示多组转换后的轮廓符号
BATCH CHECK · OUTPUT批量预览与资源检查检查轮廓、线宽和内部留白,提前发现异常素材。
  1. 01
    定位问题

    确认限制出在资源格式与图形结构。

  2. 02
    对照规范

    拆解尺寸、图层与描边图形的要求。

  3. 03
    转换生成

    用 line-fill skill 批量生成可用资源。

  4. 04
    协同验证

    交付源码与产物,请 iOS 端确认并修正。

06产品迭代

从屏幕装饰,延伸到日常陪伴。

首版之外,我继续推进像素小组件与小组件的迭代,让个性化体验从选择一种样式,延伸到可以互动、可以陪伴的日常使用场景。

07上线验证

让首版体验,走进真实用户。

上线后三个月,元气岛在 iPhone 端累计预计下载 169,515 次;获得 703 个 App Store 评分、平均 4.1 分,并进入娱乐(免费)榜第 18 名。真实反馈成为后续迭代的起点。

iPhone · 近三个月预计下载 169,515 2026.07.03 - 2026.10.02
4.1★★★★☆703 个评分
娱乐(免费)
第 18 名
用户反馈
App Store 评分
5 星497
4 星40
3 星31
2 星16
1 星119
BACK TO SELECTED WORK

继续看其他作品。

↗