In questo articolo:
Nella sezione seguente imparerai come trovare le icone, aggiungerle al tuo progetto e formattarne le dimensioni e lo stile. Imparerai anche come raggrupparle sulla pagina e organizzarle in modo rapido ed efficace usando il Pannello Schema.
Le icone svolgono un ruolo essenziale nell'aiutare gli utenti a navigare in un'interfaccia. Se sei nuovo/a al design, il modo più semplice per comprendere il loro ruolo e scopo unici è immaginare la segnaletica di un aeroporto internazionale.
L'iconografia dell'aeroporto deve essere universale, inclusiva e indipendente dalla lingua. I viaggiatori devono essere in grado di capire, a colpo d'occhio, dove andare per i bagagli, le informazioni, il cibo, i bagni, la dogana, gli arrivi, le partenze, i taxi, gli autobus e così via.
Di conseguenza, le icone non solo devono essere chiare e non ambigue, ma devono anche far parte della stessa "famiglia" e dello stesso stile, così da sapere istantaneamente di trovarsi di fronte alla segnaletica ufficiale dell'aeroporto. Hanno bisogno di un linguaggio grafico tutto loro, ed è per questo che vengono normalmente applicate in gruppi di stile.
L'iconografia aeroportuale permette a decine di migliaia di utenti di navigare simultaneamente nell'architettura complicata degli aeroporti, riducendo al minimo il caos e la confusione, e portandoli in tempo ai loro voli.
Allo stesso modo, le icone all'interno della tua UI consentono a milioni di utenti di navigare senza difficoltà, fornendo indicazioni semplici, rapide e chiare.
Per via dell'importanza fondamentale e dell'utilità delle icone, esse hanno la propria scheda dedicata.
Per trovare la Libreria di icone, vai alla Barra laterale sinistra e fai clic sulla Scheda Icone. La scheda diventerà blu e aprirà il Pannello Icone.
La nostra Libreria di icone contiene numerosi Kit di icone: Material Design, Font Awesome, Bootstrap, Feather, Hawcons, Amazon AWS, Azure Services, Kubernetes, Google Cloud, Cisco, RPG Awesome ed Emoji. Molti di questi set sono disponibili in varie versioni; ad esempio, il nostro pacchetto Material Design include le varianti Filled, Outlined, Rounded, Sharp, Two-Tone e Community.
Le icone possono essere regolate e stilizzate come tutti gli altri oggetti, ma lavorare con le icone è diverso in due aspetti fondamentali:
- Come si Cercano le icone
- Come si può sfruttare la loro funzione unica di Sostituzione
Entrambi questi argomenti verranno trattati negli articoli successivi di questa sezione.