Docs
Project Design

Project Design

Prompt for Project Design

页面结构设计

页面模块 描述 功能 首页 简洁介绍 提供快速入口与内容分类选择 封面生成器 核心功能页面 根据内容类型与情绪生成封面 模板库 展示封面样式 用户可选择预设模板 历史记录 用户生成历史 方便用户查看和再编辑 账户设置 用户信息与偏好管理 主题风格切换、导出格式设置

交互流程建议

选择封面类型

  • 分类按钮：产品、编程、心情、旅行、游戏等
  • 动画切换，给予轻微提示效果

设置情绪关键词与视觉风格

  • 提供预设关键词标签（正向：活力、温暖；负向：冷酷、静谧）
  • 可手动输入关键词
  • 实时预览封面背景变化

自定义标题与排版

  • 可选字体风格（严肃、手写、像素等）
  • 拖动调整标题位置与大小

视觉效果与特效调整

  • 滑块控制光晕、粒子等特效强度
  • 滤镜选择：复古、褪色、动态模糊等

下载与分享

  • 导出图片或视频格式
  • 支持直接分享到社交平台

UI 组件架构建议

组件名称描述交互建议
导航栏包含页面入口图标+悬停文字提示
类型选择卡片选择封面类型Hover 提示与高亮
关键词输入框输入情绪关键词提示推荐词标签
预览窗口实时封面预览支持缩放与背景切换
标题编辑区标题样式选择拖动、旋转交互
特效调整滑块视觉特效调节动态数值反馈
操作按钮组生成、导出等操作视觉层次分明

布局建议

|----------------------------------|
|         顶部导航栏                 |
|----------------------------------|
| 类型选择 | 预览窗口 | 右侧设置面板    |
|          |          |            |
|----------------------------------|
|        底部生成与导出按钮           |
|----------------------------------|
  • 左侧类型选择区：内容类型选择与情绪标签
  • 中间预览窗口：封面实时预览
  • 右侧设置面板：标题样式、滤镜、特效滑块调整
  • 底部按钮区：生成、导出与分享按钮
Cover GenerationWebsite Design