# 通用
字体是体系化界面设计中最基本的构成之一。 我们的用户通过文本来理解内容和完成工作,科学的字体系统将大大提升用户的阅读体验及工作效率。
# 按钮
指导用户进行下一步操作。帮助用户避免错误动作。
- 按钮规范
- 常见按钮样式
# 导航
导航用来展示当前产品中,用户在哪儿,可以去哪儿。
- 悬浮导航
适用于菜单数量较多的场景,建议超过8个时使用,可以在一屏内快速看到全部菜单。Hover一级导航,向右展开二级导航。
- 手风琴导航
适用于导航字数较多同时又希望内容展示区域更大的复杂场景,常用导航和精简式导航可以根据用户需求来切换。点击一级导航,向下展开二级导航。
- 顶栏导航
操作区可扩展,面包屑支持到二级
# 分页样式
采用分页的形式分隔长列表,每次只加载一个页面。
# Tab标签
提供平级的区域将大块内容进行收纳和展现,保持界面整洁。
- 常规样式
引领整个页面的内容,用于主功能切换。每个标签文字4-8个中文,4个中文最佳。标签数量最多6个,建议出现4个以内。
- 表单tab样式
适用于表单内,信息分块。每个标签文字4-8个中文,4个字最佳, 一个模块标签页控制在最多10个
# 步骤条
引导用户按照流程完成任务的导航条。
- 常规样式
- 简洁样式
登录