Adwaita
アドワイタ / 2011– / 风格 / 平台界面语言
GNOME 给自己默认外观起的名字，指南规定亮色版、暗色版和高对比版必须用同一套部件来成立。窗口上端有一条顶栏横贯，放在上面的按钮既不画背景也不画边框。图标统一为 16x16px 的单色符号图标。
快速判断
视觉特征
- 横贯窗口上端的一条顶栏，内容靠左、居中、靠右三点对齐，窗口的标题坐在中间
- 顶栏上的按钮没有背景也没有边框，面上只浮着符号和文字
- 以 16x16px 绘制的单色符号图标，主要笔画宽 2px，取不带透视的正面形态
- 公开的调色板，每个色相备齐五级，其中包括 Blue 3 的 #3584e4
适用场景
- 希望面向 Linux 桌面的应用在亮色设置和暗色设置下都呈现同一套骨架时
- 要添加自制部件时，不直接写死颜色值，而是搭在既有的颜色变量和 style class 上做时
使用这一风格
把简短指引带入项目，或将结构化规格交给AI工具。
详细方法与出处制作规则、真实案例、比较、研究与引用格式
辞典词条
- 字体
- 按钮用符号或文字其中之一来表示。两者并列只限侧栏的列表和视图切换。
- 版面
- 上端放顶栏，主要动作靠左，标题居中，菜单靠右。一定要留出可以抓住拖动的空处。用间距而不是把按钮连起来做分组。
- 材料
- 颜色从公开的调色板里取，并作为在亮色版、暗色版和高对比版之间自动切换的变量来保存。图标用单色 SVG 画，上色留到之后再施加。
- 注意
- 把颜色值写死，只有切到暗色版和高对比版时才会坏掉，在自己平时用的画面上到最后都察觉不到。
- 延伸阅读
- the list of libadwaita style classes and the CSS variables they map to / why the GNOME palette carries five steps per hue, and how each step is used / the consequence of a design in which the contents of the header bar swap as the displayed content changes
相关词条
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)共同感受：Trust。比较Adwaita与Flat Design / Vector Minimalism
- Material Design (マテリアルデザイン)共同感受：Trust / Technique。比较Adwaita与Material Design
常被混淆的对象
继续浏览平台界面语言
从平台界面语言中按共同感受优先推荐以下词条。
- GOV.UK Design System (GOV.UK デザインシステム)共同感受：Trust / Calm / Technique。
- GitHub Primer (GitHub Primer)共同感受：Technique / Trust / Calm。
- Adobe Spectrum (Adobe Spectrum)共同感受：Technique / Trust / Calm。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- Link
- https://indexstyle.org/zh/styles/adwaita
- Markdown
- [Adwaita — IndexStyle](https://indexstyle.org/zh/styles/adwaita)
- HTML
- <a href="https://indexstyle.org/zh/styles/adwaita">Adwaita — IndexStyle</a>