Le Risorse Indispensabili per Migliorare il Tuo Design — Parte 1

Il tempo è denaro, diceva zio Paperone. Risparmia tempo, ecco a te una lista precisa ed ordinata delle migliori risorse per il tuo design.

Ogni persona ha una concezione diversa della parola ‘tesoro’. Per alcuni è l’amore, per altri la famiglia e per altri ancora i soldi, il successo, il lavoro, la casa. Per me, avere un tesoro significa avere delle risorse.

Una risorsa, infatti, significa infinite possibilità.

È come avere degli ingredienti base, il resto sta a te. Quante cose posso cucinare con acqua, farina e uova? Tantissime. Ebbene, lo stesso discorso vale per le risorse. Puoi fare qualsiasi cosa, basta pensarla.

Proprio per questo, quando c’è un argomento che mi interessa io…cerco. A volte passo ore a cercare, leggere e sfogliare le pagine di Google. Risultato? Preferiti su preferiti su preferiti.

Sì, perché ci hanno sempre detto che “del maiale non si butta nulla”, sì, ma questo vale anche per i link.

Quell’articolo che hai letto un mese fa potrebbe ritornarti utile un giorno non molto lontano; quell’altro che hai leggiucchiato distrattamente ti sembrava interessante, l’argomento non era proprio quello che cercavi, vero, ma forse potrebbe essere utile ugualmente.

Salva questo, salva quello. Salva. Salva. Salva. Una volta che entri nel tunnel non ne esci più. Non esiste cura o riabilitazione. Sei condannato.

Fidati, io lo so. Ci sono dentro da 15 dei miei 23 anni.

La primavera è arrivata già da un po’, così l’altro giorno decisi di fare le famose “pulizie di primavera”. Sì, ma tra i miei segnalibri: la cartella “design” aveva bisogno di una bella sistemata.

È stato allo stesso tempo un incubo ed una meraviglia.

Ritrovare link sepolti nei meandri delle cartelle di Safari è stato come riscoprirli per la prima volta. Ma, credimi, dopo 2 ore ero esausta. Avrei voluto nascondere tutta la polvere (i segnalibri, ndr) sotto il tappeto e chiudere tutto, con l’illusione di aver finito.Ma purtroppo per me, questa funzione non esiste. Ancora.

Anzi, se un giorno sarai tu a sviluppare l’app “nascondi i segnalibri e vivi felice nell’illusione di averli sistemati” ti prego scrivimi, informami, telefonami, salvami. Sarò sicuramente la tua prima cliente affezionata.

Ma torniamo a noi.

Mentre sistemavo faticosamente le mie preziose risorse, mi sono resa conto di quanto utili fossero. E di quanto fossi fortunata ad averle trovate.

Per questo oggi, mi sento in dovere di condividere con te questo mio piccolo ed ordinato tesoro.

Almeno una parte.

No, non ti preoccupare, non ho il braccino corto. Ma per questioni di lunghezza, saranno ben due gli articoli dedicati alle risorse indispensabili per migliorare il proprio design. Mi raccomando, non perdere la seconda parte di questo articolo. Potrebbero esserci risorse utili per ciò che stai progettando.

Immagini High Resolution Free

Avere delle immagini “responsive” ad alta risoluzione cambia tutto. Puoi usare delle immagini come sfondo per la tua app; puoi invece lasciarti ispirare e prendere spunto dalle sfumature di un paesaggio per i colori del tuo layout. Puoi usare queste immagini per creare la tua campagna pubblicitaria sui social, o sul sito dedicato alla tua app. Insomma, qualsiasi cosa tu decida di farci è importante avere delle immagini belle, di qualità e, preferibilmente gratis (con tanti sentiti ringraziamenti dal tuo portafoglio). Ho selezionato per te i migliori siti che offrono immagini ad alta risoluzione gratis! Vediamoli insieme:

