一站式图形设计资产生成方案,涵盖应用图标、网站favicon、配色系统及图像批量处理,基于macOS原生工具链实现高效输出。
说明:
## 核心功能
本技能提供完整的图形设计资产开发工作流,主要面向移动/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生成图像存在版权与内容安全合规风险







