SuperAPI AI 工具集

ui-illustrations

设计与创作

查看项目

更新于 10-16 05:01

技能介绍

用途:为产品 UI 选配并集成现有插画,覆盖空状态、首次引导、错误页(404/500/无权限)和成功瞬间,并判断插画该放与不该放的位置。数据密集的表格、仪表盘等持久数据区不放图。

主要能力:①放置原则——空状态是核心场景,引导页宜少量,错误页可缓和失败感,成功瞬间可小而可选;加载进度一般用骨架屏而非插画。②选源与授权核查——默认 unDraw(商用、可改、免署名);动画用 LottieFiles 免费层(Lottie Simple License,改动需同协议共享);Storyset 免费层需可见署名,付费订阅可去除。采用时记录来源 URL、许可与日期(如 assets/illustrations/LICENSES.md)。③保持单一风格家族,缺概念时选同族近似隐喻,不混库。④按设计令牌换色——把填充色替换为语义令牌,同一素材同时适配明暗主题;肤色与真实中性色保持字面值。⑤集成——需令牌换色时内联 SVG 组件(Vite 用 ?react),大图用 img + ?url 与 loading="lazy",预留 viewBox 尺寸避免布局偏移,仅内联首屏小图以免打包膨胀。⑥无障碍——装饰性插画设 aria-hidden="true" 或 alt="";动画遵守 prefers-reduced-motion 并提供静态回退,自动播放超 5 秒需暂停控件。

限制:不教绘制原创插画,不处理图标系统与界面交互动效,不做营销站主视觉;不得把素材作为集合再分发;未提供具体价格与更多平台信息。