Come fare icone

Sempre voluto imparare quello che serve per creare la propria icona, ma mai saputo esattamente da dove cominciare? Bene, con questo articolo, che sta per cambiare. Imparerai cos’è un’icona e otterrai risposte alle domande e ai problemi più comuni che si presentano. Lungo la strada, scoprirai che il processo non è così difficile come potresti aver pensato una volta.

Oh, e prima che dimentichi, se vuoi espandere la tua libreria di icone, puoi sempre andare su Envato Elements dove troverai una grande collezione di pacchetti di icone vettoriali che aspettano solo di essere raccolti.

1., Cosa sono le icone?

Se c’è una cosa veramente importante che la scuola è riuscita a insegnarmi, è che ogni volta che ti trovi ad affrontare un nuovo concetto, dovresti sempre inserire il tempo e portare a termine la ricerca, in modo che tu possa avere una piena comprensione di ciò che rappresenta.

Quindi, essendo la creazione di abitudine che sono, ho intenzione di infondere in te quello stesso metodo di risoluzione del problema, iniziando con la più elementare delle domande: “Cos’è un’icona?,”

Ebbene, secondo toGoogle, la parola deriva dal greco eikón (immagine) ed è commonlydefined oggi come:

“devozionale dipinto di Cristo o di un altro santo, figura,in genere eseguita su legno e utilizzato cerimonialmente Bizantina e otherEastern Chiese”.

Mentre questo non è esattamente il tipo di icona che noi creativi tendiamo a pensare, potrebbe essere la prima cosa che alcune persone visualizzano quando dici a themthat che guadagni da vivere facendo “icon design”.,

Non farmi sbagliare, non ho nulla contro l’arte di dipingere icone, che è di per sé un mestiere bello ma difficile, ma stiamo parlando di un uso completamente diverso delle mani e dell’immaginazione qui.

Da una prospettiva digitale più moderna, una “icona” è definita come:

“un simbolo o rappresentazione grafica su uno schermo di un programma, un’opzione o una finestra”.

Che tu stia usando un Mac o un PC, un iPhone o un dispositivo Android,ognuno di loro ha un’interfaccia utente basata su icone di diverse forme, colori e dimensioni.

2., Perché usiamo le icone?

Storicamente, il primo set di icone per computer è stato concettualizzato quasi 37 anni fa (più esattamente nel 1981), quando un informatico di nome David Canfield Smith ha unito le forze con il designer Lloyd Cox mentre lavorava alla GUI(Graphical User Interface) dello XeroxStar 8010. Il loro compito era quello di facilitare l’interazione dell’utente con la macchina,che creativamente superato con l’introduzione di simboli grafici familiari significava toreflect oggetti di vita reale a cui l’utente potrebbe riguardare.,

Dato che ai tempi i computer erano per lo più utilizzati all’interno di ambienti di lavoro, hanno rapidamente capito che potevano trovare ispirazione guardando gli oggetti più comuni trovati all’interno di un ufficio, dando vita così alla “metafora dell’ufficio”.

Questo ha gettato le basi per costruire il primo linguaggio visivo comune per l’era digitale, che ha plasmato non solo il modo in cui le GUI appaiono ma anche il modo in cui funzionano.,

Facilità ofInteraction

Veloce forwardto oggi, e mentre hanno sicuramente visto alcuni cambiamenti in termini di forma, la loro corefunction è rimasto praticamente identico, dal momento che continuano a servire stesso scopo per cui erano stati creati, e che è easing ourinteraction con i diversi pezzi e tipi di software.

E onestamente, dovremmo anche essere sorpresi? Immagina di dover usare un software che hauna GUI basata interamente sull’uso di parole chiave., L’ho appena fatto, e credimi, si è rapidamente trasformato in un piccolo incubo.

Language Barrier Breakers

Le icone si comportano come simboli visivi universali che si liberano dalla barriera linguistica, a causa del fatto che riescono a ritrarre immagini che possono essere facilmente comprensibili dagli utenti che provengono da diversi lati del pianeta.

Invece di avereper capire i modi di trasmettere lo stesso significato ai parlanti di due lingue diverse, puoi facilmente trovare un simbolo comunemente accettato che fa il lavoro per te.,

