跳到正文
UIGrammer
EN 中文

反模式 · 布局 ·

居中三卡主视觉

居中三卡主视觉是生成的默认布局:居中标题、居中副标题、下方三张完全一样的卡片。

症状

标题、副标题、CTA 全部居中,下面跟着一排三张等宽卡片。

为什么会这样

在不知道内容长度时居中是最安全的选择,而三列刚好能整除 12。模型偏好对称,因为对称永远显得「排好了」。

规则

在一个轴上打破对称——对齐方式、列数,或卡片尺度。

  1. 主视觉文案左对齐,或放到非对称栅格上。
  2. 用两列或四列,或让其中一张卡片跨双宽。
  3. 至少把一个元素换成真实产品面:截图、代码块、指标数字。

居中三卡主视觉是什么?

居中标题、居中两行副标题、一个居中按钮,然后三张一模一样的卡片:图标、标题、一句话。这是「落地页」这个提示的最高概率补全,它清晰、平衡,而且完全匿名。打破其中一条轴就行:文字左对齐、改变卡片尺寸,或把其中一张换成真实的产品界面。

修复 Prompt

贴在你现有 Prompt 之后,把这类毛病从结果里剥掉。