Unsplash: adotto questo sito. Ha delle immagini davvero molto belle. Inoltre è anche aggiornato periodicamente, quindi ce ne sono sempre di nuove. Le immagini hanno licenza copyright CC0, che in parole spicciole significa che puoi prenderle, modificarle, copiarle, usarle anche per scopi commerciali senza chiedere il permesso né attribuzione dei credits.
StockSnap: gemello di Unsplash, anche questo sito ha bellissime foto (sempre in copyright CC0. Fanne buon uso e lasciati ispirare!
Gratisography: portale creato dal fotografo Ryan McGuire. Tutte le foto presenti sono state scattate da lui in persona. Differentemente dai due siti precedenti, questo ha delle immagini un po’ più estrose e particolari, non proprio adatte a tutte le occasioni! CC0
SplitShire: stesso genere di Unsplash e StockSnap, offre bellissime foto sotto copyright CC0. È sicuramente più piccolo e meno fornito rispetto ai primi due, ma ha dalla sua delle immagini raramente viste su altri siti ed una sezione video, che invece manca ad entrambi i siti precedentemente menzionati.
JayMantri: anche qui ritorna lo stesso discorso fatto per SplitShire. Portale più piccolo e quindi meno fornito. Ma poco importa: le foto presenti sul sito sono mozzafiato! Inoltre questi siti di nicchia hanno sempre dalla loro la poca ricercatezza delle foto. Più il sito è di nicchia, meno possibilità hai di trovare su un altro sito/app l’immagine che hai scelto. Vai tranquillo, CC0 anche qui.
Life of Pix: questo sito di nicchia meriterebbe un premio già per il nome! Immagini spettacolari, anche questo sito dispone della sezione video. Sfortunatamente però, i video non sono particolarmente emozionanti. CC0, come sempre.
Picography: bellissime immagini anche su quest’altro portale. Unico neo è sicuramente la navigazione: non è diviso in categorie, quindi sei costretto a sfogliare pagina per pagina.
Madeleine: altro portale, altre foto! Bellissime, come sempre. Una cosa che personalmente apprezzo molto di questi sito, è la possibilità di filtrare le foto per colore. Funzionalità molto utile quando hai già qualcosa in mente. Mi raccomando però, attenzione al copyright, non è uguale per tutte le foto: la licenza è dichiarata nell’angolo destro superiore della foto.
Stockpick: ultimo ma non meno importante. Immagini di tutti i tipi affollano la galleria di questo portale. Mi raccomando, anche qui dai sempre un’occhio alla licenza.

Icone

Quante volte ti sei scocciato di creare da zero le tue icone? Soprattutto se sono quelle di base, facilmente reperibili in giro? Io tantissime! Ma dove trovare icone ben fatte e gratis? Scopriamolo insieme:

Flaticon: portale utilissimo per tutti i cercatori d’or..ehm..di icone. Ce ne sono davvero tantissime, in vari stili. Insomma, per rendere tutti felici! Ci sono anche dei “pack” di icone a tema, da non sottovalutare!
IconFinder: ottimo portale per scovare le nostre icone. Purtroppo non è totalmente gratuito ma è un “freemium”. Una cosa a suo favore è però la possibilità di filtrare la ricerca, così da poter escludere a priori le icone a pagamento. Quelle free sono comunque tante e di ottima qualità. Se poi sei un’utilizzatore seriale di icone, allora ci penserei sulla sottoscrizione dell’abbonamento mensile. Non è eccessivamente costoso e da accesso illimitato a tutte le risorse. Oppure, se hai bisogno solo di un paio di icone — e le trovi solo nel modulo premium — puoi acquistarle per la modica cifra di 1$.
IconShop: meno fornito dei suoi predecessori, è comunque un’ottimo sito. Offre icone gratuite in vari stili, per accontentare tutti i gusti. Da spulciare in caso di necessità!
IconStore: utilissimo come i suoi compagni, questo sito offre dei “pack” di icone davvero molto interessanti. Tutti molto vari e validi. Unico neo, dimensioni prefissate delle icone, fate attenzione che sia quello giusto per le vostre necessità.
IconJar: più che un sito che offre icone è l’opposto. IconJar è un tool che permette di gestire tutte le icone che hai sul computer. Mai successo di perdere icone in chissà quale cartella? Bene, con IconJar questo sicuramente non accadrà più! Puoi inserire le tue icone in comode raccolte, così da avere sempre a portata di mano nei momenti di necessità! Tutto completamente free.

Plugin per Sketch 3 (di Bohemian Coding)

Usi Sketch 3 nei tuoi design? Bene! Allora sicuramente non potrai più fare a meno di questi utilissimi plugin!

Unsplash: è il plugin per Sketch dell’omonimo sito di foto. Mai capitato di dover dar “vita” al tuo design? Mettere una foto profilo o creare una galleria immagini ad esempio! Bene, questo plugin permette di farlo in 2 secondi esatti: selezionate l’elemento e azionate il plugin. Automaticamente verrà messa all’interno dell’elemento selezionato un’immagine casuale presa dal sito! E con il tempo risparmiato potete concedervi un bel thè.
Content Generator: altro plugin essenziale. Come da titolo, crea il contenuto all’interno del nostro design: che sia testo, immagini, nomi..e chi più ne ha più ne metta! Basta sprecare tempo ad inventare ed inserire loden ipsum nei nostri design!
Sketch Toolbox: questo più che essere un plugin, è un mezzo per cercarne altri. Ebbene sì, Sketch toolbox è un po’ come una scatola magica, digitate il nome del plugin che cercate e magicamente è lì, pronto per essere installato. È anche un’ottimo modo per cercare plugin nuovi, basta cercare la “funzione” di cui abbiamo bisogno. Non disperate, se esiste, lo troverete.
SketchAppResources: sito di riferimento per qualsiasi utilizzatore di Sketch, si trova un po’ di tutto! Dalle icone ai plugin. Attenzione, non è tutto oro ciò che luccica: alcune cose sono a pagamento!
Craft: uscito da pochissimo è un plugin da avere assolutamente. Sei stanco di avere 5–10 o più plugin installati? Craft fa sicuramente al caso tuo. Se installi Craft difficilmente avrai bisogno di qualche altro plugin! Dopo l’installazione ti apparirà una barra laterale all’interno del tuo canvas in Sketch. In questa barra puoi trovare tutte le funzioni di cui hai bisogno per inserire i “real data” nel tuo design: inserimento e sostituzione di foto, inserimento di scritte (paragrafi, titoli, date, orari, città, indirizzi email..), duplicazione veloce e facile degli elementi, creazione e gestione degli stili. Insomma, Craft è una manna dal cielo. Ma aspetta, non è finita qui! Ci si sta preparando per la versione 2.0 e Invision Labs ha già annunciato che ci sarà una sezione dedicata al prototyping. Sì hai capito bene, potrai creare i tuoi prototipi direttamente all’interno di Sketch. Una parola, 8 lettere: FA-VO-LO-SO.

Promozione

Ultima categoria di risorse che toccheremo in questa prima parte di articolo. Questa categoria non ha proprio direttamente a che fare con il design della nostra app, però è altrettanto importante. Avere un video promozionale e delle belle immagini di presentazione sull’app store, sul nostro sito o sulla pagina social della tua app è di necessaria importanza. Ma come fare senza impelagarsi in progetti infiniti che richiederebbero troppo tempo? Niente paura, fortunatamente altri si sono posti lo stesso problema e l’hanno risolto per noi!

VideoHive: questo sito da la possibilità di acquistare dei video già belli e fatti. Sostituisci l’immagine di default con lo screen della tua app e…il gioco è fatto! Anche le tue tasche saranno contente visto che il budget è piuttosto vario: si parte da circa 15–20 euro per un video di tutto rispetto!
ColorLib: in questo sito possiamo trovare una rassegna dei migliori 30 mockup di iPhone gratuiti e pronti da scaricare. Utilissimi per pubblicizzare la tua app o per creare degli screenshot di tutto rispetto da mettere come anteprima nello store. Ricorda che hai giusto una manciata di secondi per convincere l’utente a scaricare la tua applicazione, l’apparenza è assolutamente fondamentale.
LaunchKit: sei stanco e non hai voglia di perdere chissà quanto tempo a preparare dei buoni mockup da mettere come immagini di anteprima sullo store? Non ti preoccupare, LaunchKit fa giusto al caso tuo! Carica l’immagine, inserisci il testo che desideri e…fatto! In due secondi crei delle fantastiche immagini di anteprima!
Dunnnk: altro sito dove puoi scaricare gratuitamente fantastici mockup, completamente free! Scegli il dispositivo di cui hai bisogno e…scarica!

Siamo giunti alla fine, ma non disperare! C’è sempre la seconda parte! Nel prossimo articolo ti parlerò delle migliori risorse per destreggiarti nella scelta dei colori e della tipografia più adatta, ma anche dei migliori siti da cui trarre ispirazione e i metodi più efficaci e divertenti per imparare a padroneggiare gli aspetti più complessi dei nostri design

Hai una risorsa da segnalare che dovrebbe essere aggiunta alla lista? Scrivimi!