Naturalmente, ci saranno occasionalmente alcune raffigurazioni che potrebbero richiedere agli utenti di passare attraverso un processo di memorizzazione di un simbolo per aggiungerlo al loro gergo. Di solito, questo accadrà nel caso di nuovi concetti otecnologie con cui hanno bisogno di familiarizzare.

ThoughtTriggers più veloci

Rispetto alle parole,le immagini hanno la capacità di stimolare i nostri occhi in modo significativo più veloce e per un arco di tempo più lungo. Questo a sua volta significa che l’utente non solo decifrare themeaning dietro un’icona più veloce, ma il tempo complessivo previsto impegno sarà farsmaller.,

Immagina di avere un software complesso con molti strumenti e funzioni. Ora, come sarebbe se tutti gli strumenti fossero illustrati usando etichette, cioè testo invece di simboli? Mentre potresti riuscire a capire la posizione di alcuni di loro, diventerebbe rapidamente un sovraccarico visivo che alla fine ti farebbe odiare quel software.

Che ci crediate o no, c’è una vera ragione per cui ci siamo allontanati dalle interfacce della riga di comando, e ha principalmente a che fare con l’estetica e la facilità di interazione.,

EyeCandy

Andando oltre l’idea di funzionalità, le icone si comportano come trigger visivi, non solo per offrire un’idea più veloce, ma anche per farlo in un modo che è piacevole per gli occhi.

Ad esempio, mi piace pensare allo schermo di un dispositivo come a uno di quegli scaffali che di solito trascorro quando faccio la spesa al mini market locale. Se theproducts sono avvolti in un colorato, modo accattivante, poi la mia attenzione isimmediately attratto da loro, anche se a volte non ho nemmeno bisogno di quel prodotto—sono solo interessato a vedere che cosa contiene.,

Lo stesso si può dire delle icone, dal momento che meglio sembrano, più l’utente sarà costretto a fissarle e quindi impegnarsi nell’interazione, che a volte è esattamente ciò che vogliamo che facciano.

3. Howto Fare un’icona

Va bene, quindi fino a questo punto abbiamo parlato di cosa sono le icone e perché le usiamo. Ora è il momento di capire cosa serve per crearne uno.

3.1. TheResearch Phase

Ogni volta che inizi a lavorare su un nuovo progetto basato su icone, ci sono alcuni aspetti chiave che devi capire prima di passare attraverso il processo effettivo di costruzione delle icone.,

Chiamo questa “fase di ricerca” poiché è fondamentalmente tutto ciò che farai. Si sta andando a spendere un paio di minuti o ore, a seconda del tempo e la pazienza che avete, alla ricerca di risposte ad alcune domande di base.

Quante varianti di dimensione hai bisogno?

La prima domanda che dovresti sempre farti ha a che fare con il numero di variazioni di dimensione che devi creare per un’icona specifica.

Hai bisogno di oneicon, due o forse più?,

Se, per qualche motivo, si finisce per lavorare su un progetto di dimensioni singole, allora questa parte dovrebbe essere abbastanza facile da superare. D’altra parte, se hai bisogno di fornire più dimensioni, potresti trovarti in un sottaceto, specialmente se stai facendo il lavoro con il cliente ma non hai un brief chiaro che indichi i valori richiesti.

Fortunatamente per noi, la maggior parte di questi valori sono già diventati “standard”del settore,il che significa che non devi perdere tempo a giocare con i numeri per poter capire cosa funziona e cosa no.,

Se sai dove verranno utilizzate le icone, di solito puoi trovare i valori di dimensionamento richiesti facendo un semplice Googlesearch.,i>

96 x 96 px

128 x 128 px

256 x 256 px

Icone Grandi:

• 512 x 512 px
• 1024 x 1024 px

suggerimento Rapido: se si prende uno sguardo più da vicino la dimensione di cui sopra valori, vi renderete rapidamente conto che la maggior parte di loro sono in realtà creati attraverso il raddoppio del numero precedente: 12 > 24 > 48 > 96; 16 > 32 > 64 > 128 > 256 > 512 > 1024.,

