Il blog di grafica che ti fa
sprigionare creatività!

Negli articoli precedenti abbiamo parlato di che cos'è la User Experience, di come diventare UX Designer e di come pensa uno UX Designer. Ma, nel pratico, qual è il processo creativo quando si fa un lavoro di UX? Quali sono i passaggi più comuni di un progetto di User Experience Design? Oggi vedremo insieme come si dovrebbe affrontare la creazione di un prodotto digitale seguendo il processo UX nella sua interezza. Il processo completo della User Experience Quello che io sto chiamando “processo completo” non è un’equazione universale, né uno schema riconosciuto e approvato da un ente internazionale. Gli step che elencherò sono un canovaccio di massima: alcuni designer li alternano in maniera differente, oppure ne aggiungono altri, oppure li accorpano, o ancora ripetono i precedenti in numerose iterazioni (a questo proposito ti consiglio di approfondire il concetto di Lean UX). Il mio obiettivo è farti comprendere la logica del…

Spesso mi capita di imbattermi in post sui social in cui si chiedono cose come: "qual è il vostro programma preferito tra Photoshop, Illustrator InDesign?" o cose di questo tipo. La verità è che, per un graphic designer, sono tutti e 3 ugualmente essenziali e necessari da conoscere. Ognuno di questi 3 software, infatti, svolge un ruolo ben preciso. Ognuno è costruito con funzioni ben definite che lo rendono più adatto rispetto agli altri per fare una cosa invece di un'altra. E allora perché è pieno di designer autodidatti (e non) che sono convinti che, ad esempio, si possa fare tutto su Photoshop? Perché ci sono persone che "creano" loghi su InDesign? Perché principalmente c'è un problema di istruzione e di conoscenze di questi software. Proprio per questo ho deciso di scrivere questo articolo che, per alcuni, può risultare banale e ricco di ovvietà mentre, per altri, può essere quello che…

In ogni periodo storico ci sono delle mode, delle tendenze stilistiche e progettuali. Lo stesso vale nel mondo della grafica e del design. Alcuni trend, caratteristici di certi periodi, tendono a passare rapidamente di moda. Altri, invece, durano parecchi anni e cambiano profondamente e per sempre il graphic design. L’anno scorso avevo scritto un articolo su quelli che sarebbero stati i trend per il 2018. Alcune “previsioni” si sono rivelate giuste (tipo l’uso massivo dei gradienti), altre invece hanno avuto un impatto meno rilevante. Mi ero però divertito a scrivere quell'articolo e, quindi, quest’anno voglio replicare! Di nuovo, l’obiettivo di questo articolo, come l’anno scorso, è doppio: Raccogliere ed analizzare i possibili trend grafici che ci saranno nel 2019 Creare un articolo pieno di cose fighe per avere ispirazione e sprigionare creatività! 🙂 3…2…1… Via! I trend nel Graphic Design per il prossimo anno, il 2019: Prima di iniziare a…

In un precedente articolo, ti ho spiegato per bene che cos'è la User Experience, cosa fa lo UX Designer e cosa bisogna imparare per iniziare a diventare un professionista della UX. Però Grafigata è il blog di graphic design, per graphic designer. Quindi... Come fa un professionista del settore della grafica a diventare un buon UX Designer? Ha più o meno possibilità o vantaggio di altri o da chi parte da zero? In questo articolo voglio chiarire bene questi per chi vuole diventare UX/UI Designer partendo dalla grafica. Pronto? Ok, partiamo! Chi vuole diventare UX Designer? Ti racconto la mia esperienza Nella mia carriera di insegnante, ho seguito più di 100 studenti in tutta Europa. In questi anni, ho avuto modo di conoscere personalmente ognuno di loro, di parlare delle loro aspettative e, soprattutto, delle loro paure e perplessità. Una buona metà delle persone che desiderano diventare UX Designer non ha…

