搜索到
1
篇与
的结果
-
用AI生成的原型设计稿效果还可以 用AI生成的原型设计稿效果还可以 提示词如下 # 主界面布局 ## 整体结构 - **简洁的双栏式布局**：左侧窄导航栏、右侧宽内容区 - **顶部标题栏**：包含应用图标和最小化/最大化/关闭按钮 - **底部帮助按钮**：提供快速访问支持资源 ## 左侧导航栏 - **垂直排列的四个主要功能图标**：会议、人声、串联、设置（底部为帮助按钮） - **每个图标配有简洁文字标签** - **采用简约图标设计**，突出功能识别度 - **当前选中的功能以高亮状态显示** --- ## 功能区块设计 ### 1. 会议记录区域 #### 文件导航子菜单 - 位于左侧导航栏右侧，展示分类文件夹 - 包含四个主要选项： - **最近文件** - **我的文件** - **收藏文件** - **垃圾箱** - 每个选项配有直观图标，点击后在主内容区显示对应内容 #### 主内容区文件列表 - **顶部功能区**： - **开始录音按钮** - **上传音频按钮** - **搜索框** - **表格式文件列表**，包含列标题： - 名称 - 类型 - 时长 - 创建时间 - 操作 - **空白状态** 显示提示信息和操作建议 - **列表支持排序和筛选功能** --- ### 2. 录音/会议详情视图 - 点击 **"开始录音"** 后转换为录音界面，显示 **波形图和实时转写内容** - **会议详情页面** 分为上下两部分： - **音频控制** - **文本转写** - **按发言人分色显示转写文本** - **右侧工具栏** 提供： - **编辑** - **导出** - **分享功能** --- ## 视觉规范 ### 色彩系统 - **主色**：`#2B5BFF`（品牌蓝） - **辅助色**：`#F5F7FA`（背景灰） - **文字色**： - 主要文字：`#1D2129` - 次要文字：`#4E5969` - 说明文字：`#86909C` - **边框色**：`#E5E6EB` - **分割线**：`#E5E6EB` - **背景色**： - **主背景**：`#FFFFFF` - **次要背景**：`#F5F7FA` ### 字体规范 #### 标题 - **H1**：20px, Medium - **H2**：18px, Medium - **H3**：16px, Medium #### 正文 - **主要文字**：14px, Regular - **次要文字**：13px, Regular - **辅助文字**：12px, Regular --- ### 间距规范 - **内容区块间距**：24px - **组件内部间距**：16px - **文本行高**：1.5 - **图标尺寸**：16px / 20px / 24px ### 阴影效果 - **浅阴影**：`0 2px 4px rgba(0,0,0, 0.05)` - **中阴影**：`0 4px 8px rgba(0,0,0, 0.1)` - **深阴影**：`0 8px 16px rgba(0,0,0, 0.15)` ### 圆角规范 - **大圆角**：8px - **中圆角**：4px - **小圆角**：2px APP的效果也还可以