In alcuni casi, come per le app mobili, puoi trovare linee guida dettagliate direttamente dai produttori del sistema operativo che hanno lo scopo di aiutarti:

• Apple Icon Guidelines
• Google Icon Guidelines

Quale sarà la tua dimensione di base?

Quando si lavora su progetti di dimensioni multiple, ti consiglio vivamente di iniziare sempre dalla dimensione indirizzabile più piccola possibile.

Questa diventerà la tua dimensione di base, che utilizzerai in seguito per creare tutte le altre richieste., Il motivo ha a che fare con la natura perfetta dei pixel delle tue forme, che si romperà se costruisci grandi e poi cerchi di ottenere le variazioni più piccole ridimensionandole.

Quando si tratta di scegliere un valore per la dimensione di base effettiva, tutto dipende dai requisiti del progetto, ma la regola generale è che si dovrebbe sempre andare il più piccolo possibile.,

Ad esempio, se ho bisogno di creare tre varianti (16 x 16 px, 32 x 32 px e64 x 64 px), mi assicurerò sempre di iniziare con il 16 x 16 px come dimensione di base, e quindi creare gli altri raddoppiandolo.

Quali sono le caratteristiche principali del soggetto?

Una volta che abbiamo capito il problema di dimensionamento, dobbiamo prendere un paio di momenti e abbattere il concetto che stiamo per illustrare. Per me personalmente, questo passo è amust poiché mi permette di identificare e isolare i suoi tratti principali.,

Puoi farlo facilmente afferrando un pezzo di carta o aprendo un documento di testo, e quindi annotare gradualmente brevi osservazioni (parole chiave) che hanno a che fare con la sua forma, dimensione, colori, composizione di elementi/caratteristiche, ecc.

Mentre alcuni tendono a dedicare meno tempo a questa parte della ricerca, aggiungendo quel minuto in più può rivelarsi estremamente utile, specialmente se si sta appena iniziando, poiché renderà le cose più facili quando si tratta di ottenere una “sensazione”del soggetto.

Che stile usi?,

A questo punto, possiamo e dovremmo iniziare a pensare allo “stile”, o in altre parole al look che i nostri figli finiranno per abbracciare.

Nel corso della giornata, le cose erano molto diverse, dal momento che lo stile delle prime icone era dettato dalla tecnologia di visualizzazione limitata. Che a sua volta ha finito per plasmare il modo in cui questi simboli visivi sembrava, ma anche gettato thefondation per il primo stile in assoluto, che ha usato forme definite da grassetto, linee dure per le sezioni esterne e quelli più sottili per i dettagli interni.,

Oggi, quella barriera di pixel è stata a lungo attraversata, permettendoci di crescere e creare nuovi stili, che sono in continua evoluzione e cambiamento.

Gli stili più popolari sono:

• pixel art
• appartamento
• materiale
• linea arte
• isometrica
• glifo
• skeuomorphic
• dimensionale
• disegnati a mano
• animate

Personalmente, whenit scelta del look per il mio futuro icone, io di solito finiscono per andare toDribbble.,com, dove tendo a passare qualche minuto analizzando la corrente trends.As Scorro su e giù, riesco rapidamente a farmi un’idea di cosa mi piacerebbe fare, e poi cerco di attenermi a questo.

Detto questo, ti consiglio vivamente di avere una buona idea di ciò che stai mirando fin dall’inizio, poiché altrimenti potresti trovarti a perdere un sacco di tempo andando avanti e indietro attraverso stili diversi.

Oh, e un’altra cosa, per favore non diventare quel designer che vede qualcosa di buono e poi copia completamente il lavoro di un’altra persona, mettendolo là fuori come se fosse il proprio., Mentre alcune persone raccomandano questo approccio al fine di learnand crescere, questo è quello che dovrebbe essere in ultima analisi, un esercizio in cui si tenta tofigure come alcune cose sono fatte.

Se la copia è tutto ciò che finisci per fare, allora potresti non raggiungere mai quel punto in cui sviluppi uno stile personale, che è ciò che distingue un buon designer di icone da therest.

