Back to Weixinmpsdk

微信开发者AI助手 - 应用商店发布素材

tools/WeixinBrowserPlugin/materials/README.md

2025.12.022.4 KB
Original Source

微信开发者AI助手 - 应用商店发布素材

📁 文件说明

图标文件

  • weixin-ai-assistant-128x128.png - 128x128像素的应用商店发布图标
  • store-icon-128.svg - 原始SVG矢量图标源文件

🎨 设计理念

视觉元素

  1. 微信绿色主题 (#1aad19 到 #2dc653 渐变)

    • 与微信官方品牌色保持一致
    • 传达专业性和可信度
  2. AI聊天气泡

    • 白色半透明气泡承载"AI"文字
    • 体现智能对话助手的核心功能
    • 现代化的对话界面设计
  3. 代码符号装饰

    • </> 符号代表开发者工具
    • "SDK" 标识突出技术特性
    • 强调代码生成和开发辅助功能
  4. 专业光效

    • 渐变光泽增强立体感
    • 内部光效提升视觉层次
    • 装饰性光点增加活力

技术规格

  • 尺寸: 128x128像素 (Chrome Web Store标准)
  • 格式: PNG (RGBA, 8-bit/color)
  • 背景: 透明背景适配各种主题
  • 兼容性: 支持高分辨率显示器

🚀 应用场景

Chrome Web Store

  • 扩展程序主图标
  • 搜索结果展示图标
  • 详情页面展示图标

品牌宣传

  • 官网展示
  • 文档配图
  • 社交媒体分享

📐 设计规范

色彩规范

css
/* 主色调 - 微信绿 */
--primary-green: #1aad19;
--secondary-green: #2dc653;

/* 辅助色 */
--white-semi: rgba(255, 255, 255, 0.95);
--white-glow: rgba(255, 255, 255, 0.4);

字体规范

  • AI标识: Arial Bold 14px
  • 代码符号: Monaco Monospace Bold 10px
  • SDK标识: Arial Bold 8px

空间规范

  • 外边距: 6px (距离画布边缘)
  • 内容区域: 116x116px
  • 图标安全区: 中心90x90px区域

📋 使用指南

发布前检查清单

  • 尺寸符合128x128像素要求
  • 文件格式为PNG
  • 透明背景处理正确
  • 在浅色和深色背景下均清晰可见
  • 缩小到16x16像素仍可识别
  • 符合微信品牌色彩规范

质量验证

bash
# 检查文件信息
file weixin-ai-assistant-128x128.png

# 预期输出
# PNG image data, 128 x 128, 8-bit/color RGBA, non-interlaced

🔄 版本历史

v1.0.0 (2024-12-27)

  • ✨ 初始版本图标设计
  • 🎨 采用微信官方绿色主题
  • 💬 集成AI聊天气泡元素
  • 💻 添加代码开发者符号
  • ✨ 专业光效和视觉层次设计

📞 设计支持

如需修改或定制图标,请联系设计团队。


专为微信开发者打造的AI助手图标 🚀