美国总务管理局释出联邦政府网页设计系统USWDS 2.0

美国总务管理局(U.S. General Services Administration,GSA)的技术转型服务(Technology Transformation Services)底下的专案美国网页设计系统(U.S. 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改编而来的无衬线字体,专为易读性设计,并且还有为表格资料设计的数字。
