All work
06Ship

AppIconGenerator

一张源图,变成发布所需的完整图标系统。

Discipline
Brand tooling · Developer experience
Platform
Web
Role
Product, interface and development
Status
Live
AppIconGenerator platform configuration and device preview
Context

AppIconGenerator 将图标尺寸、平台文件结构、自适应前景与背景、安全区和预览整合进浏览器,标准图标处理在本地完成。

Visit live product
The hard part

表面问题背后,通常还有一套更难的系统问题。

不同平台不仅尺寸不同,命名、目录、遮罩和安全区也不同;简单缩放无法直接得到可交付结果。

Key decisions / 03

我选择了什么,也选择不做什么。

  1. 01

    把平台选择做成可组合的预设,而不是一长串导出按钮。

  2. 02

    在生成前展示真实遮罩与设备预览。

  3. 03

    标准图像处理留在浏览器本地,AI 生成作为独立能力。

Design capabilities

A product is a network of decisions.

Brand toolingDeveloper experienceVisual QALocal processing
What exists now

不放未经确认的增长数字,只展示已经存在的产品能力。

  • 覆盖 iOS、Android、Web、Chrome、macOS、watchOS 与 tvOS。
  • 生成平台需要的目录、文件名与配置。
  • 提供本地处理、即时预览与一键打包。
Reflection
好的开发者工具不是把参数全部展示出来,而是把平台知识折叠成可信的默认值。
Next project / 07GenX