Grafigata è il blog di grafica più visitato in Italia e, in questo articolo, voglio parlare di quelli che sono indubbiamente tra gli attori principali nel mondo del graphic design: i font. In quest'articolo dedicato a spiegare le basi della tipografia, ho spiegato bene che cos'è un font (e la differenza con "carattere" e "glifo"), com'è fatto un font e come si usano nel graphic design. Insomma, tutte le basi della tipografia. In questo articolo che stai leggendo, invece, voglio approfondire quelle che sono le tipologie di font, ovvero le categorie in cui solitamente vengono suddivisi. Prima di partire in quarta e arrivare a parlare delle categorie di font, bisogna fare... Un po' di storia della tipografia Il dizionario definisce tipografia come "l'insieme delle attività e delle tecniche di stampa, in particolare mediante l'uso di caratteri mobili in rilievo che vengono bagnati di inchiostro e applicati alla carta bianca, su cui lasciano l'impronta". Questa…

Sfumature fotorealistiche freeform, modifiche globali, barra degli strumenti personalizzata... Queste sono solo alcune delle novità introdotte da Adobe nella release 2019 di Illustrator. Sei pronto a scoprire nel dettaglio le principali features di quest'ultimo aggiornamento? Iniziamo subito! Le più importanti novità di Adobe Illustrator CC 2019 Come accade ormai ogni anno, Adobe approfitta del suo più grande evento (Max) per radunare migliaia di creativi ed annunciare loro le maggiori novità riguardanti le App Creative Cloud. E lo ha fatto anche qualche giorno fa in occasione dell’evento 2018. L’azienda Californiana ha infatti svelato importanti cambiamenti riguardanti proprio Illustrator, eccoli di seguito i principali: #1 Le sfumature fotorealistiche Freeform La prima novità di questa release è l’implementazione di una nuova tipologia di gradiente chiamata “Freeform” che consente di creare sfumature fotorealistiche attraverso la miscelazione di più colori. Oltre alle classiche sfumature lineari e radiali infatti, i nuovi gradienti “Freeform” ci consentono di…

Che cos’è la User Experience? E da dove si deve iniziare per diventare uno UX Designer? Che poi, cosa fa uno UX Designer, nello specifico? In questo articolo, voglio rispondere nel dettaglio a queste domande! Pronto? Ok dai, cominciamo! Si sente parlare sempre più spesso di queste due parole: "User" (utente) e "Experience" (esperienza). C’è chi le butta in mezzo al discorso in maniera grossolana, chi le cita in concomitanza di altri termini come «app» e «siti web», chi le ha googlate perché trovate in qualche annuncio di lavoro. Ma, insomma, a cosa si riferiscono? E perché sono così importanti nel mondo del design? Descrivono, infatti, un mondo in costante espansione, quasi un trend all’interno dell’universo digitale, ovvero, quello del UX Design (o User Experience Design). Andiamo a vedere di che si tratta. Che cos’è la User Experience? Ogni volta che una persona mi chiede quale sia il mio lavoro, alla…

Cos'è un font? E come si usano i font? Come si possono creare progetti tipografici di qualità, usando nel modo migliore i caratteri? Questo articolo vuole essere la risposta a questa e a molte altre domande che tanti giovani designer si pongono tutti i giorni. Negli anni, qui su Grafigata, ho scritto alcuni degli articoli più completi, avanzati e apprezzati in Italia sui font e la tipografia. Ho anche creato Font-Ninja, l'unico corso online dedicato ai designer sui font e la tipografia. Oggi, con questa guida, voglio cercare di creare una risorsa completa introduttiva a tutti gli argomenti principali del mondo del type, aiutandoti anche a darti una direzione verso gli argomenti che più ti piacerebbe approfondire. Insomma, è una super-guida per designer all'uso dei font! Pronto a cominciare? Ok, andiamo! ;) Cos'è un font? E cos'è un carattere tipografico? E un glifo? Prima di capire come usare i font, …

Stai cercando un modo per ritagliare un’immagine bitmap direttamente in Illustrator senza dover passare da Photoshop? In questo post ti spiego come utilizzare la recente funzione “Ritaglia immagine” di Illustrator per rifilare una figura collegata o incorporata nel documento.   Se sei pronto, iniziamo! Devi sapere che dalla versione CC 2017.1 di Illustrator, Adobe ha introdotto (finalmente direi) una nuova funzione che permette di ritagliare le immagini bitmap o raster direttamente all’interno del software. Potrai dunque rimuovere le parti in eccesso, ridurre le dimensioni dei file e migliorare le prestazioni senza dover ricorrere a maschere di ritaglio o utilizzare Photoshop. Ritagliare un’immagine in Illustrator è piuttosto semplice. Vediamo come fare. Innanzitutto andiamo ad inserire un’immagine all’interno del documento. A questo punto, selezionata l’immagine, possiamo andare su Oggetto>Ritaglia Immagine oppure fare sul pulsante "Ritaglia immagine" situato all'interno del pannello Proprietà. Suggerimento: puoi anche attivare il ritaglio facendo clic con il tasto…

