随着Claude 3.7和DeepSeek V3两大AI模型的相继更新，利用人工智能生成设计卡片正变得前所未有的便捷与富有创意。从技术测评到实际应用，社区中已涌现出大量令人惊叹的案例。

本文不涉及复杂的模型对比或枯燥的参数评测，而是专注于设计视角，分享在制作信息海报卡片时，关于提示词构思与工具使用的实用心得。无论你是设计新手还是寻求灵感的创作者，这些经验都能为你的AI设计流程注入新的活力。

一、使用 Claude 制作的图文展示

首先，让我们欣赏一组由Claude生成的视觉卡片。这些作品主要以SVG格式输出，少数为HTML截图，其核心价值在于感受其精妙的版式设计与和谐的视觉节奏。

需要说明的是，画面中的文字内容多为AI随机生成，无需深究其具体含义。我们的关注点应放在布局、色彩搭配以及图形元素的运用上。最后两张作品的灵感，特别借鉴了@云中江树老师的思路，在此致谢。

二、使用 DeepSeek V3 制作的卡片展示

接下来这组作品，则来自DeepSeek V3。前两张展示了动态视觉效果，后一张为静态展示，整体风格更偏向于一种充满实验性的“玄学”视觉表达。

原本计划展示更多案例，但在测试期间DeepSeek服务偶有不稳定。不过，仅从已生成的这几张图中，我们已能充分感受到它在图形抽象化处理和色彩融合方面的独特潜力。

三、我的 DeepSeek V3 玄学提示词分享

之所以称之为“玄学提示词”，是因为它的形成过程颇为特别。它并非一个预先精心设计的完整模板，而是在与DeepSeek反复“对话”、调试某个HTML效果后，由AI反向总结并系统化我之前所有零散要求的结果。

使用方法非常简单：复制这段结构化的提示词框架，在末尾标注了“！！！”的位置，替换成你自己的具体内容和文案要求即可。上文第二部分的展示图片，绝大多数都是通过这个方式生成的。

下面的完整代码中，留空的部分可以按需修改。如果你不想费心构思，直接交给AI进行“灵感抽卡”也未尝不可，有时反而能带来意想不到的惊喜。

有两点关键经验值得注意：首先，明确要求“输出为HTML格式代码”能极大提高生成的成功率；其次，尝试限定输出分辨率有时也能优化视觉效果，不过在Claude 3.7和DeepSeek上的稳定性表现不一。总之，这个提示词是一个优秀的创作起点，但绝非万能公式，旨在提供参考与启发。

四、反推卡片与收集 SVG 代码复用

1. 一个快速复现卡片效果的“笨”办法

如果你对某种视觉风格情有独钟，却难以用语言精确描述，不妨试试这个直接高效的方法：寻找一张参考图，让AI反推其实现代码。

以Monica中的Claude 3.7为例，操作流程非常直观：在Canva或其他设计平台上找到心仪的文字海报模板，将其发送给Claude作为视觉参考，然后要求它生成类似的HTML或SVG代码。之后，再基于生成的代码，提出具体的字体、行距、色彩等调整要求。

接下来，输入你的主题和具体内容，让AI将其填充到模板中。下图展示了一个简单示例：左侧是原始参考图，中间是第一次修改后的效果，右侧是进一步调整内容后的最终成果。

当然，若对设计有更高要求，可以继续迭代调整。这个方法技术门槛低，但胜在快速高效，特别适合处理那些“感觉对了但说不出来”的设计需求，能迅速将你的创意想法融入已有的成熟视觉框架中。

这里必须重点强调版权意识：所使用的参考图务必是拥有合法版权的素材，或者进行足够彻底的二次创作与修改，以规避潜在的侵权风险。

2. 一个便于卡片复用的协作方案

当我们获得一组优质的生成代码后，如何高效地保存和复用？飞书多维表格是一个被严重低估的解决方案。

你可以将原始的SVG代码和预览图存入表格，然后设置一个“输入修改内容”的字段。通过简单的公式关联，在修改内容后，表格能自动生成适配新内容的SVG代码。即使你没有Claude账号，也能在豆包、通义等AI平台使用他人分享的模板，快速产出个性化内容。

操作时，只需复制表格中“修改后SVG代码”单元格的内容，粘贴到豆包或通义的输入框即可实时预览。下图对比了原图、修改主题关键词后的两个版本在豆包客户端（甚至支持了特定字体）和通义中的预览效果。

目前飞书多维表格内还无法直接预览SVG效果，这算是一个小遗憾。最终生成的图片，可以直接截图使用，或者通过浏览器插件（如“SVG to PNG”）导出为PNG等常用图片格式。

五、让 AI 生成更具风格的设计的提示词技巧

