GlyPho 教程

SVG 提示词示例:图标、Logo、插画与 UI 素材 | GlyPho

浏览 SVG 提示词示例,覆盖产品图标、Logo、插画、UI 空状态和发布页视觉。每类示例说明如何写清对象、使用场景、视觉风格、颜色与尺寸限制,并提供按任务调整提示词的方法。英文条目可作为草稿,再替换品牌和产品条件;它们不是已经验证的生成结果。正式使用前请在 GlyPho 中生成、检查小尺寸效果和 SVG 可编辑性。

发布于 2026/06/15 · 作者 GlyPho 编辑团队

SVG 提示词示例:图标、Logo、插画与 UI 素材 | GlyPho
SVG 提示词示例:图标、Logo、插画与 UI 素材 | GlyPho

怎样使用这些 SVG 提示词示例?

这些英文示例可直接作为提示词草稿,后面请按自己的产品替换主体、颜色和尺寸。每条都尽量说清素材类型、使用场景、视觉风格与限制。它们是输入示例,不是已经验证过的 GlyPho 输出;请在工作台生成并检查 SVG 后再用于正式设计。

产品图标提示词

  1. Minimal outline SVG icon for an AI workflow automation feature, clean geometric shapes, single color, works at 24px.
  2. Duotone SVG icon for a customer support inbox, friendly SaaS style, rounded corners, clear silhouette.
  3. Line art SVG icon for secure API keys, technical but simple, no background, suitable for documentation.
  4. Small SVG icon for analytics alerts, modern product UI style, high contrast, easy to scan in a feature grid.

Logo 提示词示例

  1. Minimal SVG logo mark for an AI writing assistant called DraftPilot, combining a paper plane and cursor, simple geometric style.
  2. Editable SVG logo direction for a developer tool, visual metaphor of signal and code brackets, monochrome, strong silhouette.
  3. SVG logo icon for a productivity app, abstract spark and checklist, friendly but professional.
  4. Duotone SVG brand mark for a micro SaaS launch, compact shape, works in a website header.

插画提示词

  1. SVG illustration for an onboarding screen showing a user connecting three apps, clean product illustration style, soft colors.
  2. Lightweight SVG illustration for a dashboard empty state, showing organized files and a small search icon.
  3. SVG explainer illustration for automated customer replies, simple workflow from message to response.
  4. Product documentation SVG illustration showing API request, processing, and successful response in three steps.

UI 素材提示词

  1. Editable SVG empty-state visual for a project dashboard with no tasks yet, calm SaaS style, centered composition.
  2. SVG card illustration for a billing page upgrade prompt, simple credit tokens and upward arrow.
  3. SVG pattern for a launch page background, subtle geometric marks, low contrast, repeatable.
  4. SVG mascot concept for a friendly AI assistant, simple silhouette, not too detailed, usable in onboarding.

提示词公式

你可以用这个结构写 GlyPho 提示词:

Create a [asset type] for [product/use case], showing [subject/metaphor], in [style], with [constraints].

示例:

Create a minimal outline SVG icon for a browser extension landing page, showing a reply bubble and upward growth arrow, single color, clean silhouette, works at 32px.

按任务修改示例,而不是只替换产品名

图标:如果 24px 下线条和主体混在一起,删掉背景与次要符号,要求单色和清晰轮廓。若用于深色界面,补充对比度与背景条件,再在真实按钮或导航栏里检查。

Logo:先确定标志、字标还是两者组合。不要把示例里的品牌名直接用于自己的产品;生成后检查缩小尺寸、黑白版本、商标冲突风险和人工修订空间。

插画与 UI 空状态:写明画面承担的信息,例如“说明还没有任务”,再限定主体数量和留白。生成后把 SVG 放进真实容器,对照文案检查是否抢夺注意力。若结果过于复杂,先缩减主体,再调整配色,不要一次改动所有条件。

图案:示例中的 repeatable 只表达想要的方向,不保证文件边缘能无缝拼接。用于平铺背景时,请实际重复排列并检查上下左右接缝。

相关页面