Oggi, in questo articolo, ti voglio mostrare il kit preferito di tool per digital designer, che uso ogni giorno, per realizzare i progetti di design.
Non è una semplice guida ma una raccolta di consigli che ti può servire se stai iniziando a fare il digital designer oppure vuoi creare delle pagine web per il tuo sito web aziendale o personale.
Personalmente, ritengo che progettare un sito web prima di realizzarlo è decisamente più vantaggioso in termini di dinamicità durante lo sviluppo. Ed anche per diversi altri motivi come:
- Avere le idee chiare in merito al progetto
- Realizzare il progetto con mogli meno intoppi per via delle problematiche previste
- Previsione di risultato finale concreta
I tools che condividerò con te nelle prossime righe ti serviranno per qualsiasi situazione o progetto e sono ottimi per iniziare da zero a creare delle pagine web davvero complete per te o per i tuoi clienti.
Focus sui tool per digital designer
In commercio, per la realizzazione di siti internet si trovano innumerevoli strumenti ma con questo corredo di tool intendo suggerirti i tool in modo già filtrato in modo da farti evitare perdite di tempo, anche in base a quelli che utilizzo io e con cui mi trovo molto bene.
Quali software prevede questo kit?
- Adobe XD
- Adobe Color
- Fontesk
- Flaticon
- Smartmockups
- Undrawn
- 2 plugin Chrome (bonus)
Partiamo dal primo tool per digital designer e poi seguiamo la scaletta.
Adobe XD
Adobe XD lo utilizzo da ormai molto tempo su progetti di diversa complessità.
È il mio laboratorio personale in cui creo ogni singola immagine e pagina web.
Penso che questo tool sia il migliore in quanto a precisione, velocità di progettazione e sulla qualità visiva dei progetti creati.
Permette di scaricare immagini in differenti estensioni e qualità.
Utilizzando Adobe XD puoi avere a disposizione diversi plugin che ti aiuteranno nell’aumento della qualità dei tuoi progetti, come questi 2:
- Spacer, che ti permette di decidere la distanza tra i diversi elementi (testo, icona, immagine ed elemento geometrico)
- Icon 4 Design, che ti permette di scaricare in pochi secondi icone in SVG
Quindi è il perfetto strumento completamente gratuito più adatto per chi crea siti web, app o qualsiasi prodotto digitale professionale.
Adobe Color
Utilizzo Adobe Color da tempo per trovare la combinazione migliore dei colori quando mi occupi di branding.
Si possono combinare più colori applicando le diverse funzioni per ottenere una palette di colori perfetti tra di loro.
Per ogni colore, Adobe Color consente di ottenere il codice esadecimale (#ffffff) da copiare e incollare sullo strumento di design come Adobe XD.
Fontesk
Il luogo in cui puoi trovare qualsiasi tipologia di font da inserire su Adobe XD per rendere unico il tuo progetto digitale.
Puoi scaricare il file OTF, inserirlo nel tuo computer e utilizzarlo fin da subito.
Ci sono diversi siti che offrono font da scaricare gratuitamente ma ho trovato in Fontesk il miglior strumento per trovare font di qualità e sempre moderni.
Flaticon
Mi appoggio sempre a Flaticon per scaricare o ispirarmi per creare icone.
Flaticon è il tool dove trovi tutte le icone che ti servono e sono di grande qualità, scaricabili in PNG e in SVG.
Prima di scaricare le icone, Flaticon consente di personalizzarle cambiando il colore di ogni singolo tracciato.
Smartmockups
Lo uso sempre e ti consiglio di provarlo.
Smartmockups è un vero e proprio marketplace che offre +900 mockup adatto per qualsiasi situazione e scopo di presentazione reale di un progetto, sia gratuiti sia a pagamento.
Puoi personalizzare il mockup inserendo immagini e alla fine puoi scaricare il mockup in alta qualità.
Investendo 9 euro al mese ti permette di personalizzare anche lo sfondo con colori ma puoi anche eliminarlo, puoi scaricare il mockup in alta qualità personalizzandolo con il logo del brand.
Undrawn
Vuoi inserire nelle tue pagine web delle illustrazioni?
Hai a disposizione Undrawn.
Puoi esportare tutte le illustrazioni che desideri ed ottenere le illustrazioni in SVG e modificarle su Adobe XD per renderle coerenti con il tuo progetto cambiando colore e i diversi tracciati dell’illustrazione per ottenere il risultato giusto per il messaggio che vuoi trasmettere.
Bonus
Come promesso nelle prime righe di questo articolo, ti lascio altri 2 tool bonus che sono delle estensioni per Google Chrome Store perchè per un digital designer i tool per stare al passo con i tempi e creare design strepitosi, 5 tool non bastano.
WhatFont
Con WhatFont puoi individuare qualsiasi tipologia di stile e dimensione dei testi presenti su qualunque pagina presente sul web.
ColorZilla
Mi salva letteralmente la vita ogni giorno!
ColorZilla è un plugin davvero fondamentale.
Puoi ottenere in modo preciso il codice esadecimale del colore dei pulsanti, testi, barre, sfondi, immagini e anche di un logo.
In sostanza su qualsiasi parte della pagina del sito web.
Conclusione
Questo articolo finisce qui.
Spero di esserti stato d’aiuto nella scelta degli strumenti giusti.
Con il kit per digital designer che ti ho suggerito puoi realizzare qualsiasi sito web di alta qualità con strumenti che partono da un piano gratuito.
Testa tutti i tool di cui ti ho parlato per capire se fanno al caso tuo.
In questo modo troverai i migliori per te e per le attività che svolgi quotidianamente.
Al prossimo articolo!
