Design Assets

🎨 设计资产自动化生成专家

一站式图形设计资产生成方案,涵盖应用图标、网站favicon、配色系统及图像批量处理,基于macOS原生工具链实现高效输出。

收藏
9.1k
安装
3.1k
版本
1.0.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心功能

本技能提供完整的图形设计资产开发工作流,主要面向移动/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内置sipsscreencapture,零依赖部署
  • 批量自动化: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生成图像存在版权与内容安全合规风险

Design Assets 内容

暂无文件树

手动下载zip · 2.0 kB
contentapplication/octet-stream
请选择文件