Come si costruisce un'immagine coordinata? Come si progettano gli elementi di una "brand identity" in modo che funzionino e comunichino come un tutt'uno? In questo articolo voglio proprio spiegare nel dettaglio questi aspetti del percorso creativo che porta alla creazione di un logo e di un'immagine coordinata. Questo, insomma, è un articolo 100% dedicato ai designer. Come ho scritto nella guida di Grafigata al Logo Design, quando si progetta un logo, non si lavora solamente sul costruire un simbolo o un semplice segno grafico. Quando si progetta un logo, si va a costruire quella che deve essere la parte sommitale di un'immagine coordinata. Si va creare un simbolo o segno grafico che deve infatti rappresentare e raccontare un'intera azienda e il suo brand. E per raccontare un intero brand non basta il logo, c'è bisogno che quel logo sia inserito all'interno di un sistema visivo, all'interno di un'immagine coordinata. Andiamo…

Quando si crea un logo, si ha a che fare con diversi elementi del logo stesso. Hai mai sentito parlare di pittogramma? E di logotipo? Spesso si fa molta confusione su questi termini. E... no, ovviamente non sono sinonimi :) In questo articolo voglio proprio aiutarti a risolvere questi dubbi, spiegandoti la differenza tra pittogramma e logotipo. Non solo! Voglio anche spiegarti nel dettaglio come gestire i rapporti dimensionale tra pittogramma e logotipo. Insomma, voglio cercare di spiegarti, come bilanciare gli elementi all'interno di un logo. Se stai cercando, invece, una guida completa su come creare un logo, dall'inizio alla fine, ti consiglio di dare un'occhiata qui ;) Ok, pronto? Cominciamo! Dalle basi: Cosa sono pittogramma e logotipo? Qual è la differenza? Ok, pittogramma e logotipo. Cosa sono? Spiegazione in due parole: il segno grafico è il pittogramma, la "scritta" il logotipo. Spiegazione più dettagliata: Cos’è un pittogramma? Il mio…

Ti piacerebbe poter deformare e muovere le tue figure vettoriali come delle marionette? In questo post imparerai ad utilizzare la funzione alterazione Marionetta di Illustrator, introdotta nella versione 2018. Sei pronto? iniziamo! Funzione Marionetta di Illustrator: cos'è e come funziona La funzione Alterazione Marionetta consente di trasformare gli oggetti e di muoverli come dei veri burattini attraverso una sorta di ossatura posizionata al loro interno. Con questa funzione possiamo di fatto spostare rapidamente porzioni di un disegno senza dover regolare i singoli tracciati o punti di ancoraggio. Questo è assolutamente fantastico e ne sanno qualcosa gli esperti di Photoshop. Ma vediamo nella pratica come va utilizzato. Innanzitutto, per poter sfruttare questa recente funzione, abbiamo bisogno di uno o più tracciati vettoriali. Possiamo partire da un personaggio, da un animale, da un semplice testo convertito o da una qualsiasi forma primitiva. In questo tutorial agirò sulla figura qui sopra e cercherò…

Ti sei mai chiesto quali sono i font più usati nei loghi più famosi? Quei loghi che capita di vedere centinaia di volte, ripetuti su tutti gli schermi, magliette e fogli di carta che ti circondano. Beh, allora non se l'unico e questo articolo è fatto per te! In questo articolo voglio infatti parlarti di quali font vengono usati in alcuni dei loghi più famosi. E, soprattutto, provare a capire perché proprio quei font, che cosa rappresentano, cosa significano. Perché scegliere un font non è una cosa semplice, e dietro alla scelta di un font c'è un messaggio ben preciso che si vuole trasmettere. Ad aiutarmi in questo articolo ci sono le immagini del fantastico progetto, chiamato Logofonts, che Emanuele Abrate ha pubblicato sulla sua pagina facebook. Nel suo progetto ha mostrato molte scelte di font di brand famosi. In questo articolo ho voluto analizzare in modo più approfondito 6…

