近期，社交媒体平台涌现了众多“知识卡片”、“语录卡片”，它们凭借清晰明了的视觉化信息呈现，吸引了不少用户的关注。那这类AI卡片是怎么制作的呢？
302.AI捕捉到市场动态，推出了一款【AI卡片生成】工具。该工具与一般的AI卡片制作方式不同，工具中我们预设了不同类型的提示词，用户选择不同模板时会调用不同的提示词，并没有内置固定的HTML代码，所以生成的卡片视觉效果存在随机性。不同的模型生成的效果也会不同。具体的技术原理可以查看我们的开源代码。
而用户层面不再需要理解冗长且复杂的提示词，只需输入卡片内容并选择模型与风格样式，即可一键生成AI卡片。通过这一工具，用户能够快速制作知识卡片、宣传海报等，并有机会打造出爆款内容。
工具界面展示：
AI卡片生成主要分为两大板块：左侧操作区和右侧效果区。
效果展示：
（以下展示的为PNG格式）
1、知识卡片：
（模型：Claude-3-7-sonnet）
2、宣传海报：
（模型：GPT-4.1）
3、哲理卡片
（模型：GPT-4.1）
4、语录引用
（模型：Deepseek-chat）
5、自定义风格
风格描述提示词：
1、使用 Bento Grid 布局：创建一个由不同大小卡片组成的网格，每个卡片包含特定类别的信息，整体布局要紧凑但不拥挤
2、卡片设计：所有卡片应有明显圆角（20px 边框半径），白色/浅灰背景，细微的阴影效果，悬停时有轻微上浮动效果
3、色彩方案：使用简约配色方案，主要为浅紫 #C084FC 背景，搭配渐变色作为强调色
4、排版层次：
- 大号粗体数字/标题：使用渐变色强调关键数据点和主要标题
- 中等大小标题：用于卡片标题，清晰表明内容类别
- 小号文本：用灰色呈现支持性描述文字
5、内容组织：
- 顶部行：主要公告、产品特色、性能指标或主要卖点
- 中间行：产品规格、技术细节、功能特性
- 底部行：使用指南和结论/行动号召
6、视觉元素：
- 使用简单图标表示各项特性
- 进度条或图表展示比较数据
- 网格和卡片布局创造视觉节奏
- 标签以小胶囊形式展示分类信息
7、响应式设计：页面应能适应不同屏幕尺寸，在移动设备上保持良好的可读性
设计风格参考：
- 整体设计风格类似苹果官网产品规格页面
- 使用大量留白和简洁的视觉元素
- 强调数字和关键特性，减少冗长文字
- 使用渐变色突出重要数据
- 卡片间有适当间距，创造清晰的视觉分隔
（模型：Claude-3-7-sonnet）
功能详解：
1、卡片选择
AI卡片生成工具提供了四种类型的卡片，分别是：知识卡片、宣传海报、哲理卡片、语录引用。其中知识卡片支持日期显示和二维码展示，而语录引用支持文字布局和署名。
2、卡片内容灵感
在设计和创建各种卡片类型时，我们提供了丰富的灵感标签，以帮助用户更轻松地生成内容。例如，当用户选择标签【自由】时，将会自动填充与自由相关的内容。
3、模型选择
AI卡片生成工具目前提供五种模型供用户选择，针对不同内容和主题场景，用户可以根据需求切换不同模型进行生成，以获得最满意的效果。
4、风格设置
风格设置提供了三种方式：随机、模板、自定义。
如若没有明确想法时，可尝试随机模式；想快速生成一致风格的卡片，可以选择预设的风格模板；然而如果有具体需求和审美标准，可选择自定义模式。
5、可一键部署
生成后的卡片可点击【一键部署】，快速部署为HTML网页。部署成功后还可通过链接界面效果，非常方便。
6、下载支持HTML和PNG格式
生成的卡片下载支持HTML和PNG格式，用户根据自己的需求和使用场景选择最合适的格式。
HTML 格式：可嵌入到网页中，无需额外的图片加载，能够快速显示内容。
PNG 格式：可直接用于社交媒体平台的分享，如微博、小红书等，能够保持清晰的图像质量和视觉效果。
7、支持在线编辑
生成后的卡片可以进行在线编辑，用户可以根据自己的需求和喜好对卡片的内容进行修改和调整，编程保存后效果实时变化，为用户提供了便利和自由。
如何在302.AI上使用：
302.AI提供按需付费无订阅的服务模式，用户可以根据自身业务需求灵活选择使用。
1、工具使用
登录302.AI后，点击左侧菜单栏应用超市→找到【AI 卡片生成】；
2、开源链接
AI卡片生成工具现已在Github上开源，用户可在此基础上进行二次开发或本地化部署，以便实现更符合自身业务需求的功能扩展。
直达链接：https://github.com/302ai/302_ai_card_generation
