长沙ui (长沙银行)

概述

本规范旨在为长沙银行的UI设计提供统一的指导，确保所有产品和服务具有高度一致性和用户友好性。本规范涵盖了各种设计元素，包括颜色、字体、布局和交互。

颜色

长沙银行使用以下主色调：

• 主色：0080FF
• 辅助色：F5F5F5
• 强调色：FF9800

还使用以下补充色：

• E0E0E0
• 333333
• 999999

字体

长沙银行使用以下字体：

• 正文：思源黑体
• 标题：思源黑体

布局

长沙银行采用模块化布局，由以下模块组成：

• 头部：包含银行标识、导航和搜索栏
• 主体：包含主要内容
• 页脚：包含版权和其他信息

交互

长沙银行的UI设计遵循以下交互原则：

• 一致性：用户体验在所有产品和服务中保持一致
• 效率：设计简单、直观，最大限度提高用户效率
• 可访问性：设计适合所有用户，包括残障人士

组件

长沙银行UI包含以下主要组件：

• 按钮：用于执行操作
• 输入框：用于输入文本
• 下拉菜单：用于选择选项
• 列表：用于显示数据
• 表格：用于显示结构化数据

示例

按钮

长沙银行的按钮使用以下样式：

不同类型的按钮使用不同的颜色和样式：

• 主按钮：主色背景，白色字体
• 辅助按钮：辅助色背景，黑色字体
• 强调按钮：强调色背景，白色字体

输入框

长沙银行的输入框使用以下样式：

输入框支持以下类型：

• 文本
• 密码
• 数字
• 电子邮件
• 日期

下拉菜单

长沙银行的下拉菜单使用以下样式：

下拉菜单支持以下选项：

• 单选

• 多选

列表

长沙银行的列表使用以下样式：

列表支持以下类型：

• 无序列表
• 有序列表
• 定义列表

表格

长沙银行的表格使用以下样式：

表格支持以下功能：

• 排序
• 筛选
• 分页

维护

本规范将由长沙银行的设计团队维护。如有任何问题或建议，请联系设计团队。