返回提示词库
提示词库图片提示词

UI 风格系统展示板

生成一组多页 UI 风格系统展示板,包含 8px 网格、色彩令牌、排版比例、组件状态和对齐版式示例。

设计系统UI 套件排版
示例预览

图片提示词

推荐使用模型

Seedream 5.0 Lite

输出形式

图片提示词模板

示例预览

图片提示词

UI 风格系统展示板预览图,展示色彩令牌、排版比例、组件状态和响应式版式示例。

「UI 风格系统展示板」预览,重点呈现系统一致性、网格对齐、可编辑令牌和产品级 UI 示例。

完整提示词

UI 风格系统展示板

多页 UI 风格系统展示板,包含 8px 网格、色彩令牌、排版比例、组件和响应式版式。

推荐使用模型: Seedream 5.0 Lite输出形式: 图片提示词模板
完整提示词
图片提示词
为 [产品或品牌] 生成一张精致的多页 UI 风格系统展示板。把系统整理成同一张清爽预览画布上的多页设计页面。每一页都使用严格的 8px 间距网格、一致边距、精准对齐和清晰层级。包含色彩令牌面板,展示主色、辅助色、中性色、语义色和背景色块;包含排版比例,展示标题、正文、说明文字和数字样式;包含组件页,展示按钮、输入框、卡片、导航、徽标和空状态;再加入两个响应式版式示例,呈现桌面端与移动端比例。整体应保持视觉一致、便于编辑,并适用于 SaaS 产品、创作者工具、电商品牌或内部仪表盘。只在必要处使用真实感占位文案,并让标签足够简短可读。避免真实 Logo、复制现成设计系统、未由用户提供的品牌名、变形文字、不一致间距、混乱阴影、装饰堆砌、不可访问的低对比度,以及破坏网格的组件示例。

使用说明

运行前替换产品类型、品牌气质、配色方向、组件清单、版式示例和可访问性要求。

提示词 FAQ

使用前先确认这些问题

快速确认输入素材、推荐模型和改写方式,避免提示词被改得失去效果。

使用前最应该先替换什么?

先确定产品类型、品牌气质、基础配色、字体性格、组件范围,以及示例页面偏营销展示还是偏仪表盘工具。

这条提示词能生成可直接落地的设计系统吗?

它用于生成视觉探索和提案用的风格系统展示板。转成生产 UI token 前,仍需要复核间距、对比度、排版和组件行为。

发布图片前应该检查什么?

检查标签是否可读、色块是否区分明显、字体层级是否清楚、组件是否共用同一套间距逻辑,以及是否误复制真实品牌系统。

同模态更多提示词