LogoGLM-Image Blog
首页洞见指南提示词
GLM-Image 布局关键词速查表:掌握 Prompt 中的空间控制
2026/01/20

GLM-Image 布局关键词速查表:掌握 Prompt 中的空间控制

GLM-Image 布局关键词完整指南:left、center、right、grid、多区域布局。10+ 可复制模板,涵盖 header、hero、body、CTA 和 footer。

大多数 AI 图像生成器在精确布局控制方面表现不佳。GLM-Image 通过在 Logic 部分使用显式布局关键词来改善空间构图。本速查表为你提供准确的关键词,让你将元素精确放置到任意位置。

布局关键词:完整词典

水平定位

关键词效果示例
left将元素对齐到左边缘"标题" 左对齐
center水平居中元素"标题" 居中
right将元素对齐到右边缘"价格" 右对齐
left third占据左侧 33% 空间"logo" 在左三分之一
center third占据中间 33% 空间"图片" 在中间三分之一
right third占据右侧 33% 空间"文本" 在右三分之一

垂直定位

关键词效果示例
top放置在顶部"标题" 在顶部
middle垂直居中放置"主图" 在中间
bottom放置在底部"页脚" 在底部
top quarter顶部 25% 空间"标题" 在顶部四分之一
bottom quarter底部 25% 空间"CTA" 在底部四分之一

网格与多区域布局

模式用例关键词
2列并排内容"左列" 和 "右列"
3列杂志风格"三列", "网格 3x1"
2x2网格四分之一布局"左上", "右上", "左下", "右下"
Z字形广告布局"顶部", "中部", "底部" 呈对角线下降
F字形网页布局"标题", "侧边栏", "主体内容"
书籍封面多区域"顶部区域", "中部区域", "底部区域"

多区域公式(每次都复制这个)

大多数专业布局需要至少 5 个区域:标题、主图、正文、CTA、页脚。

模板结构:

Logic: 顶部标题区域包含 "[主标题]", 中间 60% 主图区域包含 "[副文本]",
       正文文本块在中心三分之一处左对齐, 底部居中 CTA 按钮
       包含 "[行动号召]", 最底部页脚包含小号字

10 个多区域布局模板

1. 落地页(5 个部分)

用例:SaaS 产品落地页

主体:现代 SaaS 落地页模型, 简洁极简设计
风格:科技初创公司, Webflow 美学, 白色背景, 蓝色点缀
文字: "快速构建"(大标题, 顶部), "几天内完成部署, 而非几周"(副标题, 中部),
      "开始免费试用"(CTA 按钮, 底部)
逻辑: 标题区域在顶部 15% 且标题居中,
       主图区域在中间 55% 且包含笔记本模型,
       正文文本块在主图下方的中心三分之一处,
       CTA 按钮区域在底部 20% 居中,
       页脚在最底部且包含 "© 2026" 和链接
尺寸: 1280x720

2. 活动会议广告(4 个区域)

用例:多日活动推广

主体:专业会议横幅, 现代商务风格
文字: "AI SUMMIT 2026"(顶部, 最大), "3月15-17日 • 旧金山"(中部, 中等),
      "立即注册"(底部 CTA)
逻辑: 标题区域在顶部 20% 且活动标题居中,
       日期和地点区域在中间 50% 且使用粗体排版,
       CTA 按钮区域在底部 25% 居中,
       赞助商标志区域在底部 5% 左对齐
尺寸: 1200x628

3. 电商产品卡片(3 个区域)

用例:产品目录网格项

主体:产品展示卡片, 干净的白色背景, 专业照明
文字: "无线耳机"(标题), "$199.99"(价格), "加入购物车"(按钮)
逻辑: 产品图片区域在顶部 60%, 居中且照明良好,
       标题文本区域在底部 30% 的顶部且左对齐,
       价格和按钮区域在底部 30% 的底部且右对齐
尺寸: 800x1000

4. 餐厅菜单部分(6 个区域)

用例:多项目菜单类别

主体:餐厅菜单部分, 优雅的排版, 奶油纸质纹理
文字: "主菜"(标题), "烤三文鱼...$28"(项目1), "肋眼牛排...$35"(项目2),
      "素食意面...$22"(项目3), "主厨特色...时价"(项目4)
逻辑: 标题区域在顶部 10% 且包含类别标题,
       菜单项目区域在左列和右列(2列网格),
       价格列右对齐, 描述左对齐,
       项目之间间距一致, 页脚区域在底部
尺寸: 1024x1536

5. 移动应用引导(4 个屏幕)

用例:应用商店截图

主体:移动应用屏幕模型, iPhone 框架, 浅色模式
文字: "追踪您的进度"(标题), "设定目标并监控成就"(描述),
      "开始使用"(按钮)
逻辑: 手机状态栏区域在顶部 5%,
       应用标题区域在状态栏下方顶部 15%,
       主要内容区域(图表/图形)在中间 60%,
       CTA 按钮区域在底部 20% 居中
尺寸: 1170x2532

6. 房地产列表(5 个部分)

用例:房产展示

主体:豪华住宅列表, 外景照片, 专业房地产
文字: "$1,250,000"(价格, 顶部), "4卧 • 3卫 • 2,800 平方英尺"(详情, 中部),
      "预约看房"(CTA, 底部)
逻辑: 价格横幅区域在顶部 10% 且覆盖在图片上,
       房产照片区域在中间 70%,
       详情区域在底部 15% 且使用 3 列布局,
       CTA 按钮区域在最底部 5%,
       经纪人信息区域在左下角
尺寸: 1200x900

7. 网络研讨会注册(3 个区块)

