美国总务管理局(US General Services Administration,GSA)的技术转型服务(Technology Transformation Services)底下的项目美国网页设计系统(US Web Design System,USWDS)发布了2.0版本,现在于GitHub中开源。 USWDS由程序代码函数库、工具程序和设计指南集合而成,目的是要帮助美国联邦政府团队,设计和构建出快速无障碍,适合移动设备访问的政府网站。
USWDS已经被200多个美国联邦政府网站采用,过去两年,官方收集设计与开发人员对USWDS项目的使用意见,并在研究了用户反馈后,现在改版推出USWDS 2.0 ,强调模块化与用户中心设计,加强无障碍设计与移动设备的支持,提供设计人员一致的沟通语言简化沟通工作,这个版本推出了功能强大的工具包,还开源了无衬线适合阅读与表帧数据的字体Public Sans。
官方提到,开发者可以在原来的网站逐渐加入USWDS组件,不用为了要采用USWDS 2.0而从头构建网页,USWDS 2.0提供增量更改,以类别的方式提供独立的样式,不会影响网页原有样式,其模块化组件让开发者可以灵活的添加功能,而设计人员也使用自定义字体以及设置大小。 USWDS 2.0提供了项目共享的视觉设计决策模块Design tokens,以一组离散的颜色、大小与距离等选项,简化设计人员的选择以及沟通工作,解决因选择太多造成的选择或沟通困难,标准化调色板、基本间距单位以及Type Scale都能帮助加速设计配置制定。
USWDS 2.0的颜色系统让设计人员能简单的挑选无障碍设计颜色组合,每个USWDS系统颜色都有数字等级,任两个数字间的差距越大则代表对比度越大,数字差40以上达AA Large对比,50以上就达到AA对比,而70以上则符合AAA对比,设计人员可依数字差简单地选择出可预测效果的颜色。
为了让开发人员更快开发出网站原型,官方为USWDS加入工具程序类别,这是基于Design tokens的现代设计方法,可以让开发人员快速修改生产组件,在不需要撰写专用CSS的情况下,轻松地创建可操作原型。 USWDS 2.0提供简化的12栏布局网格,这是一种基于Flexbox的网格,为设计与开发人员提供可以预测的控制,由于网格的嵌套结构,设计人员可以简易的设计出适合各种屏幕大小的布局。
USWDS还开源了免费的字体Public Sans,USWDS 2.0开始支持自定义字体,而当开发者需要一个简单且中立的字体,则可以选择使用Public Sans,Public Sans是由USWDS项目设计和维护的字体,从Libre Franklin改编而来的无衬线字体,专为易读性设计,并且还有为表帧数据设计的数字。