← 返回提示词
UI 设计

UI 文案减法:布局自解释,保留必要标签与可访问名称(优化版 v001)

删除不必要、重复的辅助标签和说明,让布局表达已有信息,同时保留必要表单标签、控件名称与可访问名称。;优化版 v001,效果未实测。

提示词发布于 2026-11-09更新于 2026-11-09浏览 0

来源:import:liubai_versions_20261104 · https://github.com/Shanvision-star/liubai-prompt-library/blob/25f0137e36a8fae46aebace86b18cdfeff624a99/bundled-library/entries/PRM-0011/optimized-v001.md · 授权:使用者确认拥有本条素材的公开转载权或授权;未推断其他作者或许可。

适用说明

适用场景

优化版 v001;使用者确认拥有本站公开转载权或授权。
本站原文:http://promptlab.zhichow.com/prompts/p-319017b35d2840e4803e44f1abdaabff

留白公开素材集中的用户投稿;原作者及外部许可未另行确认,效果未实测。

公开署名

留白素材库整理;留白优化版

EXAMPLE

使用示例

该主题的原文与优化版共用这份示例。

提示词示例输入

示例搜索区已有输入框、放大镜图标和“搜索”按钮,周围又重复出现三处“搜索”说明;输入框没有可访问名称。

文字示意结果

以下结果为人工编写的示意,并非模型实测输出。

删除重复的视觉说明,保留清晰的搜索按钮;为输入框提供可访问名称“搜索文章”,确保键盘焦点可见。图标和占位文字不能代替必要的控件名称。

实际生成时的文字输入

Create one original 2-by-2 sheet of FOUR landscape frames illustrating concise user-interface labels. Four equal tiles edge-to-edge, no gutters, no readable words, letters, numbers, brand marks, people or watermark. Each tile contains the SAME centered white search panel on a soft cream background, with a large input box, magnifying-glass icon and a clear blue search button. Around it are small abstract gray horizontal bars representing redundant helper labels. In reading order the redundant gray bars gradually disappear while the input, magnifying-glass icon and blue button remain visible and consistent; the final frame has the cleanest layout and one small accessibility cue represented as a subtle blue outline. Modern editorial flat cut-paper style, muted slate and blue, gentle shadows.
查看输入译文

译文仅供参考;实际生成时使用的是上方原文。

创作一张包含四个横向画幅的原创 2 x 2 页面,用于展示简洁的用户界面标签。四个等大的方块边缘相接,无间隙,无可阅读的文字、字母、数字、品牌标志、人物或水印。每个方块在柔和的奶油色背景上都包含一个相同的居中白色搜索面板,带有一个大的输入框、放大镜图标和一个清澈的蓝色搜索按钮。其周围是代表冗余辅助标签的小型抽象灰色水平条。按阅读顺序,冗余的灰色条逐渐消失,而输入框、放大镜图标和蓝色按钮保持可见且一致;最后一个画幅拥有最整洁的布局,并带有一个由微妙蓝色轮廓表示的小型无障碍提示。现代编辑平面剪纸风格,柔和的石板色和蓝色,柔和的阴影。

图片与动图示意结果

重复的视觉说明逐步减少,搜索控件保留;实际界面仍需提供可访问名称。

静态图片由 imagegen 按上面的输入生成;动图由生成的四帧画面拼接而成,效果仅供参考。

搜索区域减少重复说明的四格示意
生成的四格关键画面

THE PROMPT

提示词正文

# UI 文案减法:布局自解释,保留必要标签与可访问名称

> v001 · 2026-10-25 · 基于用户提供的中英文素材整理。原文独立保留;效果状态:untested。

```text
请精简 {{ui_scope}} 的界面文案,让信息层级、位置、分组和交互承担已有的解释工作。

Avoid unnecessary supporting text, descriptive copy, and redundant UI microcopy. Let the layout do the explaining.

- 删除不必要或重复的次级标签、辅助说明,以及仅复述布局、标题或显而易见操作的文案。
- 保留识别字段和执行操作所必需的表单标签、控件名称,以及完成任务必需的输入要求、单位、状态与错误恢复信息。
- 只有含义在当前上下文中持续清楚时,才省略重复的可见标签;不要为了整洁让用户猜测字段或操作的含义。
- 删除视觉上的重复文案时,保留控件在代码中的可访问名称及其关联。不要假定相邻按钮会自动给输入框命名,也不要只依赖输入后消失的占位符。
- 例如:搜索框旁已有“搜索”按钮时,可以省略重复的可见“搜索”标签,但输入框仍必须有自己的可访问名称,按钮名称也要保留。
- 修改以界面文案及必要的标签关联为限,保持任务行为清楚。交付时简短列出删除了什么、保留了什么及理由;只有截图或设计稿时,将代码和读屏检查标为未验证。

可选执行约束:
一次性文案整理无需循环。实际修改界面且有检查条件时,最多 2 轮:删减重复文案 → 检查视觉理解与控件可访问名称 → 仅修复已发现的问题。每轮保留前后对照,确认字段仍可识别、主要任务仍可完成、输入要求及错误恢复信息仍完整;发现退化就恢复相关内容。检查通过立即停止;没有新证据、连续一轮无改善、缺关键材料或达到上限时停止并说明未验证项。没有实际读屏测试,不宣称读屏体验已验证。
```

提示词仅供参考,请结合实际场景调整,并核实 AI 生成结果。