用例:电子邮件标题横幅

主体:网络研讨会公告横幅, 专业渐变背景
文字: "掌握 GLM-Image"(标题), "1月25日, 下午2点 EST"(日期), "免费注册"(CTA)
逻辑: 标题区块在顶部 30% 居中,
       日期/时间区块在中间 40% 居中且使用粗体排版,
       CTA 按钮区块在底部 30% 居中
尺寸: 600x300

8. 书籍封面模型(4 个区域)

用例:自助出版封面

主体:书籍封面设计, 惊悚题材, 深色调神秘风格
文字: "缺失的代码"(标题, 顶部), "科技惊悚小说"(副标题, 中部),
      "作者: [作者名]"(底部)
逻辑: 标题区域在顶部 25% 且使用大号衬线字体,
       副标题区域在中间 15% 且使用较小的无衬线字体,
       主图负空间区域在中间 45%,
       作者名区域在底部 15% 且使用优雅的排版
尺寸: 1600x2560

9. YouTube 缩略图(2 个区域)

用例:视频缩略图生成器

主体:YouTube 缩略图, 鲜艳色彩, 粗体文字
文字: "10 个 GLM-Image 技巧"(大标题), "真的有效"(副标题)
逻辑: 标题文本区域在左上角, 覆盖 60% 的宽度和 40% 的高度,
       副标题文本区域在标题下方, 左对齐,
       右侧负空间用于人脸/表情图形
尺寸: 1280x720

10. 仪表板小部件(4 个面板)

用例:分析小部件模型

主体:SaaS 仪表板小部件, 干净的 UI, 数据可视化
文字: "月收入"(标题), "$45,231"(指标, 大号), "较上月增长 12.5%"(变化)
逻辑: 标题区域在顶部 15% 且包含小部件标题,
       指标区域在中间 50% 且大号数字居中,
       趋势指示器区域在底部 20% 且包含百分比,
       图标区域在右上角 10% 且包含图表/图形
尺寸: 400x300

布局问题故障排除

❌ 问题:元素重叠

修复:添加显式间距关键词

逻辑: ...区域之间有 20px 间距, 清晰分离, 无重叠

❌ 问题:阅读顺序错误

修复:指定 "从上到下流" 或 "从左到右流"

逻辑: ...自然的从上到下阅读顺序, 逻辑序列

❌ 问题:间距不均匀

修复:使用基于百分比的区域

逻辑: ...标题 10%, 主图 50%, 正文 25%, CTA 15%

❌ 问题:文本被截断

修复:添加填充和溢出关键词

逻辑: ...包含 10px 填充, 文本完全可见, 无截断

常见问题

问: 我可以指定多少个区域? 答: 为了获得最佳效果, 限制在 5-7 个主要区域。超过这个数量, 模型可能会忽略一些。

问: 我是否需要同时指定水平和垂直? 答: 是的。使用类似 "左上", "底部居中", "中右" 的组合以获得精确控制。

问: "third" 和 "quarter" 有什么区别? 答: "Third" = 33%, "quarter" = 25%。使用 quarters 以获得更精细的控制。

问: 我的布局看起来还是随机的。我做错了什么? 答: 要显式。与其使用 "图片在左侧", 不如使用 "图片在左三分之一, 上一半"。

相关资源

  • 海报模板 - 可复制的带布局控制的海报 prompt
  • 掌握布局逻辑 - 空间构图的深度解析
  • 提示词工程 101 - 所有 prompt 的基础概念

下载

PDF 版本: 即将推出 - 可打印的速查表, 包含所有关键词和模板。

全部文章

作者

avatar for GLM-Image团队
GLM-Image团队

分类

  • GLM-图像
  • 提示词工程
布局关键词:完整词典水平定位垂直定位网格与多区域布局多区域公式(每次都复制这个)10 个多区域布局模板1. 落地页(5 个部分)2. 活动会议广告(4 个区域)3. 电商产品卡片(3 个区域)4. 餐厅菜单部分(6 个区域)5. 移动应用引导(4 个屏幕)6. 房地产列表(5 个部分)7. 网络研讨会注册(3 个区块)8. 书籍封面模型(4 个区域)9. YouTube 缩略图(2 个区域)10. 仪表板小部件(4 个面板)布局问题故障排除❌ 问题:元素重叠❌ 问题:阅读顺序错误❌ 问题:间距不均匀❌ 问题:文本被截断常见问题相关资源下载

更多文章

许可证与商业使用:MIT + 组件许可证详解
EN

许可证与商业使用:MIT + 组件许可证详解

GLM-Image 许可证可能令人困惑。这里对整体模型的 MIT 许可证以及必须遵守的 Apache-2.0 许可组件进行实际解读。

avatar for GLM-Image团队
GLM-Image团队
2026/01/17
fal.ai 托管 GLM-Image: 生产环境集成清单
EN

fal.ai 托管 GLM-Image: 生产环境集成清单

无需管理GPU即可部署GLM-Image——fal.ai API示例、延迟考虑和生产清单。

avatar for GLM-Image团队
GLM-Image团队
2026/01/16
AR + 扩散混合架构详解(带图表)
EN

AR + 扩散混合架构详解(带图表)

GLM-Image使用自回归规划布局 + 扩散解码像素保真度。这里介绍其直觉、图表以及对文字渲染的意义。

avatar for GLM-Image团队
GLM-Image团队
2026/01/15
Logoglmimage.blog

非官方资源中心。

资源

  • 指南
  • 提示词
  • 洞见
  • 反馈

法律

  • Cookie政策
  • 隐私政策
  • 服务条款

© 2026. 非官方资源中心。

GitHubGitHub