如果你不满足于简单的模板复用，希望引导AI创造出更具独特风格的设计，那么下面这些从设计角度提炼的提示词思路或许能帮到你。它们是一些零散但关键的方向性词汇，并非即插即用的完整咒语，但能为你构建自己的高效提示词提供丰富的灵感。

当然，如果你想追求更稳定、精巧的一站式方案，强烈推荐参考@歸藏的AI工具箱以及@向阳乔木等博主分享的成熟提示词集合，在其基础上加入个人化要求，往往能事半功倍。

1. 指定视觉元素：从模糊到精确

与其笼统地说“要好看”，不如将需求拆解成具体可执行的指令。可以从以下几个维度系统梳理你的需求：

• 色彩：指定色彩方案（如单色、互补色、类比色）、明确的主色调、饱和度与对比度要求。
• 排版：明确字体家族、字号层级、行距与字距的精确数值或感觉。
• 布局：使用网格系统（如12栏网格）、明确空间组织和元素间的比例关系。
• 动效：描述动画原则（如缓动）、过渡效果类型或交互反馈形式。
• 其他：补充形状风格（几何/有机）、纹理材质、图像处理方式（如毛玻璃效果）等。

清晰的指令能让AI更快理解你的设计意图，显著减少反复调试的次数。

2. 注入设计风格：质变的关键

这是提升作品格调与独特性最有效的方法之一。直接告诉AI你想要模仿或融合的设计风格。了解一些经典设计流派（如现代主义、波普艺术、孟菲斯、极简主义）或艺术风格（如洛可可、巴洛克、哥特）的视觉特征，能让你更准确地进行描述。

例如，在基础的终端代码风格上，简单加入“洛可可风格”关键词，最终呈现的效果便截然不同，充满了华丽的装饰感。

3. 借用影视、游戏与动漫的视觉语言

如果你不是设计科班出身，完全可以从你喜爱的文化作品中汲取灵感。那些令你印象深刻的视觉风格，本身就是经过市场与观众验证的成功设计。

• 电影/影视：科幻如《银翼杀手》、《黑客帝国》的赛博朋克；奇幻如《指环王》、《哈利·波特》的史诗感。
• 游戏：像素艺术的《我的世界》，水彩风格的《塞尔达传说：旷野之息》，哥特奇幻的《艾尔登法环》，以及独立游戏如《空洞骑士》、《纪念碑谷》的独特美学。
• 动漫/漫画：宫崎骏的温暖手绘风，新海诚的唯美光影，或是《赛博朋克：边缘行者》的炫酷霓虹美学。

举个例子，将基础提示词修改为“具有星球大战风格的科幻史诗感”，整体氛围便会立刻转向宏大的太空歌剧风格。

4. 融入设计原则与方法论

使用一些专业的设计术语，能引导AI以更“规范”和“专业”的方式思考构图与排版：

• 网格系统：如“使用12栏网格系统组织内容”。
• 设计原则：要求“视觉层级清晰”、“保持画面平衡”、“遵循格式塔原则进行分组”。
• 配色关键词：“采用莫兰迪色系”、“使用奶油色系”、“应用低饱和度的糖果色”。

如果觉得太复杂，可以记住四个最基础、最有效的设计调整口令：加强对比、重复元素、严格对齐、建立亲密性。或者，尝试下面这几个有点“玄学”但常常能带来惊喜的指令：①增加设计感；②遵循网格设计进行排版；③使用高对比度、清晰的视觉层次和精心控制的留白。

不加任何其他复杂描述，仅使用这几个核心口令得到的效果对比：

虽然在细节上仍有优化空间，但作为“零要求”的创作起点，其效果已经相当令人满意。

5. 最后一点：少即是多

上面的关键词库仅供参考，切忌一次性全部堆砌给AI。好的提示词往往是精准的“组合拳”，而非面面俱到的“说明书”。多进行尝试，积累几种你自己偏爱的、效果稳定的风格组合。如果效果始终不理想，不妨回到第二步，重新思考并更精确地定义你想要的“风格”。

6. 工具推荐：细节调整与预览

AI生成的结果若存在小瑕疵，可以借助以下工具进行快速微调：

• SVG编辑：专业工具如Figma，或轻量级在线工具如SVG-Edit。
• HTML预览与调试：Online HTML Viewer这类网站能快速粘贴代码预览效果。如果你懂一点基础的HTML/CSS知识，调整文字、颜色、位置等将会非常方便。
• 代码转网页：yourware等工具能快速将代码转换为可交互的网页视图，方便整体查看与分享。

说到底，探索AI设计工具的乐趣在于不断的实验与发现。它极大地降低了创意实现的技术门槛，但审美的眼光、清晰的构思以及迭代的耐心，依然是我们手中最宝贵的工具。希望这些思路，能帮助你更顺畅地表达心中所想，制作出真正令人眼前一亮的信息卡片与视觉作品。