水平带状 · Horizontal Bands
英文:Horizontal Bands
网格与版式难度:入门 ★
🗣️一句话大白话
用多个横向色带或内容带分层,产生节拍、章节感与横向速度。每条带是一个章节:带高、颜色、编号共同决定阅读顺序,适合把并列信息排成有节奏的清单。
🎬真实场景
音乐、交通、体育、时间表、系列活动、信息密集海报
📮你可以这样说
「【图像模型版】竖版 3:4 海报,主题为[主题]。采用水平带状构图:4~5 条横向内容带自上而下排列,每条带高度与信息重要度成正比,最重要一条占约 40% 高度并用主色,其余条带依次减弱;带内文字左对齐、编号统一;整体像一张有节拍的日程表。避免所有条带同等抢眼、避免行距过密。Keywords: horizontal bands, striped layout, stacked information bars, chapter rhythm. 【HTML/CSS 版】容器 display:grid,grid-template-rows: 40fr 20fr 15fr 15fr 10fr;每行一个 section,统一 padding-block:16px、共用左对齐线;用 border-top:1px 分隔条带;首条带主色底、反白字。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸每条带同等抢眼等于没有入口
- ▸段落挤成过窄行长会难读
🧩常见变体
等高带+编号高度递减带色带+照片穿插
💡小贴士
- ✦条带高度=信息权重,别做成等高条纹
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
🛠️关联 AI 绘图知识
在「AI 绘图工作台」查看该术语的提示词与案例(需本地启动工作台,端口 5345)