Le icone sono parte integrante di qualsiasi progetto di sito web. Dall'uso in elementi informativi e di navigazione, a parti accattivanti di un design più ampio, icone e elementi basati su icone possono essere un modo interessante e interessante per attirare gli utenti.
Mentre le icone hanno usato un'estetica drammaticamente piatta per un po ', altri progetti si stanno spostando sull'utilizzo di icone isometriche. Questa tendenza sta comparendo su siti Web e progetti di stampa in molti settori diversi.
Sta guadagnando popolarità perché le icone isometriche ne hanno di più realistico guarda mentre stai ancora usando strati piani. È un mix quasi perfetto di piatto e profondità. Ecco un aspetto più approfondito di questa tendenza di design e di come puoi sfruttarla al meglio.
Qual è la tendenza delle icone isometriche?
L'utilizzo di ombre e una prospettiva diversa durante la creazione di ciascuna icona può contribuire ad aggiungere il flusso e la gerarchia visiva a un design. Molto semplicemente, la progettazione isometrica è un metodo per disegnare / creare un oggetto tridimensionale in due dimensioni. Le icone isometriche sono un'estensione di questa tecnica di progettazione e il luogo in cui questa tendenza sembra raccogliere la maggior parte della trazione.
Funziona perché le icone isometriche hanno forma, semplicità e profondità. Evocano la bellezza del design piatto ma con una profondità e una dimensione aggiuntive che rendono ogni elemento visivamente più accattivante e più semplice da comprendere per l'utente.
La maggior parte dei designer sta anche optando per creare e utilizzare set di icone isometriche con forme ed elementi che sembrano reali in combinazione con combinazioni di colori brillanti. Questa può essere una combinazione accattivante per gli utenti, con il colore per attirare le persone nel design.
L'utilizzo di ombre e una prospettiva diversa durante la creazione di ciascuna icona può contribuire ad aggiungere il flusso e la gerarchia visiva a un design. Questa versione isometrica di un ambiente dovrebbe essere una mini replica di un oggetto reale.
Gli elementi di icone per infografica sono un'altra applicazione popolare di questa tendenza di design. Con le icone isometriche più piccole all'interno di infographics più grandi, questo stile è un modo semplice per aggiungere interesse visivo e fruibilità a un progetto. Grazie a uno stile più realistico, le icone isometriche possono aiutare ad aggiungere la comprensione di un concetto o di idee per gli utenti.
Un'evoluzione naturale dalle icone piatte
Le icone isometriche sono un'evoluzione della tendenza di design piatto, flat 2.0 e design dei materiali. Il design da 3D a 2D utilizza ancora linee e stili semplici e puliti, ma con un po 'più di profondità.
Le tavolozze dei colori sono spesso derivate da piatti e materiali.
Gli stili isometrici sono il mashup perfetto di semplicità e informazioni, con un design di icone che è facile da comprendere per gli utenti e ha lo stile piatto con cui molti designer amano lavorare.
Come usare le icone isometriche
Alcuni designer non si fermano con le icone e portano il concetto isometrico a un progetto completo! Le icone isometriche possono essere utilizzate in qualsiasi numero di modi e hanno proprietà visive variabili.
Uno dei vantaggi di questo stile di icona è che, a causa della semplice natura della grafica isometrica, statica o animata, i file possono essere salvati in formati di file più piccoli, in modo che il tuo sito web si carichi rapidamente. (Prendi parte della profondità di un'immagine senza il peso!)
Mentre è possibile utilizzare le icone isometriche praticamente dove verrà utilizzata un'altra icona, l'applicazione è leggermente più ampia di quella. Un buon set di icone isometriche può essere combinato come elementi di grandi dimensioni da utilizzare come pulsanti, per dirigere la navigazione o per creare un punto focale.
Cose da sapere
Icone isometriche, mentre alla moda, non sono per ogni progetto.
Alcuni sostengono che anche lo stile si stacchi? per alcune applicazioni. Altri temono che schemi di colori brillanti possano sminuire la messaggistica o apparire sgargianti per gli utenti. Devi usare questa tendenza di design con cura.
L'uso di troppe icone isometriche senza un piano può diventare schiacciante.La creazione di un set di icone isometriche può richiedere più tempo rispetto alla progettazione di icone piane. C'è un livello di dettaglio e l'effetto quasi tridimensionale che devono essere considerati. E se la vista o l'orientamento sono sbagliati, il risultato può essere sconcertante o disorientante. (Per un progetto di avvio rapido, potresti scoprire che è meglio scaricare un kit e spero che contenga tutto ciò di cui hai bisogno.)
Con così tanta variazione di stile nelle icone isometriche, alcuni elementi potrebbero apparire quasi "sovraesposti"? o? overdesigned.? Questi elementi dovrebbero essere evitati. Se ti ritrovi a guardare e a pensare a come l'elemento è stato messo insieme, probabilmente è un po 'troppo. Il miglior design - quando si tratta di utenti - è abbastanza invisibile; l'elemento dovrebbe essere evidente e funzionare bene, ma non nella misura in cui si pensa al reale aspetto di esso.
L'uso di troppe icone isometriche senza un piano può diventare schiacciante. Ricorda, queste icone hanno più profondità e dettagli di un elemento piatto tradizionale. A meno che tu non abbia un piano per usarli in gruppi, probabilmente dovresti fare attenzione a non sovraccaricare gli utenti con troppe illustrazioni complesse.
Risorse icona isometrica
Il posto migliore per iniziare con la tendenza del design icona isometrica è con un kit di icone. L'uso di un kit che puoi scaricare ti mostrerà come sono costruiti gli elementi e ti fornisce uno strumento che rende l'uso delle icone isometriche facile e veloce (fino a quando non sei pronto per disegnare il tuo).
Cerca un kit da scaricare che includa le forme in un Adobe Illustrator, EPS o un altro formato vettoriale in modo da poter ridimensionare e personalizzare le icone secondo necessità.
Ecco alcuni set di icone isometriche che hanno attirato la nostra attenzione (alcuni di questi includono le immagini in primo piano in questo articolo):
- Icone della freccia isometrica
- Oggetti da cucina isometrici
- Icone isometriche multiuso
- Elementi di set infografica isometrica
- Icone isometriche di SEO
- Icone isometriche Blockchain di criptovaluta
- Attrezzature per ufficio isometriche
- Comunicazione mobile e icone multimediali
- Icone isometriche di finanza piatta
- Pacchetto icone isometriche
Ancora più risorse per la progettazione isometrica. (Queste sono più opzioni fai-da-te.)
- Scopri come creare illustrazioni isometriche
- Isometrica Ispirazione di design su Dribbble
- Video: Isometric Design per principianti
- 22 tutorial di Illustrator per la creazione di illustrazioni isometriche
- Video: tutorial sull'azione isometrica di Adobe Illustrator
Conclusione
Sei pronto per saltare sul carrozzone di design icona isometrica? Queste icone possono essere molto divertenti, anche se sono certamente un po 'difficili da usare per alcuni progetti.
Ma con colori divertenti e l'elemento extra di profondità e realismo, possono fornire una bella componente visiva ad alcuni progetti. Se si scarica un kit o si disegna il proprio, questa tendenza di progettazione è quella che ci aspettiamo di vedere in giro per qualche tempo a venire.