Se vuoi saperne di più su questo argomento, ti consiglio vivamente di leggere i miei 10 stili che hanno cambiato il volto dell’articolo Icon Design, che analizzerà i principali stili esistenti e le loro caratteristiche.,

Come Trovare Ispirazione

a Seconda thenature del progetto che si sta prendendo, se si tratta di un personale orclient di lavoro, sarete in ultima analisi, trovare te bisogno di qualche ispirazione. Thisphase è piuttosto impigliato con la selezione di uno stile, poiché questo è whereyou inizia a porre le basi per le tue icone future.

Così come si goabout ottenere quella sensazione di essere ispirato?,

Bene, il modo migliore per far scorrere i tuoi succhi creativi è creare ciò che è comunemente noto come” moodboard ” (o inspiration board).

Come il nomesuggerisce, un mood board è una raccolta, o più esattamente un collage di idee basate su immagini, che vanno dalle tavolozze di colori a foto, illustrazioni, trame,tipografia, ecc. Ti aiuta a ottenere una direzione per quello che in ultima analisi, likeyour prodotto a sentirsi come.,

Come designer, you’reconstantly bookmarking roba che afferra la vostra attenzione, ma a volte è un po ‘ difficile tenere traccia di tutti loro, soprattutto quando youneed per visualizzarli tutti in una volta.

Questo è dove strumenti come Pinterest e Instagram sono utili, dal momento che ti permettono di creare moodboard con un clic di un pulsante.

Anotheralternative, che conosco molte persone tendono ad usare, è scaricare la selezione di immagini che hai fatto, e quindi creare il mood board direttamente all’interno della tua suite grafica.,

Se stai usando la configurazione asingle-monitor, questo potrebbe funzionare meglio per te, ma se sei su teamdouble, potresti considerare di utilizzare il primo approccio.

Quando si tratta di colonia, le immagini di se stessi, di solito si basano su una delle seguenti risorse:

• Dribble.com
• Behance.com
• Iconfinder
• Il Sostantivo Progetto
• Pinterest
• Instagram
• Google Immagini

a Volte, si’llfind te stesso in quella situazione in cui si dispone di un più complicato thatyou potrebbe bisogno di aiuto per capire il simbolo utilizzato per esso., Quandoquesto accade, di solito vado al Progetto Sostantivo o Iconfinder e faccio una ricerca semplice, che porta sempre in primo piano una vasta selezione di immagini che mi aiutanocapire meglio il soggetto.

A questo punto, dovresti aver coperto tutte le domande di cui sopra, il che significa che ora siamo pronti per passare alla fase successiva.

3.2. TheBuilding Phase

Quindi, hai calcolato la tua dimensione di base, deciso le variazioni di dimensione e persino impostato una scheda littlemood, che ci porta alla seconda fase del processo.,

Ora, indipendentemente dal software che stai utilizzando: Adobe Illustrator, Adobe Photoshop, Affinity Designer, Sketch, ecc.- questa parte successiva è praticamente la stessa, dal momento che è possibile applicare i concetti a uno qualsiasi dei graphicssuites esistenti.

Lo stesso può esseredetto sui diversi sistemi operativi, dal momento che se sei un utente Mac o Windows, sarai in grado di ottenere lo stesso risultato seguendo lo stesso processo.

Detto questo,vediamo cosa serve per iniziare a costruire la tua icona.,

Make It Pixel Perfect

A questo punto, la maggior parte dei programmi sono già preconfigurati per aiutarti a creare le tue icone con pixel perfection in mente.

Se questa è la prima volta che senti parlare di questa idea, allora ti consiglio di prendere un paio di momenti e passare attraverso il mio articolo su Come creare un’opera d’arte perfetta per pixel, che dovrebbe aggiornarti.,

Ora, supponendo che tu abbia finito di leggere l’articolo sopra, la domanda è se dovremmo o meno mettere il tempo e adattarci a questo flusso di lavoro più rigoroso.

Beh, personalmente lo uso da più di cinque anni, e nomatter quanto più tempo potrebbe finire per mangiare, credo ancora che valga la pena., Se dai un’occhiata a come le cose sono state originariamente fatte nei primi anni di questo mestiere, quando la risoluzione era un problema, noterai che le icons sono state costruite usando griglie di pixel, non forme di dimensioni casuali.