Ogni anno, esistono trend e tendenze, nel mondo della grafica e del design. Alcuni trend, caratteristici di certi periodi, tendono a passare di moda. Altri, invece, esplodono in particolari momenti. E lo stesso è avvenuto con il 2017 e avverrà nel 2018! A volte i trend e le mode nel mondo del visual design sono dettate da nuove tecnologie o da software più facili da usare (vedi, ad esempio, negli ultimi anni l'aumento esponenziale nell'utilizzo di animazioni). Altre volte, invece, arrivano quasi per caso. Ho voluto quindi creare questo articolo con due obiettivi: Raccogliere ed analizzare i possibili trend grafici che ci saranno nel 2018 Creare un articolo pieno di cose fighe per avere ispirazione e sprigionare creatività! ;) Ok, allora partiamo! I trend della grafica nel 2018 Quali saranno i più importanti? Ricapitoliamoli subito, che poi li analizziamo uno ad uno: Elementi grafici intersecati e sovrapposti Immagini a due…

Sei alla ricerca di un regalo creativo per un creativo? Dell’idea giusta neanche l’ombra? Strano ma vero, è tutto regolare. Lo so, sembra sempre che fare un regalo ad un grafico, un designer o comunque un creativo sia impossibile. In realtà non è così. Ci sono moltissime cose fighe da regalare! Non vorrai mica regalare al tuo amico, fratello, sorella, fidanzato/a o quello che è il solito maglioncino in stile Ron Weasley, vero? Ok, lo ammetto, questo articolo, a differenza di tutti gli altri di Grafigata, non è dedicato ai designer ma ad amici, parenti e fidanzati/e dei designer. Una sorta di lista dei regali che ogni creativo vorrebbe! ;) Sei pronto per fare un figurone? Ok, allora cominciamo! Il classico regalo per designer: libri di grafica e design A differenza di altri lavori, un grafico non può e non deve mai smettere di imparare. Per questo è fondamentale leggere e…

In questo articolo imparerai ad utilizzare lo strumento gomma di Illustrator per cancellare o rimodellare tracciati vettoriali. Sei pronto? iniziamo! Dopo aver visto quali sono i principali strumenti di disegno di Illustrator, analizziamo un altro simpatico tool spesso snobbato, ma di grande utilità. Lo strumento gomma di Illustrator nel dettaglio Lo strumento gomma, consente di rimuovere manualmente parti di tracciati che compongono una grafica. Ok, ma come funziona esattamente? Mettiti comodo perché in questo articolo ti spiegherò tutto nel dettaglio. Per prima cosa attiva lo strumento dal pannello di sinistra oppure tramite la combinazione di tasti Shift+E. Una volta selezionato, il cursore assume le sembianze di un piccolo cerchio che rappresenta la dimensione della gomma. La grandezza di questo cursore può essere variata all’interno della finestra di opzioni raggiungibile tramite un doppio click sull’icona dello strumento. Qui hai a disposizione 3 opzioni: Angolo Rotondità Dimensione Lascia che ti spieghi meglio.…

Eccolo finalmente! Adobe Illustrator CC 2018 è qui. In questo post, vedremo insieme quali sono le principali novità introdotte da quest’ultimo aggiornamento. E credimi, ce ne sono parecchie! Sei pronto? Iniziamo a esplorare! 1. Novità di Illustrator CC 2018: il nuovo pannello “Proprietà” La prima novità di questa release è l’introduzione di un pannello, dinamico verticale, chiamato “Proprietà”. Questo pannello permette di aumentare la tua produttività mostrandoti tutti i controlli uniti in una sola posizione. In un certo senso, il pannello “Proprietà” sostituisce il vecchio pannello di controllo orizzontale che, nella versione Illustrator 2018, si trova disattivato di Default; ma che può essere richiamato in qualsiasi momento grazie al menù Finestra>Controllo. Ma andiamo ad analizzare questo nuovo pannello situato sul lato destro dell’interfaccia. È solo qualche giorno che lo utilizzo, ma già lo amo. Sono sempre stato convinto che il pannello di controllo orizzontale fosse insostituibile. Purtroppo mi devo ricredere.…

