Adwaita
アドワイタ / 2011– / 风格 / 平台界面语言
GNOME 给自己默认外观起的名字,指南规定亮色版、暗色版和高对比版必须用同一套部件来成立。窗口上端有一条顶栏横贯,放在上面的按钮既不画背景也不画边框。图标统一为 16x16px 的单色符号图标。
横贯窗口上端的一条顶栏,内容靠左、居中、靠右三点对齐,窗口的标题坐在中间 / 顶栏上的按钮没有背景也没有边框,面上只浮着符号和文字 / 以 16x16px 绘制的单色符号图标,主要笔画宽 2px,取不带透视的正面形态 / 公开的调色板,每个色相备齐五级,其中包括 Blue 3 的 #3584e4
辞典词条
- 适用场景
- 希望面向 Linux 桌面的应用在亮色设置和暗色设置下都呈现同一套骨架时;要添加自制部件时,不直接写死颜色值,而是搭在既有的颜色变量和 style class 上做时
- 字体
- 按钮用符号或文字其中之一来表示。两者并列只限侧栏的列表和视图切换。
- 版面
- 上端放顶栏,主要动作靠左,标题居中,菜单靠右。一定要留出可以抓住拖动的空处。用间距而不是把按钮连起来做分组。
- 材料
- 颜色从公开的调色板里取,并作为在亮色版、暗色版和高对比版之间自动切换的变量来保存。图标用单色 SVG 画,上色留到之后再施加。
- 注意
- 把颜色值写死,只有切到暗色版和高对比版时才会坏掉,在自己平时用的画面上到最后都察觉不到。
- 延伸阅读
- libadwaita の style class 一覧と CSS 変数の対応 / GNOME パレットが色相ごとに5段階を持つ理由と、その使い分け / 表示内容が変わるとヘッダーバーの中身も差し替わるという設計の帰結
相关词条
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>


