7 consigli per un uso efficace delle icone nei progetti di design
La progettazione di icone può essere molto divertente. Ma una volta che hai un buon set, cosa fai con loro?
Le icone non sono solo collegamenti in miniatura per Facebook o Instagram: possono essere segnali completamente interattivi che aiutano gli utenti a guidare un progetto e forniscono una scintilla visiva in più. Le icone possono essere piccole o grandi, bianche e nere o colorate, piatte o complesse. Indipendentemente dallo stile che ti piace, l'uso efficace delle icone può migliorare l'usabilità e il valore estetico di quasi tutti i progetti di design.
Esplora Envato Elements
1. Aggiungi interesse visivo
Non ogni immagine sarà un paesaggio mozzafiato. A volte le immagini non sono all'altezza.
L'iconografia divertente può aiutare ad aggiungere più interesse a queste foto in qualche modo poco interessanti. Usa le icone per migliorare il contenuto della foto, fornire un po 'di informazioni in più e fornire un segnale di interazione.
Prendi l'esempio sopra per una clinica dentale (è vero, non il concetto visivo più interessante.) Il design è fresco, luminoso e invitante. L'icona semplice accanto al viso è una nuova interpretazione dell '"idea della lampadina" - nota i piccoli denti. L'equilibrio tra la parte chiara dello schermo a sinistra e l'icona bianca luminosa aiuta anche ad attirare l'attenzione sul design. Il resto del sito utilizza anche altre piccole icone per la navigazione.
2. Crea interazione
Le icone non devono adattarsi a posizionamenti specifici per incoraggiare l'interazione dell'utente. (Troppi modelli utilizzano la combinazione icona / testo a tre colonne nella pergamena.
Le icone possono effettivamente essere l'elemento che guida l'interattività. Associa l'iconografia e lo scorrimento della parallasse in modo che gli oggetti si spostino sullo schermo. Icone di livello con immagini o un altro sfondo per creare un elemento un po 'inaspettato.
Boone Selections crea una scena di viaggio per i suoi vini usando l'iconografia in un modo che ti fa venire voglia di scorrere. L'icona dell'aeroplano viaggia su un piano seguendo le frecce sullo schermo (che reagiscono allo scorrimento). Ogni icona al tratto viene visualizzata come un disegno mentre l'utente scorre verso quella parte dello schermo. I movimenti sono semplici, classici e altamente efficaci.
3. Usa l'animazione
Nessuno ha mai detto che le icone devono essere elementi statici. Animali!
Ma non impazzire troppo. Le migliori animazioni di icone si riferiscono al contenuto dell'icona stessa. I movimenti non dovrebbero essere troppo veloci perché possono essere un po 'snervanti. I movimenti non dovrebbero essere troppo lenti perché agli utenti potrebbero mancare. C'è un punto debole nel mezzo in cui il movimento delle icone offre un po 'di gioia.
Sweet Punk lo fa brillantemente. L'icona è la "stessa vecchia lampadina" che viene utilizzata ovunque, ma con un timbro di personalizzazione. Nota l'interno della lampadina: è una fiamma. Poi c'è una divertente azione al passaggio del mouse mentre la lampadina rimbalza con un vortice di idea. Inoltre, il modello circolare attorno alla lampadina si sposta delicatamente e sembra rispondere ai modelli del passaggio del mouse.
4. Creare cluster di icone
Cluster di forme interessanti, schizzi o icone altrimenti realizzate a mano possono rendere visivamente interessante. Il concetto viene visualizzato comunemente sui siti Web che distribuiscono pacchetti di icone (come quello sopra), ma ha un'applicazione più ampia.
Considera file di icone - gioca con il loro utilizzo sotto o sovradimensionato per un maggiore impatto - quando ti manca una buona visuale. Le icone possono funzionare come collegamenti o solo immagini indipendenti. I cluster possono includere solo due o tre icone o tre volte di più. Lascia che i tuoi contenuti guidino quel processo decisionale.
La cosa bella dell'uso delle icone raggruppate è che puoi davvero pensare fuori dagli schemi e fare qualcosa di creativo. L'altro bonus? Puoi anche iniziare con un pacchetto di icone se ti piace e personalizzare le icone per renderle tue. Entrambe le opzioni possono essere molto divertenti e darti un modo per provare qualcosa di completamente diverso.
5. Combina con Trendy Elements
Le icone dovrebbero essere solo una parte di una strategia di progettazione per un progetto. Pensa ai tuoi contenuti e abbina l'iconografia a un altro elemento di tendenza per creare un'estetica moderna.
La cosa bella dell'uso delle icone è la flessibilità dello stile. Le icone hanno apparentemente ogni forma e forma, da disegni al tratto, stili basati su schizzi a disegni ritagliati piatti per elaborare pezzi d'arte in miniatura. Una volta stabilito uno stile di progettazione per un progetto, crea un set di icone che corrispondano a quel tono visivo.
Il sito Web di History of Icons lo fa magnificamente. Il sito mostra come gli stili di icone si sono evoluti nel corso degli anni - il che è un caso interessante in sé se stai cercando più ispirazione - ma ogni icona è collocata all'interno di un elemento contenitore in un modello di stile di design materiale, caratterizzato da strati piuttosto piatti, tattili movimenti, tipografia pulita e colori brillanti.
6. Metti un tocco stravagante su di esso
Per alcune icone, ci sono progetti standard che vorrai usare in modo che gli utenti sappiano esattamente cosa fanno quegli elementi. Questo può includere icone per i collegamenti dei social media, ricerca, carrelli della spesa e frecce di navigazione. Non dovresti mai sacrificare l'usabilità per un nuovo design.
Ma puoi dare il tuo tocco stravagante a questi stili di icone standard. Cambia il colore, modifica la forma o ridisegna le icone nel tuo stile. Il trucco è fare qualcosa che sembri unico mantenendo il riconoscimento visivo in modo che gli utenti non mettano in discussione il significato dell'icona.
I semplici cambiamenti possono fare molto. Questo tipo di regolazione può aiutare gli elementi comuni a far parte anche del tuo design e della storia visiva.
Little Puds & Co. lo fa in un modo assolutamente affascinante. Le icone comuni nell'angolo in alto sono identificabili, ma assumono il colore del marchio del sito Web. Le icone sembrano un po 'più morbide rispetto alle normali tavolozze di colori di Facebook e Instagram e sembrano corrispondere allo stile più stravagante, simile a un bambino, usato in tutto il design.
7. Creare schizzi personalizzati
Le icone possono essere tele artistiche in miniatura. Mentre le tendenze iconografiche si inclinano maggiormente verso rendering super piatti e line art, gli schizzi dettagliati possono fornire un'ottima opzione personalizzata che è tua.
Ogni set disegnato a mano sarà diverso. Non c'è modo reale di classificarli se non quello di trovare qualcosa che puoi possedere. Le icone disegnate fanno spesso parte dell'identità del marchio che le utilizza.
Infinity Foods utilizza questo stile meravigliosamente in tutto il suo design. (Dovresti davvero andare in giro per vedere il set di icone completo.) Lo stile di schizzo inizia con il logo e lo stesso stile di matita dettagliato viene utilizzato per ogni elemento icona nel disegno.
Conclusione
Mentre le icone potrebbero essere uno dei meno pensati per gli elementi in un progetto di design, possono essere uno dei più interessanti. Una buona iconografia può mettere insieme un progetto in un modo che gli dona quel tocco di raffinatezza e raffinatezza.
La cosa bella di lavorare con le icone è che un buon set basato su vettori può essere usato in vari modi e in varie dimensioni. Interessato ad afferrare migliaia di icone per un prezzo d'abbonamento conveniente? Creative VIP ti ha coperto!
