U.S. Web Design System (USWDS)

合衆国ウェブデザインシステム / 2015– / 风格 / 设计体系

美国总务管理局公开发布的联邦政府网站设计语言。颜色、留白和字号都不取自由数值，而是量化成一档一档定死的级数，再配上由 Libre Franklin 衍生出的中性字体 Public Sans 与深蓝加红的组合，使各部门的页面都以同一种声音说话。

正文字号偏大，每行在 45 到 90 个字符之间折行 / 深蓝 #005EA2 和警示红 #D83933 这两个定色，出现在各个部门的页面上 / 留白从不落在任意数值上，只出现在固定级数的刻度里 / 从标题到正文都由 Public Sans 承担，字身宽阔而没有怪癖

U.S. Web Design System (USWDS) — USA.gov のトップページ 2023年 — Wikimedia Commons / Public domain — Vote.gov のベンガル語版画面 2026年 — Wikimedia Commons / CC0

U.S. Web Design System (USWDS) — Vote.gov のベンガル語版画面 2026年 — Wikimedia Commons / CC0 — Vote.gov のベンガル語版画面 2026年 — Wikimedia Commons / CC0

辞典词条

适用场景: 要用一套体系做行政或公共机构的网站，不让各部门各自走样时；要给设备和网络都无法挑选的人准备一份一定读得完的申请表单时
字体: 以 Public Sans 为基本，正文不小于 16px，每行控制在 45 到 90 个字符，长文的行距不低于 1.5。
版面: 留白和尺寸都只从既定的级数里选。以单栏为基本，元素之间的间隔重复同样的刻度。
材料: 以深蓝 #005EA2 为主、红 #D83933 为辅，灰色只用 #1B1B1B 到 #F0F0F0 之间的固定级数，不去调中间色。
注意: 只要补上一个填在两级之间的中间值，体系就散了，此后每个页面都会开始自造尺寸。
延伸阅读: USWDSのdesign tokensのページ（段の刻み方そのものが書いてある） / Public Sansと元になったLibre Franklinを並べ、字形をどこで整理したか見る / 実際の連邦サイトを数枚開き、余白と文字寸法が本当に段の上に載っているか測る

相关词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link: https://indexstyle.org/zh/styles/uswds
Markdown: [U.S. Web Design System (USWDS) — IndexStyle](https://indexstyle.org/zh/styles/uswds)
HTML: <a href="https://indexstyle.org/zh/styles/uswds">U.S. Web Design System (USWDS) — IndexStyle</a>

返回索引中的位置