常用中后台交互设计控件使用场景与规范总结.docVIP

常用中后台交互设计控件使用场景与规范总结 　　最近刚完成安畅云平台 2.0 的改版设计，平台模块很多，但其中往往存在很多类似的页面和组件，导致了很多重复的工作，大大降低了产品的设计效率；同时，由于团队人员较多，没有统一的规范，平台的一致性得不到保障。所以，我们视觉、交互、前端的小伙伴们针对我们踩过的坑，大家认真总结和沉淀出一个符合公司的设计规范。旨在统一公司项目的前端 UI 设计，规避不必要的设计差异和实现成本，实现设计和前端资源的效率最大化。 　　 　　此设计规范主要分享了中后台常用设计组件的定义、组成、使用场景及注意事项。 　　字体 　　概述 　　字体是界面设计中最基本的构成元素之一，用户通过文字来理解内容和完成任务，优秀的字体将大大提升用户的阅读体验及工作效率。在安畅云项目的字体使用中，为了使页面的视觉层次更加清晰，我们从以下三方面来使平台的字体符合易阅读和美观的要求。 　　合理的使用不同的字重、字号和颜色来强调界面中需要突出的信息； 　　尽量使用单种字体，混合使用多种字体会让界面看起来零散和杂乱无章； 　　遵循 WCAG 2.0 标准（标准详情见 /Translations/WCAG20-zh/#visual-audio-contrast），字体在使用时与背景颜色的对比值满足无障碍阅读的最低标准。 　　字体使用建议 　　中文字体优先级：PingFang SC、Hiragin