返回提示词列表

UI 设计提示词

设计
UI设计界面用户体验

生成现代化、美观的用户界面设计方案

📝核心提示词

复制即用，开启你的创作之旅

请为 [产品/功能] 设计一个现代化的用户界面，要求：

  1. 设计风格

    • 简洁现代
    • 符合当前设计趋势
    • 品牌一致性

  2. 布局结构

    • 清晰的信息层级
    • 合理的空间利用
    • 响应式设计考虑

  3. 色彩方案

    • 主色调和辅助色
    • 对比度和可访问性
    • 深色/浅色模式支持

  4. 交互设计

    • 直观的操作流程
    • 清晰的反馈机制
    • 微交互细节

  5. 组件规范

    • 按钮样式
    • 表单元素
    • 卡片和列表
    • 导航组件

请提供设计说明和关键 CSS 样式。

💡实战案例

看看别人是怎么用的

输入示例： 为博客网站设计一个文章卡片组件

输出示例：

文章卡片设计方案

布局结构

  • 封面图片（16:9）
  • 标题（2行截断）
  • 摘要（3行截断）
  • 标签和元信息

色彩方案

  • 主色：#2563eb
  • 背景：#ffffff / #1e1e1e
  • 边框：#e5e7eb / #374151

关键样式

css
.article-card {
  border-radius: 12px;
  transition: transform 0.3s;
}
.article-card:hover {
  transform: translateY(-4px);
}

⚠️避坑指南

这些坑，你不必再踩一遍

  • 建议配合设计工具使用
  • 注意可访问性标准
  • 考虑不同设备的适配
UI设计界面用户体验