Share
Iconografia è una parte integrante di qualsiasi progetto di progettazione dell'interfaccia utente in questi giorni. Le icone hanno la capacità di comunicare idee, funzioni e significati in un linguaggio visivo comune. Esaminiamo la quantità di lavoro necessario per creare un set di icone e le fasi logiche da seguire quando lo facciamo.
Ai fini di questo articolo lavoreremo con un set di icone che ho progettato recentemente chiamato Uicons.
La community del web design adora grandi risorse. Open source o no, rendono le nostre vite come designer molto più semplici. Prima di intraprendere la creazione di un set di icone personalizzato, è una buona idea verificare se esiste già uno che soddisfi le tue esigenze.
Quindi il primo passo è controllare i set di icone esistenti; potresti risparmiare tempo ed energia non ricreando ciò che è già là fuori.
Il posizionamento riguarda il punto di differenza tra il set di icone proposto e uno dei mille set di icone già esistenti. Questo segue davvero dalla nostra fase di ricerca; senza sapere cosa è già disponibile, come fai a sapere che c'è una domanda o bisogno di esso?
La scelta degli stili di icone è ampia e dovrai decidere quale stile saranno le tue icone. Sia che siano monocromatici, a colori, muti-colore, tridimensionali, cartoni animati, realistici, sagome, disegnati a mano o pixel, scegli uno stile e attaccali.
Prima di creare Uicons ho trovato un bisogno / bisogno di icone vettoriali a più livelli che fossero pixel perfetti. Volevo un set di icone che avesse più profondità e dettagli della maggior parte dei set di icone mono esistenti offerti, senza dover utilizzare icone a colori.
Quindi, una volta trovato il punto di differenza e uno stile scelto, è ora di passare alla fase di pianificazione.
La pianificazione consiste semplicemente nel decidere quali icone includere nel set. Dovrai considerare a chi apparirà il tuo set di icone e quindi creare un elenco (meglio fatto come foglio di calcolo) basato su quei parametri.
Un buon consiglio è quello di dividere il tuo elenco in sottocategorie come social media, tipi di file, trasporto .etc. Oltre a mantenere le cose ordinate, troverai utile questo durante la fase di progettazione, in quanto il controllo dell'elenco man mano che eseguirai il tuo elenco di icone diventerà meno scoraggiante.
La fase di pianificazione è anche il momento perfetto per decidere in quale dimensione, o dimensioni, offrirai le tue icone. Le dimensioni comuni sono 16, 32 e 48 pixel, tuttavia stiamo iniziando a vedere un numero sempre maggiore di insiemi di icone distribuiti in formati scalabili come .CSH (file di forma Photoshop) e formati di carattere. Altro su formati successivi.
Durante la fase di pianificazione è bene riflettere sulla ricerca precedente che hai fatto nella prima fase. Ci sono centinaia di glifi e icone che dovrebbero essere considerati per un set completo - non sarai in grado di ricordarli tutti senza un materiale di riferimento.
Sii duro con te stesso durante la fase di pianificazione. Non aver paura di dire no a un'idea o di abbattere la lista - può esplodere in modo ridicolo velocemente. La creazione di icone di qualità richiede molto tempo e la creazione di un set di 5000 (ad esempio) non richiederà solo un'eternità, è difficile da gestire per l'utente finale.
Durante i 4 mesi che ci sono voluti per creare Uicons, mi sono trovato costantemente a cullare e aggiungere alla lista fino all'uscita. Anche ora, mi trovo ancora a pensare a quali icone includere nella prossima versione.
Ora dovresti avere il tuo elenco pieno di idee per le tue icone di calcio d'asino. Ora sei pronto per iniziare a progettare.
Durante le fasi 2 e 3 hai deciso il tuo stile di icona. Il tuo stile specifico avrà un impatto su quale applicazione o metodo utilizzi per creare le tue icone.
Nel caso di Uicons, stavo creando icone scalabili (vettori), che gli utenti potevano ridimensionare senza perdita di qualità. La maggior parte dei progettisti utilizza Illustrator o altre applicazioni di grafica vettoriale, tuttavia, un programma vettoriale può rendere la vita difficile se si creano icone di pixel disegnate a mano. Scegli l'app giusta per il lavoro.
Ora, quando dico "ispirazione", non intendo "plagio". Falla tua.
Le icone sono forme base disposte per rendere qualcosa riconoscibile. Può essere difficile immaginare tutte le tue icone e visualizzarle da zero. Fortunatamente, hai le ricerche che hai fatto nella fase 1 e sei in possesso di un elenco di punti di riferimento per l'ispirazione visiva.
È bello giocare con idee di design alternative per le tue icone. Esistono diversi modi per rappresentare un negozio, rappresentare strumenti, rappresentare qualsiasi cosa. Essere creativo. Oltre a offrire una presentazione standard del soggetto dell'icona, prova a offrire una nuova prospettiva. Se ogni designer di icone distribuisse le stesse idee allo stesso modo, il mondo dell'interfaccia utente sarebbe piuttosto noioso.
Solo perché hai progettato qualcosa non significa che debba fare il taglio finale. Essere selettivo su ciò che si finisce per rilasciare al pubblico. Nel caso di Uicons, circa il 10% delle icone sono state lasciate sul pavimento della sala di montaggio per un motivo o per un altro.
La fase di progettazione è ovviamente la fase che richiede più tempo dell'intero progetto, quindi è importante avere resistenza, resistenza e costanza.
Non proprio una fase dedicata ma un approccio al set di icone. In tutti i punti durante il processo di progettazione, dovresti essere consapevole di mantenere il tuo set di icone coerente nello stile e nell'aspetto. Se non sei troppo preoccupato per la coerenza durante il processo, la continuità diventerà davvero una fase dedicata mentre rivedi tutte le tue icone sullo stile alla fine.
La scarsa attenzione alla coerenza può portare a pesi non uniformi, dimensioni sbagliate, prospettive errate o semplicemente sbagliare del tutto. Dopo ogni icona, fai un passo indietro e vedi come si adatta a quelli che hai già creato: può essere facile sceglierne uno strano.
Potresti aver scelto di consegnare il tuo set di icone in un formato vettoriale come .EPS, .AI o .SVG, nel qual caso hai tagliato un pezzo di lavoro fuori dal processo. Puoi essere ancora più intelligente e scegliere di rilasciare le tue icone come file font o come file .CSH. Entrambe queste opzioni faranno di un designer esperto come il tuo set di icone ancora di più. Percorrere questa strada richiede un po 'più di impegno in quanto dovrai convertire le tue icone di Illustrator in un altro formato, ma il lavoro extra offre enormi vantaggi.
A causa del mio punto di differenza nella progettazione di Uicons, ho avuto un po 'più di lavoro davanti a me in questa fase. Il mio desiderio era quello di creare icone vettoriali a più livelli che fossero pixel perfetti. Avrei potuto fare la cosa a più livelli in Illustrator e li ho lasciati così per le persone da copiare e incollare in Photoshop, ma volevo i pixel perfetti in un programma raster.
Photoshop è fantastico. Cioè, fino a quando non inizi a creare icone. Per molti buoni motivi, Photoshop consente di variare la larghezza dei pixel. Puoi avere mezzo pixel o anche due terzi se vuoi. L'anti-aliasing come questo è chiamato, è ottimo per i font e le curve di Bezier, ma può frustrare quando si tratta di creare icone perfette pixel.
Uicons richiedeva l'importazione di più forme vettoriali indipendentemente da Illustrator in Photoshop, l'allineamento, il ridimensionamento e lo styling, e quindi l'ottimizzazione per la perfezione dei pixel eseguendo il picchettamento dei percorsi incrementando l'incremento per finire con bordi puliti.
Congratulazioni per averlo fatto così lontano! Non è un compito facile creare il proprio set di icone. Ora che tutto il duro lavoro è fatto, devi solo rilasciare le tue icone al pubblico. A questo punto hai deciso se stai offrendo questo come un'icona gratuita impostata alla comunità del design o se desideri un piccolo rimborso per le centinaia di ore che hai dedicato alla creazione del set di icone killer.
In entrambi i casi, è necessario un palco per le persone per l'anteprima e il download da. L'opzione gratuita è più semplice in quanto puoi letteralmente inviarli a un gruppo di siti di risorse grafiche e blog per pubblicare, sedersi e attendere i complimenti.
Tuttavia, se vuoi vendere il tuo set di icone killer, hai più lavoro davanti a te. Il modo più semplice per venderli è quello di ospitarli uno dei numerosi siti di risorse di progettazione come GraphicRiver. Il download e il pagamento sono a tuo carico e tu hai il vantaggio del traffico del tuo sito esistente.
Se sei più proattivo, un'altra opzione è quella di creare il tuo sito web per visualizzare e scaricare le tue icone a prezzi modici. Se questo è il caso, ci sono ottime opzioni per aiutarti a gestire il download e il pagamento delle cose.
Servizi di consegna digitale come Fetch e Quixly rendono super facile vendere il tuo set di icone occupandoti dell'ordine, del download e del pagamento delle cose. Hai solo bisogno di progettare e costruire un sito interessante per mostrare il tuo lavoro. Tutto il materiale tecnico pesante è curato.
L'iconografia come qualsiasi linguaggio visivo deve essere chiara e concisa. Qualsiasi cosa tu stia cercando di rappresentare con le icone, tienila semplice e chiara e le tue possibilità di comprensione universale saranno maggiori.
Accentsconagua