Impostare un file di progetto corretto

Il primo passo per creare la propria icona, o icon pack, è impostare un nuovo file di progetto. Semplice, vero? Beh, non proprio, dal momento che se sei appena agli inizi, ci sono un paio di cose che si dovrebbe essere a conoscenza di.,

TheProfile

In primo luogo, si shouldalways assicurarsi che il profilo del documento è impostato su Web, dal momento che le icone areusually utilizzati nel supporto digitale.

Questo è in realtà importante, dal momento che diversi profili avranno sistemi di colore diversi (il Web usa RGB, mentre la stampa usa CMYK), che potrebbero generare rappresentazioni di colore indesiderate se visualizzate da altre persone.

Le unità di misura

Successivamente, abbiamo le unità di misura utilizzate per descrivere la larghezza,l’altezza, il raggio d’angolo, il peso del tratto e la spaziatura utilizzati per le diverse forme.,

Per impostazione predefinita, le unità devono essere sempre impostate su Pixel finché si fa in modo che il documento sia destinato ad essere utilizzato per il web.

Usiamo pixel invece di qualcos’altro poiché è l’unità universalmente concordata utilizzata per misurare qualsiasi prodotto digitale.

Il numero di tavole da disegno

Una volta impostato il profilo e le unità di yourdocument, è necessario capire se si sta andando a beusing una tavola da disegno più grande o più piccoli.

Il mio consiglio è di provare sempre a prendere la seconda strada, poiché renderà le cose molto più faciliquando si tratta di esportare le icone.,

Andando oltre, avere più tavole da disegno significa che puoi più facilmente concentrarti su una risorsa alla volta, man mano che costruisci gradualmente il tuo pacchetto.

UseLayers

Sia che tu stia creando una singola icona, o un intero pacchetto, dovresti sempre provare a usare una coppia di livelli per separare le tue risorse dalle tue griglie di riferimento.

In questo modo, puoi facilmente creare le tue icone senza doverti preoccupare di spostare o raggruppare le griglie sottostanti per errore.,

Andando oltre, ti aiuterà durante il processo di esportazione,dal momento che vorrai essere in grado di nascondere le tue griglie.

UseReference Grids

Per definizione, una “griglia di riferimento” è uno strumento visivo costituito da linee guida geometriche che consentono di ottenere la coerenza delle dimensioni in tutte le icone.

Può essere semplicecome due quadrati impilati uno sopra l’altro, oppure puoi usare qualcosa di un po ‘ più complesso. Personalmente, preferisco andare con quello più basilare poiché fa il lavoro meglio del previsto.,

Normalmente, inizio creando la superficie di riferimento principale usando gli stessi valori di larghezza e altezza della mia tavola da disegno sottostante. Quindi ne aggiungo uno leggermente più piccolo chiamato active drawingarea, che è dove sto per posizionare tutte le forme di composizione del mio asset.

Questo darà un’imbottitura protettiva a tutto tondo, che includo sempre per assicurarmi che le icone non vengano ritagliate una volta consegnate e utilizzate in seguito dal client.,

Quando si lavora su più icone, la mia regola d’oro è decidere se o no riempirò sia la larghezza che l’altezza dell’area di disegno attiva o solo una di esse, a seconda dello stile che sto cercando. Una volta capito questo, prenderò quella regola e la applicherò a tutti i miei altri beni,ottenendo così la coerenza a cui sto mirando.

4. Le cose da fare e non fare di creare icone

Una volta terminata la configurazione del file di progetto, dei livelli e delle griglie di riferimento, non resta che iniziare a lavorare sulle icone reali., Ora, dependingon lo stile che Lei sta andando per, ci sono un paio di cose che youshould è consapevole di.

Keep ItSimple

Quando iniziamo ad imparare qualcosa di nuovo, abbiamo sempre quel desiderio di creare ad un livello più alto, dal momento che tendiamo a guardare ciò che gli altri stanno facendo e pensare: “Beh, non può essere così difficile.”

