用途
Global Toolbar Controls 是一份针对产品全局工具栏控件的设计规范技能，用于指导货币、语言、地区和单位选择器等跨产品偏好设置的设计与摆放。此类控件影响整个产品体验，但不是用户的主要任务，通常每会话仅访问一次或更少，因此不应在视觉上与主导航或内容争夺注意力。
主要能力
技能明确界定了哪些控件属于全局工具栏：
- 货币选择器（电商、金融工具）
- 语言/区域切换器
- 地区或市场选择器
- 度量衡单位（公制/英制）
- 主题切换（浅色/深色）
- 无障碍偏好（字号、对比度）
这些控件区别于用户账户设置（位于个人资料菜单）和上下文设置（位于所影响功能的相邻位置）。
技能还要求将控件分为两类并分开分组：改变显示内容的控件（地区、市场、租户）与改变呈现方式的控件（语言、主题、单位）。偏好项应以横向行排列而非纵向堆叠——堆叠会随每个偏好增长，并把个人设置与选择数据的控件赋予同等权重；横向行则能以零高度成本吸收下一个偏好。
使用方式
技能给出了四种放置位置：
- 页眉工具条：位于主头部上方或内部的次要行，右对齐，常见于电商和国际站点。
- 页眉右侧紧凑位：与主头部内联，位于最右侧，使用小字号和最小视觉重量。
- 页脚：用于用户设置一次且很少再访问的控件，语言和地区选择器常出现在大型国际站点的页脚。
- 独立设置区：对于更复杂的偏好集合，设置页面或面板比塞进工具栏更清晰；工具栏应链接到它，而非包含它。
排版与视觉处理方面，技能要求：字号 13–14px（故意小于正文，按字阶最大 14px）；颜色使用次要用色（--color-text-secondary）而非主文本色；不加粗，仅常规字重；紧凑间距；相邻控件之间使用 | 或细竖线分隔。
交互模式方面：使用紧凑下拉，点击标签打开小型浮层或选择器；以当前值作为触发标签（EUR ▾、EN ▾）；语言控件显示当前语言代码或名称，绝不能只用地球或旗帜，地球命名的是类别而非状态，旗帜命名的是国家；选项按本族名列出（"Suomi"、"Deutsch"）；货币显示符号 + 代码；地区和语言是独立轴，每次链接和地区切换都携带当前语言；地区默认值仅作为入口点的回退；选项列表保持简短，超过约 20 项时在下拉内添加搜索输入；选择后立即生效，若有可见效果则用简短状态更新（toast 或内联更新）确认；持久化偏好也在打开的标签页间同步，监听 storage 事件并重新水合，若该值控制首次请求，则将请求门控在水合之后。
技能还强调旗帜不得变形：为适应圆形或方形图标，需裁剪或使用为该形状绘制的图像；图标盒需显式设置相等宽高，防止边框、行高或 flex 容器改变任一轴；需分别检查渲染后的宽高。
适用场景
适用于设计语言/地区切换器或产品级偏好设置，尤其是电商、金融工具、国际站点等需要货币、语言、地区、单位、主题等全局控件的产品。
限制
技能未提供具体的价格、收费或平台信息。上述内容仅为设计规范与交互建议，不涉及代码或安装命令。
审查清单
技能附带审查清单：全局控件是否在所有页面一致地放在同一位置；排版是否比主导航更小更柔和；控件是否以当前值作为标签，语言是否显示语言本身并按本族名列出；显示内容控件（地区、租户）是否与呈现偏好分开分组且偏好横向排列；链接和地区切换是否保留当前语言；持久化偏好是否跨标签页同步并门控依赖它的首次请求；下拉或浮层是否紧凑且可键盘导航；全局控件是否与用户账户设置分离；移动端全局控件是否可访问但不突出（小屏常移至菜单或页脚）；旗帜是否裁剪或使用特定形状，位于显式等边盒中，绝不非等比缩放。