为了帮助大家理解我还画了两张图,这套提示词由四个部分组成:
角色设定(绿色):主要设定 AI 的角色和主要任务;
基本要求(黄色):这部分基本是约束画面比例和跟风格无关的排版的,我找了很多优质封面图总结了他们的共性放在了这里。
风格要求(紫色):这部分是整套提示词的精华部分,两套提示词这部分是共享的,也就是说你探索出来的风格提示词两个封面都可以用,而且后面比如我们有了youtube 视频封面这种的时候,风格提示词依然可以共用。
用户输入内容(红色):这部分就是你需要输入的内容,可以不按字数输入,AI 会帮你优化到合适的字数,如果有背景图和素材图也可以把链接放在这里,AI 会帮你放到封面里面。
# 公众号封面提示词
你是一位优秀的网页和营销视觉设计师,具有丰富的UI/UX设计经验,曾为众多知名品牌打造过引人注目的营销视觉,擅长将现代设计趋势与实用营销策略完美融合。请使用HTML和CSS代码按照设计风格要求部分创建一个的微信公众号封面图片组合布局。我需要的设计应具有强烈的视觉冲击力和现代感。
## 基本要求:
- **尺寸与比例**:- 整体比例严格保持为3.35:1- 容器高度应随宽度变化自动调整,始终保持比例- 左边区域放置2.35:1比例的主封面图- 右边区域放置1:1比例的朋友圈分享封面- **布局结构**:- 朋友圈封面只需四个大字铺满整个区域(上面两个下面两个)- 文字必须成为主封面图的视觉主体,占据页面至少70%的空间- 两个封面共享相同的背景色和点缀装饰元素- 最外层卡片需要是直角- **技术实现**:- 使用纯HTML和CSS编写- 如果用户给了背景图片的链接需要结合背景图片排版- 严格实现响应式设计,确保在任何浏览器宽度下都保持16:10的整体比例- 在线 CDN 引用 Tailwind CSS 来优化比例和样式控制- 内部元素应相对于容器进行缩放,确保整体设计和文字排版比例一致- 使用Google Fonts或其他CDN加载适合的现代字体- 可引用在线图标资源(如Font Awesome)- 代码应可在现代浏览器中直接运行- 提供完整HTML文档与所有必要的样式- 最下方增加图片下载按钮,点击后下载整张图片
## 用户输入内容- 公众号标题为:[一套提示词帮你实现小红书、公众号封面自由,Deepseek V3也能用!]- emoji图片:https://s2.loli.net/2025/03/24/pBmlncEYkodSVA6.png
# 小红书封面生成提示词
你是一位优秀的网页和营销视觉设计师,具有丰富的UI/UX设计经验,曾为众多知名品牌打造过引人注目的营销视觉,擅长将现代设计趋势与实用营销策略完美融合。现在需要为我创建一张专业级小红书封面。请使用HTML、CSS和JavaScript代码实现以下要求:
## 基本要求
**尺寸与基础结构** - 比例严格为3:4(宽:高) - 设计一个边框为0的div作为画布,确保生成图片无边界 - 最外面的卡片需要为直角 - 将我提供的文案提炼为30-40字以内的中文精华内容 - 文字必须成为视觉主体,占据页面至少70%的空间 - 运用3-4种不同字号创造层次感,关键词使用最大字号 - 主标题字号需要比副标题和介绍大三倍以上 - 主标题提取2-3个关键词,使用特殊处理(如描边、高亮、不同颜色)**技术实现** - 使用现代CSS技术(如flex/grid布局、变量、渐变) - 确保代码简洁高效,无冗余元素 - 添加一个不影响设计的保存按钮 - 使用html2canvas实现一键保存为图片功能 - 保存的图片应只包含封面设计,不含界面元素 - 使用Google Fonts或其他CDN加载适合的现代字体 - 可引用在线图标资源(如Font Awesome)
**专业排版技巧** - 运用设计师常用的"反白空间"技巧创造焦点 - 文字与装饰元素间保持和谐的比例关系 - 确保视觉流向清晰,引导读者目光移动 - 使用微妙的阴影或光效增加层次感
## 用户输入内容 - 封面文案:[Andrej Karpathy 分享了他是如何只用一个文件做笔记的 非项目的日常笔记他只用一个苹果备忘录文件,这样非常方便在单个文件搜索内容 有任何想法或待办事项出现时,都会简单地以纯文本形式将它添加到笔记的顶部 只使用使用"watch:"(观看)、"listen:"(聆听)或"read:"(阅读)等标签 回顾的时候会不时向下滚动浏览笔记。如果发现任何值得持续关注的内容,会通过简单复制粘贴将其"救回"顶部。 值得记录的问题或者内容确实没有多少,这样很简单,项目类型的记录和文档他还是使用 Obsidian] - 账号名称:[歸藏(guizang.ai)] - 可选标语:[正儿八经学AI]
最后都是风格提示词的部分了,你只需要将这些风格提示词插入到上面的专业要求后面就可以了。
我探索了十套还不错的风格,我没有用让 AI 自己发散的方法,这些提示词都是我将我自己觉得不错的排版图片喂给 AI 之后让他总结出来的,如果你觉的这些风格不太合你的需求,你也可以给 AI 图片用下面这套提示词生成你的风格描述。
风格生成提示词:总结这几个小红书封面的风格,为他起一个名字,而且分设计风格、文字排版风格、视觉元素风格分开描述。
# 柔和科技卡片风
## 设计风格
- **圆角卡片布局**:使用大圆角白色或彩色卡片作为信息容器,创造友好亲和感- **轻柔色彩系统**:主要采用淡紫、浅黄、粉色、米色等柔和色调,避免强烈视觉刺激- **极简留白设计**:大量留白空间增强可读性,减少视觉疲劳- **阴影微立体**:subtle阴影效果赋予界面轻微的立体感,不过分强调- **功能美学主义**:设计服务于功能,没有多余装饰元素- **网格化布局**:基于明确的网格系统排列卡片,保持整体秩序感- **渐变色点缀**:部分界面使用柔和渐变作为背景,如米色到蓝色的过渡,增加现代感
## 文字排版风格
- **数据突显处理**:关键数字信息使用超大字号和加粗处理,如"12,002"、"20x"- **层级分明排版**:标题、说明文字、数据、注释等使用明确的字号层级区分- **简约无衬线字体**:全部采用现代简洁的无衬线字体,提升可读性- **文字对齐规整**:在卡片内保持统一的左对齐或居中对齐方式- **重点色彩标识**:使用蓝色等高对比度颜色标记重要术语,如"tweets"和"threads"- **空间呼吸感**:文字块之间保持充足间距,创造"呼吸"空间- **品牌名称特殊处理**:产品名称如"alohi"、"deel."采用特殊字体或风格,强化品牌识别
## 视觉元素风格
- **微妙图标系统**:使用简约线性或填充图标,大小适中不喧宾夺主- **进度可视化**:使用环形或条状图表直观展示进度,如年度完成百分比- **色彩编码信息**:不同卡片使用不同色彩,便于快速区分功能模块- **品牌标识整合**:将产品logo自然融入界面,如"alohi"的圆形标识- **人物头像元素**:适当使用圆形头像增加人性化特质,如客户推荐卡片- **几何形状装饰**:使用简单几何形状作为背景装饰,如半透明圆形- **组件一致性**:按钮、标签、选项卡等元素保持统一风格,提升系统感
# 现代商务资讯卡片风
## 设计风格
- **色彩情绪编码**:使用深绿与深红色调分别象征金融稳健与企业活力- **主题色块构成**:整体采用大面积单一色调作为背景,营造专业稳重氛围- **卡片式设计**:内容以圆角卡片形式呈现,现代简约且边界感明确- **商务应用美学**:符合金融科技类应用的视觉设计规范与审美- **微妙渐变处理**:背景色采用细腻渐变效果,增强层次感- **网格底纹肌理**:融入轻微网格线与点阵纹理,提升科技感与专业度- **功能导向设计**:布局与元素安排以提升信息获取效率为首要目标
## 文字排版风格
- **三级信息层级**:通过明确的字号和粗细区分头条标签、主标题和辅助信息- **大标题强调**:主要新闻标题占据视觉中心,字号最大且加粗- **左对齐规整排版**:所有文字元素保持左对齐,结构严谨有序- **无衬线字体选用**:采用现代商务风格的无衬线字体,提高可读性和专业感- **标题分行处理**:长标题采用多行排版,每行字数适中,便于快速阅读- **日期位置固定**:日期信息位置统一,作为时效性标识- **留白节奏控制**:文字块之间保持适当留白,创造舒适阅读节奏
## 视觉元素风格
- **指向性图标**:右上角箭头图标暗示可点击进入详情的交互性质- **点阵背景纹理**:背景中的微妙点阵增加设计深度,避免平面单调- **进度指示条**:底部的分段线条作为浏览进度或内容分区指示- **主题色彩区隔**:不同新闻主题采用不同色调区分(金融绿色/科技红色)- **高对比度文字**:浅色文字在深色背景上形成强烈对比,确保可读性- **内容统一格式**:"Today's News"标签在相同位置出现,建立品牌一致性- **简洁无干扰界面**:排除多余装饰元素,聚焦于核心信息传递
相关标签: