# 通用

字体是体系化界面设计中最基本的构成之一。 我们的用户通过文本来理解内容和完成工作,科学的字体系统将大大提升用户的阅读体验及工作效率。

# 按钮

指导用户进行下一步操作。帮助用户避免错误动作。

  • 按钮规范

类型

  • 常见按钮样式

类型

# 导航

导航用来展示当前产品中,用户在哪儿,可以去哪儿。

  • 悬浮导航

适用于菜单数量较多的场景,建议超过8个时使用,可以在一屏内快速看到全部菜单。Hover一级导航,向右展开二级导航。

类型

  • 手风琴导航

适用于导航字数较多同时又希望内容展示区域更大的复杂场景,常用导航和精简式导航可以根据用户需求来切换。点击一级导航,向下展开二级导航。

类型

  • 顶栏导航

操作区可扩展,面包屑支持到二级

类型

# 分页样式

采用分页的形式分隔长列表,每次只加载一个页面。

类型

# Tab标签

提供平级的区域将大块内容进行收纳和展现,保持界面整洁。

  • 常规样式

引领整个页面的内容,用于主功能切换。每个标签文字4-8个中文,4个中文最佳。标签数量最多6个,建议出现4个以内。

类型

  • 表单tab样式

适用于表单内,信息分块。每个标签文字4-8个中文,4个字最佳, 一个模块标签页控制在最多10个

类型

# 步骤条

引导用户按照流程完成任务的导航条。

  • 常规样式

类型

  • 简洁样式

类型