SuperAPI AI 工具集

saas-product-graphics

设计与创作

查看项目

更新于 10-16 05:48

技能介绍

用途:创建在营销场景中展示产品 UI、功能或工作流的 SVG 图形,强调简洁、专业、有设计感。适用位置包括产品落地页首图、功能展示区块、应用商店截图、Product Hunt 图形、博客产品配图、社媒产品公告、投资人演示视觉、文档头图、更新日志图形和引导插图。

主要能力与模式:提供六种常用版式——浮动面板(功能展示,多个倾斜重叠 UI 面板)、应用截图(首图,单一突出 UI 加背景)、功能网格(多 UI 片段加标签)、工作流(带箭头连接的 UI 状态)、前后对比(并排 UI)与仪表盘(图表与指标)。

视觉规则:浅色渐变背景,可选点状/线状网格与抽象几何形状;典型尺寸 1200x630(OG)、1920x1080(hero)、800x600(feature)。默认使用站点主题配色,示例包含背景 #FFFFFC 到 #f0f4f8、面板 #ffffff、边框 #DDDDDD/#d1d5db、主色 #C0392B、次色 #2563EB、第三色 #16A085、深色文字 #212121/#2D3748、弱化文字 #6b7280/#9ca3af,阴影 rgba(0,0,0,0.08) 至 0.15。排版使用 InterVariable/Inter 与等宽字体,权重 400/500/600。

组件与结构:资料给出 SVG 模板(含 defs 渐变、panel-shadow 与 elevated-shadow 滤镜、点状网格与虚线选择图案),以及面板/卡片、按钮(主、次、幽灵、渐变)、输入框(普通、聚焦、带图标)、列表项(普通、带图标、选中)、下拉菜单、标签/徽章、简化图标、简化图表(柱状、折线、环形)与选择指示器(虚线框、缩放手柄、光标指针)的片段。使用方法是将这些 SVG 代码放入页面或图像中使用。限制:资料未提供具体安装命令、收费价格与平台支持信息,暂未提供。