核心功能
本技能提供完整的图形设计资产开发工作流,主要面向移动/Web应用开发者与设计师。
核心用法
应用图标生成:通过单一1024×1024源文件,自动生成iOS/macOS所需的20种标准尺寸(16-1024px),以及Android 5种密度等级(mdpi至xxxhdpi)的自适应图标。
网站Favicon套件:生成16×16至512×512的PNG图标,并合并输出ICO多分辨率格式,附带完整的HTML meta标签与Web Manifest配置模板。
配色系统生成:基于HSL色彩模型,从单一主色生成50-950的11级色阶,支持饱和度参数化调整。
图像处理:整合三层工具链——sips(macOS原生,极速简单操作)、ImageMagick(复杂合成/特效/批处理)、SVG(矢量图标与Logo)。
显著优势
- 工具链原生集成:优先使用macOS内置
sips与screencapture,零依赖部署 - 批量自动化:Shell脚本驱动,20+尺寸一键生成
- 多平台覆盖:同时满足iOS/macOS/Android/Web的图标规范
- 可扩展性:HSL生成器易于移植至CSS/JS/Swift等开发环境
潜在局限
- 平台锁定:sips为macOS独占,跨平台需替换为ImageMagick或cwebp等工具
- AI生成依赖:
nano-banana-pro需外部API接入,未提供备选方案 - 矢量编辑缺失:SVG章节仅提及格式优势,无实际路径操作代码
- ICO生成依赖ImageMagick:单一功能引入重型依赖
适用人群
- 独立开发者需快速产出应用商店素材
- 前端工程师处理响应式图片与favicon
- UI设计师建立系统化色彩规范
风险提示
- 脚本未包含源文件尺寸校验,非1024×1024输入可能导致非预期拉伸
- ImageMagick操作涉及复杂命令行参数,误用可能覆盖原图(建议先用副本测试)
- AI生成图像存在版权与内容安全合规风险