Anche se non dubito della tua capacità di mettere insieme qualcosa di completamente sorprendente, ti consiglio di iniziare a fare disegni semplici all’inizio, in modo da poter gradualmente costruire le tue abilità in modo più organico.,

Oltre a ciò, a volte simple è solo migliore poiché l’idea è di portray un soggetto—che si tratti di un oggetto, una funzione o un’idea—in un modo che qualsiasi utente può immediatamente capire.

Inizia con le forme di base

Se hai difficoltà a lavorare su un progetto, l’idea migliore è fare un passo indietro e poi concentrarti sulla definizione delle forme di base del soggetto. Sia che tu stia usando rettangoli, cerchi o entrambi, prova ad allentare e vedere come puoi costruire la tua icona concentrandoti sulle sue sezioni principali di composizione.,

Una volta che hai gettato le fondamenta, puoi iniziare a regolare i blocchi principali e aggiungere gradualmente dettagli a loro fino a raggiungere la forma desiderata.

Focus onColors

Un sacco di tempo, vedo un lavoro incredibile messo là fuori da creativi casuali che mettono molta attenzione nelle loro composizioni, ma per qualche motivo fallwhen si tratta di colori. Che ci crediate o no, una tavolozza di colori può fare o rompere yourbeautiful opere d’arte, che è il motivo per cui credo che sia importante che si prende thetime e imparare tutto ciò che è possibile sulla teoria del colore.,

Se sei feelinglazy, o semplicemente non hanno il tempo di iniziare a leggere libri su questo argomento, thenjust cercare alcune icone (alcuni buoni), e cercare di analizzare il modo in cui theircreator utilizzato colori al fine di portarli alla vita.

a Volte, di apprendimento, cercando un altro esempio può sparare thememory muscoli molto più veloce, l’insegnamento, la vostra mente su quali colori funzionano e quali no.

AvoidUsing di Testo all’Interno del Tuo Icone

Questo è nei “no-brainer”, dal momento che l’intera idea dietro un’icona è quello di eliminare il needfor scritto lettere, che dovrebbero essere sostituite da simboli.,

Naturalmente, ci saranno sempre quelle poche situazioni in cui è effettivamente necessario utilizzare le lettere per distinguere un’icona da un’altra. L’esempio migliore è quando è necessario mettere insieme un icon pack a tema documento, in cui è necessario illustrare un file PNG, un JPEG e un SVG. Poiché la forma del documento deve rimanere identica, il tuo approccio migliore per farlo sarebbe quello di aggiungere una piccola etichetta al centro di ogni documento in modo da far sapere all’utente quale è quale.,

Puoi trovare un elenco più dettagliato leggendo i miei 10 migliori consigli percreare icone fantastiche, che dovrebbero portare più luce a questo argomento.

Alcuni stili, come le icone di linea, richiedono un po ‘ più di attenzione quando si tratta di processo di costruzione reale. Dalla sovrapposizione del percorso al posizionamento del tratto, ho coperto tutti i diversi angoli e fessure di cui devi essere consapevole quando crei questo tipo di icone.,

5. Problemi comuni

Avanti, stiamo andando a passare rapidamente attraverso alcuni dei problemi più comuni che dovrete affrontare quando si lavora su una nuova icona.

ShapeRotation

Questo è probabilmente il più fastidioso quando si tratta di lavorare su un’icona pixel-perfect, poiché ogni volta che si ruota una forma, si staccerà istantaneamente dalla griglia Pixel sottostante., Quando ciò accade, i valori di larghezza e altezza della forma si trasformeranno in valori decimali, che di solito sono indicati dal pannello di trasformazione del software.

Mentre potresti pensare che questo non sia un problema così grande, scoprirai presto che lo è effettivamente, poiché se hai bisogno di allineare la forma al bordo di un’altra, semplicemente non sarai in grado di farlo.,

A seconda della complessità della forma, la maggior parte delle volte è possibile risolvere il problema selezionando individualmente i suoi ancoraggi / nodi e quindi ricollocandoli in posizione all’intersezione della griglia più vicina.

