Adwaita
アドワイタ / 2011– / Style / Langages d'écran
Adwaita est le nom que GNOME donne à son apparence par défaut, et ses directives posent qu'un même jeu de composants doit tenir en version claire, en version sombre et en version à contraste élevé. Une barre d'en-tête traverse le bord supérieur de la fenêtre, et les boutons qui s'y posent n'ont ni fond ni bordure. Les icônes sont unifiées en symboles monochromes de 16x16px.
Une seule barre d'en-tête traversant le bord supérieur de la fenêtre, organisée sur trois points d'alignement, le titre de la fenêtre occupant le centre / Les boutons de la barre d'en-tête n'ont ni fond ni bordure, seuls le symbole et le mot flottent sur la surface / Des icônes symboliques monochromes dessinées en 16x16px, aux traits principaux de 2px et aux formes vues de face, sans perspective / Une palette publiée offrant cinq paliers par teinte, dont le Blue 3 en #3584e4
Entrée du dictionnaire
- Usages idéaux
- Construire une application pour bureau Linux qui doit garder la même ossature dans le réglage clair comme dans le réglage sombre · Ajouter un composant maison en s'appuyant sur les classes de style et les variables de couleur existantes plutôt qu'en écrivant les valeurs en dur
- Typographie
- Identifiez chaque contrôle par une icône ou par un mot, jamais par les deux. Les exceptions sont les lignes du panneau latéral et les sélecteurs de vue.
- Composition
- Placez une barre d'en-tête en haut, les actions principales à gauche, le titre au centre, les menus à droite. Laissez toujours une zone libre permettant de la saisir pour déplacer la fenêtre. Groupez les boutons par l'espacement plutôt qu'en les accolant.
- Matière
- Prenez la couleur dans la palette publiée et conservez-la sous forme de variables qui basculent d'elles-mêmes entre version claire, sombre et à contraste élevé. Dessinez les icônes en SVG monochrome et appliquez la couleur ensuite.
- Précaution
- Écrire les valeurs de couleur en dur ne casse rien tant que personne ne bascule en version sombre ou à contraste élevé, c'est-à-dire exactement l'état que l'auteur ne regarde jamais.
- Pour approfondir
- libadwaita の style class 一覧と CSS 変数の対応 / GNOME パレットが色相ごとに5段階を持つ理由と、その使い分け / 表示内容が変わるとヘッダーバーの中身も差し替わるという設計の帰結
Entrées liées
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム) comparer
- Material Design (マテリアルデザイン) comparer
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/adwaita
- Markdown
- [Adwaita — IndexStyle](https://indexstyle.org/fr/styles/adwaita)
- HTML
- <a href="https://indexstyle.org/fr/styles/adwaita">Adwaita — IndexStyle</a>