Less is more. Una delle frasi più ripetute tra grafici, designer o architetti. Scommetto che anche tu l'hai sentita un sacco di volte, vero? Quante volte, però, ti sei chiesto cosa significa davvero e qual è il modo migliore per applicare questo concetto nella grafica? In questo articolo ti voglio parlare proprio di questo. Di less is more e di quanto la semplicità possa essere importante nel graphic design. Da sempre, la saggezza popolare ci ha insegnato che “il troppo stroppia” e che è meglio fare poco ma farlo bene. Un concetto che può risultare banale, ma che si applica perfettamente anche al mondo della grafica. “Less is more” cioè “meno è meglio”, è un po’ il mantra che qualunque creativo dovrebbe ripetersi quando realizza dei contenuti. Semplici, chiari ed efficaci. Il minimalismo però non è il tuo forte? Vai tranquillo, trovare il giusto equilibrio tra idea, concetto e risultato finale…

In questo video scoprirai come sia possibile realizzare uno splendido effetto testo 3D semplicemente sfruttando una funzione di Adobe Illustrator chiamata Fusione. Sei pronto? Iniziamo subito Creare un effetto testo 3D con Illustrator STEP 1: Disegna un cerchio ed applica una sfumatura lineare.   STEP 2: Riduci e duplica la forma geometrica posizionando il clone a distanza, ma sulla stessa riga (per farlo tieni premuto il tasto ALT per duplicare e nello stesso momento il tasto SHIFT per spostare sulla stessa riga).   STEP 3: Vai a Oggetto>Fusione>Crea.   STEP 4: Torna a Oggetto>Fusione>Opzioni fusione e imposta una spaziatura di almeno 400.   STEP 5: Seleziona la fusione appena creata e il tracciato vettoriale sul quale vuole applicare l'effetto (attenzione, questa funzione lavora solo se applicata a tracce e non funzionerà su eventuali elementi testuali convertiti in contorni).   STEP 6: Vai a Oggetto>Fusione>Sostituisci dorso   STEP 7: Puoi modificare…

Come si crea un logo efficace? Quali sono i passi per progettare un logo che funzioni? In questo articolo voglio rispondere a queste domande, condividendo tutto quello che so sul creare identità aziendali. E se tu, da graphic designer, come me, sei sempre interessato a migliorare le tue conoscenze e competenze, allora amerai questo articolo. Questa guida al logo design è presentata da Logo-Hero, il gruppo sul logo design e il più grande corso sul Logo Design in Italia. Puoi accedere gratis al gruppo privato, cliccando qui. Ma chi sono e per quale motivo dovresti ascoltare i miei consigli? Perché dovresti leggere questa guida? SPOILER: Perché è la più grande guida su come progettare un logo che tu possa trovare online. Anche in inglese ;) Sono Lorenzo Miglietta e ormai da 3 anni ho creato Grafigata.com, il blog su cui stai leggendo queste righe, con l'obiettivo di condividere conoscenze, ispirare…

Vuoi imparare a realizzare siti web senza scrivere una sola riga di codice? Oggi è possibile! Grazie ad Adobe Muse. In questo articolo ti spiego come, attraverso questo rivoluzionario software, sia possibile davvero disegnare pagine web responsive anche senza conoscere i più comuni linguaggi di scripting, markup e formattazione. Non solo, all’interno della guida troverai tutto ciò che ti serve per iniziare a muovere i primi passi all’interno di Muse. Sei pronto? Si comincia! PS: La guida è offerta da Muse Beginner, il nostro gruppo privato su Adobe Muse. Puoi accedere gratuitamente al gruppo privato da questo link. Ti racconto una breve storia Facciamo un tuffo nel passato. Era l’anno 2009 e frequentavo la Scuola di Grafica & Multimedia. Stavo concludendo le ultime pagine del mio sito web realizzato con Adobe Flash. In quell’anno frequentavo un corso di Web design per imparare ad usare Adobe Flash; avevo ottenuto anche buoni risultati.…