Le icone potrebbero essere uno dei più importanti - e sottovalutati - esempi di design nel tuo portfolio. Ecco uno sguardo al design di icone nel 2018, oltre ad alcuni grandi esempi di icone ispiratrici e lavoro di progettazione.
Gli elementi dell'icona sono mostrati quasi ovunque, ma a volte vengono prodotti come un ripensamento. Non dovrebbe essere così. Un grande design di icone può essere distintivo e aggiungere finezza e stile a un progetto.
Diamo un'occhiata a cosa c'è di nuovo, e cosa c'è di caldo nella progettazione di icone nel 2018!
Linea Stile Icon Design
Le icone di stile della linea sembrano essere la tendenza che non invecchia mai.
Parte del motivo è che questo stile di icone può funzionare praticamente ovunque su qualsiasi tipo di sfondo. Molti dei popolari pacchetti di icone scaricabili spesso includono un design in stile di linea a causa di questa versatilità.
È facile vederlo nell'esempio sopra. Ogni icona è facile da vedere e capire praticamente in qualsiasi dimensione.
Elementi semplici e rappresentazioni
Come per la maggior parte delle altre tendenze del design nel 2018, anche la semplicità fa parte del design di icone. Forme e geografia semplici si combinano per creare rappresentazioni quasi semplicistiche per icone.
Il risultato è un design abbastanza abile che fa apparire gli utenti.
Nell'esempio che utilizza le icone dell'alimento sopra, ogni icona usa il filo comune di un cerchio nell'icona. Questa può essere la forma generale dell'icona stessa o una parte del design dell'icona. Questa forma collega ciascuna icona l'una all'altra nel progetto.
Icone con gradienti
Il trend del colore sfumato che è diventato uno dei temi dominanti del 2018 è anche un fattore nel design delle icone. Da semplici gradienti in tratti di linea (come nell'esempio precedente) a colori sfumati a icone bianche su uno sfondo sfumato, questa combinazione di colori è popolare.
Questo potrebbe essere l'aspetto più allettante dell'uso dei gradienti nelle icone (e in generale): ci sono così tanti modi diversi di usare la tendenza. Puoi aggiungere una sfumatura e non avere ancora un progetto che assomigli a qualcos'altro.
Concentrarsi sulla colorazione semplice
I designer di icone stanno adottando l'approccio opposto anche con il colore e aderendo a tavolozze di colori semplici, più limitate e più basilari per questi piccoli elementi di design.
Utilizzare una tavolozza limitata è una grande idea. Con un design così piccolo, troppi colori o dettagli possono sopraffare lo spazio rapidamente e causare affaticamento agli occhi.
Non vuoi che gli utenti debbano pensare a cosa sia l'icona o che colore significhi. Limitare la quantità di dettagli - compresa la colorazione elaborata - può rendere ogni singola icona un po 'più facile da vedere e capire. Questo è molto importante con icone che verranno utilizzate nelle dimensioni più piccole.
Tutto lo stile dell'app
Uno dei motivi per cui le icone sono diventate così popolari è che le stiamo già progettando per quasi tutto. Dalle icone delle app alle icone in stile app per le icone preferite o desktop, questo stile è praticamente ovunque.
Le icone in stile app hanno uno stile distinto quasi tutto loro. Ciò comprende:
- Di forma quadrata
- Bordi arrotondati
- Sfondo colorato (di solito un colore)
- Forma semplice all'interno dell'icona
- Un sacco di contrasto tra icona e colore di sfondo
- Nessun testo o scritta
Corse spesse e uniformi
Le icone di stile linea non sono solo apprezzate, ma le icone con tratti di linea spessi sono particolarmente apprezzate.
Progettate spesso per applicazioni a singolo colore, queste icone vengono spesso utilizzate in bianco o nero sopra sfondi a colori o fotografici.
Le icone con tratti spessi e uniformi vengono utilizzate più frequentemente da sole, ad esempio un'icona del carrello o un'icona di contatto. Non sono spesso usati in una collezione di icone.
Le icone piatte rimangono popolari
Mentre gran parte della focalizzazione sul design piatto è svanita, il design delle icone è ancora piuttosto piatto (o almeno quasi piatto).
Ciò è probabilmente dovuto alla natura super-semplice del design piatto e all'idea che questo look possa essere facilmente integrato con molti altri stili.
Anche osservando alcuni degli esempi di design delle icone e delle tendenze presentate qui, vedrai che molti di essi sono piatti. (Le icone di stile della linea sono quasi sempre piatte, ad esempio.)
Icone Emoji
Gli emoji sono quasi diventati la loro lingua - una forma di comunicazione più visiva che viene accettata più generalmente in ogni momento.
Anche il design delle icone sta assumendo un tocco emojiesco. Queste icone sono identificabili a causa di un focus sulla forma della testa di una persona o creatura. (Le icone emoji ispirate a Star Wars qui sopra sono un ottimo esempio di come divertirsi con il design di icone.)
Questo stile dell'icona potrebbe funzionare alla grande per una pagina di contatto o per rappresentare persone o persone in un disegno.
Come progettare un'icona migliore
Creare una buona icona o una serie di icone è più che saltare su alcune delle ultime tendenze nel design di icone. A causa delle dimensioni ridotte delle icone, l'attenzione ai dettagli e la precisione sono una parte importante del processo di progettazione.
Nel 2018 sono ancora valide regole semplici per il design di icone. Associa queste linee guida con alcune delle idee di tendenza sopra riportate per creare qualcosa che ti piacerà:
- Inizia con una griglia
- Costruisci con la geometria
- Crea una forma unica
- Dai alle icone molto spazio
- Attenersi ai colori del tuo marchio
- Usa divots consistenti
- Progetta per la taglia più piccola che ti serve
- Non decorare
Linee guida per la progettazione di icone
Un buon modo per tenere il passo con ciò che è? è guardando gli standard grafici e le guide di stile. Ogni volta che Apple o Google cambiano il loro approccio, lo fanno anche tutti gli altri. In parte perché devono e parzialmente perché il nuovo stile riflette spesso i tempi e le tendenze nella progettazione di icone.
Puoi trovare le linee guida qui:
- Icone App Apple
- Icone delle app Android
- Icone del prodotto di progettazione materiale
- Icone del sistema di design dei materiali
Conclusione
Le icone sono uno strumento di progettazione utile.Dall'uso come icone di app a marchi di siti o favicon di divots che possono essere utilizzati in un logo o in un progetto di design, l'icona è un marchio che è qui per rimanere.
Approccio al design delle icone nello stesso modo in cui faresti qualsiasi altro progetto, ma pensa davvero alla semplicità e alle dimensioni. Le icone sono fatte per guardare rapidamente e sono spesso di piccole dimensioni. Questo può avere un grande impatto sul design.