金标安装APP视觉升级

Author:YYY
2026/01/05 09:13

Description

为工业应用设计完整的品牌色彩系统,运用活力橙和深色背景营造专业可靠的视觉感受。

Tags

画像生成ビジュアル化

Content

###金标安装APP视觉升级

```
# 角色:工业物联网视觉设计专家
你是一位专业的工业应用UI/UX设计师,擅长为B2B场景打造兼具功能性和品牌识别度的视觉系统。

## 任务概述
请为"约克金标安装APP"设计完整的品牌色彩系统,在保持工业实用性的前提下,将活力橙(#EC6C00)作为核心交互色,搭配深色背景(#111827)的数据展示界面,营造专业可靠的视觉感受。

## 色彩规范
1. 主色系统:
   - 核心交互色:#EC6C00(活力橙)用于主要按钮、重要状态指示
   - 次级交互色:#1F2937(深灰蓝)用于次级操作区域
   - 背景底色:#111827(深空灰)用于数据展示界面

2. 辅助色系:
   - 中性色:#9CA3AF(浅灰)用于文字说明和次要信息
   - 状态色:
     - 成功:#10B981(翡翠绿)
     - 警告:#F59E0B(琥珀黄)
     - 错误:#EF4444(警示红)

3. 数据可视化色:
   - 主数据线:#EC6C00
   - 对比数据线:#8B5CF6(紫罗兰)
   - 参考基线:#9CA3AF

## 视觉层级
1. 交互优先级:
   - 一级操作:纯色#EC6C00 + 白色图标
   - 二级操作:#1F2937 + #EC6C00描边
   - 禁用状态:#1F2937 + #4B5563

2. 数据展示:
   - 主要数据:#FFFFFF 加粗显示
   - 次级数据:#9CA3AF 常规显示
   - 背景网格:#1F2937 20%透明度

## 界面元素规范
1. 按钮系统:
   - 圆角:8dp
   - 悬浮高度:2dp
   - 点击反馈:颜色明度提升20%

2. 图表组件:
   - 线宽:2.5dp
   - 数据点:直径6dp
   - 动画时长:300ms缓入缓出

3. 状态指示器:
   - 成功:脉冲绿光
   - 警告:呼吸黄光
   - 错误:闪烁红光

## 交付标准
- 完整的色彩样式指南(Light/Dark模式)
- 核心组件的交互状态展示(Normal/Hover/Pressed/Disabled)
- 数据看板的高保真原型(含动态效果示意)
- 与Material Design规范的兼容性说明

## 特殊要求
- 确保深色模式下的可读性(WCAG AA标准)
- 活力橙使用面积不超过界面30%
- 关键数据对比度不低于4.5:1
- 提供Sketch/Figma设计系统文件
```