Personalmente, tendo a stare lontano dalle forme ruotate e le uso solo quando devo davvero, assicurandomi di fare del mio meglio per riportarle alla griglia dei pixel.

Creazione di variazioni di dimensione

Quindi sei riuscito a creare la dimensione di base per la tua icona, ma che ne dici di aggiungere più variazioni di dimensione basate su di essa?,

Bene, il processo stesso è abbastanza semplice, poiché la maggior parte delle volte tutto ciò che devi fare è raddoppiare la dimensione dell’icona corrente usando un incremento del 200%.

Ad esempio, se si dispone di un’icona che è 64 x 64 px, è possibile creare facilmente la variazione di dimensione successiva raddoppiando i valori di larghezza e altezza, quindi 128 x 128 px.

Puoi saperne di più su questo particolare processo leggendo il mio articolo Come scalare correttamente le icone in Adobe Illustrator, che presenta concetti che possono essere utilizzati nella maggior parte delle suite grafiche.,

6. Come esportare la tua icona

Abbiamo seguito i passaggi principali necessari per creare un’icona, quindi ora prendiamo un paio di momenti e parliamo di ciò di cui dobbiamo essere consapevoli quando lo esportiamo.

Questa ultima parte del processo, anche se potrebbe sembrare complicata, è in realtà molto semplice.

Scegli il formato giusto

La prima cosa che devi fare è capire quale formato di file utilizzerai per salvare il tuo progetto finale.,

Normalmente, durante la creazione di icone, ti consigliamo di esportarli utilizzando uno sfondo trasparente, in modo che possano essere utilizzati su una superficie colorata. Questa funzione è supportata dai seguenti formati di file raster:

• GIF
• PNG
• BMP
• TIFF
• SVG

Fuori tutti loro, di solito si finisce PNG poiché esso offre una completa compatibilità, utilizzando un ingombro molto ridotto quando si tratta di dimensioni. Ciò significa che può essere utilizzato ovunque, che si tratti di un sito Web, un’applicazione desktop, un’app mobile, un documento Word, ecc.,

SVG sta diventando un altro formato popolare per il web perché è un formato scalabile che puoi regolare al volo e ridimensionare senza alcuna perdita di qualità.

Salvali singolarmente

Quando si tratta del processo stesso, varia da strumento a strumento. Alcuni sono dotati di strumenti di esportazione dedicati, mentre altri si basano ancora su metodi più tradizionali.

Non importa quale software si utilizza, l’obiettivo chiave è quello di assicurarsi sempre di salvare ogni icona come proprio file individuale, nominandoli quando possibile.

Espandi le tue abilità di creazione di icone!,

Ora che abbiamo raggiunto la fine di questo articolo, voglio lasciarvi con un paio di tutorial raccolte a mano che dovrebbe ottenere installato e funzionante in pochissimo tempo!

• Graphic Design
  10 Illustrator Strumenti che Ogni Designer Dovrebbe Essere Utilizzando
  Andrei Stefan
• Adobe Illustrator
  Livelli vs., Tavole da disegno: Confronto tra i Metodi per l’Esportazione di Pacchetti di icone
  Andrei Stefan
• Icona
  Suggerimento Rapido: Esportare le Icone con Fette di Adobe Illustrator
  Andrei Stefan
• Icona
  Confronto i Due Metodi per la Creazione della Riga di Icone: Offset Percorsi vs,div>

  Andrei Stefan
• Adobe XD
  Come Creare un Icona a forma di Nuvola in Adobe XD
  Daniel Bianco
• Affinity Designer
  Come Design Piatto Icone in Affinity Designer: Introduzione
  Melodia Nieves
• Affinity Designer
  Come Design Piatto Icone in Affinity Designer: Sconto del Badge e Gancio Icone
  Melodia Nieves
• Disegno
  Cosa Schizzo e a Chi È destinato?,
  Adi Purdila
• Adobe XD
  Nuova Razza: Icona di Design Con Adobe XD
  Andrea Blackman
• Animazione
  Nuovo Corso: Animazione Icone Con Adobe Illustrator e After Effects
  Andrea Blackman
• Disegno
  Nuovo Corso di Esecuzione Con Schizzo
  Andrea Blackman