Dans cet article:
Dans la section suivante, vous apprendrez comment trouver des icônes, les ajouter à votre projet et mettre en forme leur taille et leur style. Vous apprendrez également comment les regrouper sur la page et les organiser rapidement et efficacement à l'aide du Panneau de contour.
Les icônes jouent un rôle essentiel pour aider les utilisateurs à naviguer dans une interface. Si vous débutez dans le design, la façon la plus simple de comprendre leur rôle et leur utilité uniques est d'imaginer la signalétique d'un aéroport international.
L'iconographie de l'aéroport doit être universelle, inclusive et indépendante du langage. Les voyageurs doivent pouvoir identifier, en un coup d'œil, où se rendre pour les bagages, les informations, la nourriture, les toilettes, la douane, les arrivées, les départs, les taxis, les bus, etc.
Par conséquent, les icônes doivent non seulement être claires et sans ambiguïté, mais elles doivent également faire partie de la même « famille » et du même style, afin que vous sachiez instantanément que vous avez affaire à la signalétique officielle de l'aéroport. Elles ont besoin d'un langage graphique qui leur est propre, et c'est pourquoi elles sont généralement appliquées en groupes stylistiques.
L'iconographie aéroportuaire permet à des dizaines de milliers d'utilisateurs de naviguer simultanément dans l'architecture complexe des aéroports, en minimisant le chaos et la confusion, et en les amenant juste à temps à leurs vols.
De même, les icônes dans votre interface permettent à des millions d'utilisateurs de naviguer de façon fluide, en fournissant des indications simples, rapides et claires.
En raison de l'importance fondamentale et de l'utilité des icônes, elles disposent de leur propre onglet dédié.
Pour localiser la Bibliothèque d'Icônes, accédez à la Barre Latérale Gauche et cliquez sur l'Onglet Icônes. L'onglet devient bleu et ouvre le Panneau d'Icônes.
Notre Bibliothèque d'Icônes contient de nombreux Kits d'Icônes : Material Design, Font Awesome, Bootstrap, Feather, Hawcons, Amazon AWS, Azure Services, Kubernetes, Google Cloud, Cisco, RPG Awesome et Emoji. Et nombre de ces ensembles sont proposés avec différents thèmes ; par exemple, notre pack Material Design inclut désormais les variantes Rempli, Contour, Arrondi, Vif, Bicolore et Communauté.
Les icônes peuvent être ajustées et stylisées comme tous les autres objets, mais travailler avec les icônes se distingue par deux aspects clés :
- Comment vous Recherchez des icônes
- Comment vous pouvez tirer parti de leur fonction unique de Remplacement
Nous aborderons ces deux sujets dans les articles suivants de cette section.