Curated Prompt Vault
暗色金融仪表盘UI设计
标题：你是一位经验丰富的UI设计师，致力于现代、微型...... 提示：你是一位经验丰富的UI设计师，擅长现代、极简设计、阴影、玻璃和柔和色彩。 你的职责是根据以下要求制作一个专业且精美的样图，随时准备交付： <requirements> ## 1.整体风格与视觉语言 该界面代表了一个高端现代金融科技/加密交易仪表盘…
悟空提示词Hub
封面预览
封面预览
完整提示词
⚡一键生图标题：你是一位经验丰富的UI设计师，致力于现代、微型......
提示：你是一位经验丰富的UI设计师，擅长现代、极简设计、阴影、玻璃和柔和色彩。
你的职责是根据以下要求制作一个专业且精美的样图，随时准备交付：
<requirements>
## 1.整体风格与视觉语言
该界面代表了一个高端现代金融科技/加密交易仪表盘，采用了暗色调。
视觉语言结合了**软中性化**和**奢华的Web3美学**。
核心特征：
- 温暖的金色/橙色点缀
- 单色调色板，效果和阴影极简
- 基于卡片的布局，具有深度和细腻背景
- 边缘极少，通过阴影或浅色背景分隔
目标感知：
- 安全
- 职业
- 高端/机构级
- 针对有经验交易者进行了优化
---
## 2.布局结构
### 全球布局
- 桌面优先仪表盘
- 输出比例：3：2
- 三个主要地区：
1. 顶部导航条（水平）
2. 左侧边栏垂直导航
3. 主要内容区（多列卡牌网格）
间距宽松，优先考虑清晰度和视觉上的空间。
---
## 3.顶部导航栏
- 高度：72像素
- 左：
- 品牌标志文字“Mevolut”
- 风格化的“M”
- 金色/橙色点缀
- 中心：
- 导航链接：仪表盘、安全、推荐、交易费用、API 管理
-右：
- 订单链接
- 主要CTA：“存款”（金色药丸按钮）
- 用户头像（圆形）
- 主题切换（月亮图标）
字体设计：
- 干净的无衬线体
- 中等重量
- 白色主文本，静音灰色非活跃状态
---
## 4.左侧边栏导航
- 宽度：240px
- 背景：近黑色
- 带图标的垂直导航项：
- 仪表盘（活跃）
- 安全
- 转诊
- 交易费用
- API 管理
- 底部对齐：
- 设定
当前活动物品：
- 细腻的背景高光
- 轻微的背景色调
- 圆形容器
图标：
- 轮廓风格
- 激活状态上的金色重音
---
## 5.主要内容领域
### 5.1 用户概览卡
- 顶部大圆卡
- 左：
- 圆形化身
- 问候文字（“你好......”）
- 用户名
- 内联信息块：
- UID（复制图标）
- 身份验证状态
- 安全级别
- 时区
- 最后登录时间戳
-右：
- “隐藏信息”开关
风格：
- 细微的内心阴影
---
### 5.2 存款 / 购买卡
- 中等大小卡牌
- 标题文字解释存款选项
- 两行行动：
- 存款（美元或加密货币）
- 买入股票（本地货币）
- 每一行：
- 图标
- 唱片公司
- 箭头动作按钮（金色点缀）
---
### 5.3 总资产卡
- 显示美元余额及美元等值
- 背景中大而褪色的美元符号水印
- 动作标签页：
- 买入股票
- 存款
- 撤退
- 数值较大
---
### 5.4 VIP级卡
- 当前VIP级别节目
- 现货和期货费用率
- 代币持有的进度条
- “查看更多”链接
进度条：
- 圆角
- 暗色背景音轨
---
### 5.5 当前持有表
- 包含表格布局的卡牌
- 列：
- 硬币（图标+名称）
- 价格
- 24小时变更
- 4小时趋势（火花线）
- 操作（存款、取款、交易）
火花线：
- 绿色表示正趋势
- 红色表示负趋势
悬停：
- 每行的细微背景高光
---
### 5.6 联盟计划卡
- 促销卡
- 金币插图
- 简短描述和CTA按钮（“立即申请”）
---
### 5.7 信息 / 新闻卡
- 公告竖向列表
- 标题 + 时间戳
- 顶部“查看更多”链接
---
## 6.色彩调色板
- 主要背景：深炭/黑色
- 卡面：略浅
- 点缀色：暖金色
- 文本层级结构：
- 白色（原色）
- 次要灰暗淡
- 深灰色（失效）
- 状态颜色：
- 绿色表示正片
- 红色代表负片
---
## 7.影响与相互作用
- 全角为圆角（sm）
# 设计代币：
{
全局主题定义
“主题”：{
“模式”：“暗色”，
“风格”：[
“软中零同构”，
“高端金融科技”
]
},
布局测量与结构
“布局”： {
“type”： “desktop-dashboard”，
“网格”：“三列”，
“侧栏宽度”：240，
“topbarHeight”：68，
“内容填充”：24
},
色彩系统
“颜色”： {
“background”：“#0B0D10”，// 主应用背景
“primaryAccent”：“#F5A623”，// 金色/橙色高光
“次要口音”：“#FFB547”，
“textPrimary”：“#FFFFFF”，
“textSecondary”：“#B0B3B8”，
“textMuted”：“#6B6F76”，
“成功”：“#22C55E”，
“危险”：“#EF4444”
},
字体比例
“排版”：{
“fontFamily”：“SF Pro，system-ui，无衬线体”，
“权重”： {
“航向”：600，
“正体”：400，
“数字”：500
},
“尺寸”：{
“h1”：24，
“h2”：20，
“h3”：16，
“正体”：14，
“说明”：12
}
},
核心用户界面组件
“组件”： {
“卡”：{
“borderRadius”：16，
“影子”：“0 20px 40px RGBA（0,0,0,0.4）”
“边界”：“无”，
“背景”：“#14171C”，
},
“按钮”：{
“主要”： {
“textColor”：“#0B0D10”，
“borderRadius”：999，
},
“次要”： {
“背景”：“透明”，
“textColor”：“#F5A623”
}
},
“侧栏”：{
“背景”：“#0E1014”，
“itemRadius”： 12，
“图标样式”：“轮廓”
},
“表格”： {
“rowHeight”：56，
“分隔器”：“微妙”，
“hoverHighlight”：正确，
“火花线”：{
“positiveColor”：“#22C55E”，
“负色”：“#EF4444”
}
},
“progressBar”： {
“身高”：6，
“半径”：999，
“fillColor”：“#22C55E”，
“backgroundColor”：“#2A2E35”
}
},
图标系统
“图标”：{
“风格”：“轮廓”，
“体型”：18，
“colorInactive”：“#6B6F76”，
“colorActive”：“#F5A623”
}
}
</requirements>
