深色暗黑风加密交易仪表盘UI：软新拟物金色点缀的Nano Banana Pro prompt 提示词

D⚡

Dan ⚡️

作者 @d4m1n

995点赞139.9K浏览Feb 26, 2026

简介

生成深色、暗黑风的高端加密交易仪表盘 UI，使用软新拟物风格与金色点缀卡片布局，包含顶部导航、左侧菜单及资产与持仓等核心模块。

提示词

你是一位经验丰富的 UI 设计师，拥抱现代、极简主义设计，使用阴影、玻璃质感与柔和色彩。你的任务是基于以下要求创建一个专业、美观、可直接交付的模型（mockup）： <requirements> ## 1. 整体风格与视觉语言该界面展示一个高端、现代的金融科技/加密交易仪表盘，采用深色主题。视觉语言结合**软新拟物（soft neumorphism）**与**奢华 Web3 美学（luxury Web3 aesthetics）**。核心特征： - 温暖的金色/橙色强调高亮 - 单色（monochromatic）配色方案，搭配极简效果与阴影 - 卡片式布局，具有层次感与细微的背景 - 尽量少的边框，通过阴影或浅色背景进行分隔目标感知： - 安全 - 专业 - 高端 / 达到机构级（institutional-grade） - 为资深交易者优化 --- ## 2. 布局结构 ### 全局布局 - 桌面优先（desktop-first）仪表盘 - 输出比例：3:2 - 三个主要区域： 1. 顶部导航栏（横向） 2. 左侧边栏导航（纵向） 3. 主内容区域（多列卡片的网格布局）留白充足，强调清晰度与视觉“呼吸感”。 --- ## 3. 顶部导航栏 - 高度：72px - 左侧： - 品牌标识文字 "Mevolut" - 风格化的 "M" - 金色/橙色强调 - 中间： - 导航链接：Dashboard, Security, Referral, Trading Fees, API management - 右侧： - Order 链接 - 主要 CTA："Deposit”（金色胶囊按钮） - 用户头像（圆形） - 主题切换（moon 图标）排版： - 干净的无衬线（sans-serif） - 中等字重（Medium weight） - 白色主文本，柔和灰色的非激活状态（muted gray inactive states） --- ## 4. 左侧边栏导航 - 宽度：240px - 背景：近黑（near-black） - 纵向导航项，并配图标： - Dashboard（激活） - Security - Referral - Trading Fees - API management - 底部对齐： - Settings 激活项： - 细微的背景高亮 - 略微的背景色调（tint） - 圆角容器图标： - 轮廓（Outline）风格 - 激活状态下的金色强调 --- ## 5. 主内容区域 ### 5.1 用户概览卡（User Overview Card） - 顶部的大圆角卡片 - 左侧： - 圆形头像 - 问候文本（“Hello…”） - 用户名 - 行内信息块： - UID（复制图标） - 身份验证状态 - 安全级别 - 时区 - 最后登录时间戳 - 右侧： - “Hide info” 切换风格： - 细微的内阴影（Subtle inner shadows） ### 5.2 Deposit / Buy 卡 - 中等大小的卡片 - 标题文字：解释存款选项 - 两行操作： - Deposit（美元或加密货币） - Buy stocks（本币） - 每一行： - 图标 - 标签 - 箭头操作按钮（gold accent） ### 5.3 Total Asset 卡 - 显示 USD 余额与 USD 等值 - 背景中有较大的、淡化的 Dollar 符号水印 - 操作标签（Action tabs）： - Buy stocks - Deposit - Withdraw - 数值显示很大（large） ### 5.4 VIP Level 卡 - 展示当前 VIP 等级 - 现货与期货手续费费率 - 代币持仓进度条 - “View more” 链接进度条： - 圆角（rounded） - 深色背景的轨道（track） ### 5.5 当前持仓表（Current Holdings Table） - 包含表格布局的卡片 - 列： - Coin（图标 + 名称） - Price - 24h Change - 4h Trend（sparkline） - Actions（Deposit, Withdraw, Trade）折线/火花图（Sparklines）： - 正向趋势用绿色（Green） - 负向趋势用红色（Red）悬停（Hover）： - 每一行在悬停时有细微的背景高亮 ### 5.6 Affiliate Program 卡 - 宣传卡片（promotional card） - 金币插画（gold coin illustration） - 简短描述与 CTA 按钮（“Apply now”） ### 5.7 信息 / 新闻卡（Information / News Card） - 纵向公告列表（Vertical list of announcements） - 标题（Headline）+ 时间戳（timestamp） - 顶部有 “View more” 链接 --- ## 6. 色彩调色板（Color Palette） - 主背景：深炭黑 / 黑色（deep charcoal / black） - 卡片表面：略浅 - 强调色：温暖的金色（warm gold） - 文本层级： - 白色（White）（primary） - 柔和灰色（Muted gray）（secondary） - 深灰色（Dark gray）（disabled） - 状态颜色： - 绿色（Green）表示正向 - 红色（Red）表示负向 --- ## 7. 效果与交互（Effects & Interaction） - 全部使用圆角（rounded corners throughout）（sm） # 设计标记（Design tokens）： { // 全局主题定义 "theme": { "mode": "dark", "style": [ "soft-neumorphism", "premium-fintech" ] }, // 布局测量与结构 "layout": { "type": "desktop-dashboard", "grid": "three-column", "sidebarWidth": 240, "topbarHeight": 68, "contentPadding": 24 }, // 颜色系统 "colors": { "background": "#0B0D10", // 主应用背景 "primaryAccent": "#F5A623", // 金色/橙色强调高亮 "secondaryAccent": "#FFB547", "textPrimary": "#FFFFFF", "textSecondary": "#B0B3B8", "textMuted": "#6B6F76", "success": "#22C55E", "danger": "#EF4444" }, // 排版（Typography）刻度 "typography": { "fontFamily": "SF Pro, system-ui, sans-serif", "weights": { "heading": 600, "body": 400, "numeric": 500 }, "sizes": { "h1": 24, "h2": 20, "h3": 16, "body": 14, "caption": 12 } }, // 核心 UI 组件 "components": { "card": { "borderRadius": 16, "shadow": "0 20px 40px rgba(0,0,0,0.4)", "border": "none", "background": "#14171C", }, "button": { "primary": { "textColor": "#0B0D10", "borderRadius": 999, }, "secondary": { "background": "transparent", "textColor": "#F5A623" } }, "sidebar": { "background": "#0E1014", "itemRadius": 12, "iconStyle": "outline" }, "table": { "rowHeight": 56, "divider": "subtle", "hoverHighlight": true, "sparkline": { "positiveColor": "#22C55E", "negativeColor": "#EF4444" } }, "progressBar": { "height": 6, "radius": 999, "fillColor": "#22C55E", "backgroundColor": "#2A2E35" } }, // 图标系统 "icons": { "style": "outline", "size": 18, "colorInactive": "#6B6F76", "colorActive": "#F5A623" } } </requirements>

模型: Nano Banana
分类: 品牌 & Logo
许可: CC BY 4.0

使用此提示词