Atomic Design, cos’è e come si usa nel Design System

Hai mai sentito parlare dell’Atomic Design? Non è solo una parola inventata, ma una vera e propria metodologia ideata da Brad Frost per portare ordine, coerenza e scalabilità nella creazione di interfacce.

In un’epoca in cui i progetti digitali diventano sempre più complessi, avere un linguaggio comune e chiaro è fondamentale. L’Atomic Design risponde a questa esigenza proponendo un approccio modulare: partire da elementi piccoli (gli atomi) e combinarli fino a costruire pagine complete.

Andiamo a vedere insieme i 5 livelli del modello, i vantaggi e consigli pratici per iniziare a usarlo al meglio nei tuoi progetti.

I 5 livelli dell’Atomic Design

1. Atomi

Gli atomi sono i mattoncini fondamentali di un’interfaccia.
Da soli possono sembrare semplici e privi di funzione, ma rappresentano la base di tutto il sistema visivo.

Esempo: un colore, un font, un’icona, un bottone elementare come il pulsante “Invia”.

2. Molecole

Le molecole dall’unione di due o più atomi si combinano per svolgere una funzione.
Sono elementi semplici ma già funzionali.

Esempio: un campo di input + un’icona di ricerca + un pulsante “Cerca” formano una molecola.

3. Organismi

Gli organismi sono gruppi di molecole che lavorano insieme per dare forma a una sezione completa dell’interfaccia.

Esempio: una barra di navigazione con logo, menu e pulsante di login. Oppure una card prodotto con immagine, titolo e bottone.

4. Template

I template organizzano atomi, molecole e organismi in una struttura coerente. Non contengono ancora contenuti definitivi, ma mostrano il layout e la gerarchia visiva.

Esempio: il wireframe di una pagina con header, griglia prodotti e footer.

5. Pagine

Le pagine sono il risultato finale: il template arricchito da contenuti reali (testi, immagini, dati). È qui che si può valutare l’impatto reale del design.

Esempio: la home page pubblicata del tuo sito, con i prodotti effettivi e i testi di marketing inseriti.

Perché l’Atomic Design è utile ai designer

Adottare questa metodologia porta numerosi benefici tra i quali:

• Coerenza visiva: ogni componente è definito e riutilizzabile, evitando incoerenze.
• Efficienza: i team non devono inventarsi nulla, ma partono da componenti già pronti che parlano lo stesso linguaggio.
• Scalabilità: nuovi progetti possono crescere più facilmente, mantenendo ordine.
• Manutenzione semplificata: modificare un atomo (es. colore del brand) aggiorna automaticamente tutti i componenti collegati.

Come applicare l’Atomic Design nei tuoi progetti

• Mappa i tuoi atomi: individua i colori, i font, gli stili dei bottoni e le icone ricorrenti.
• Costruisci le molecole: combina gli atomi in elementi funzionali (form, card, pulsanti con icone).
• Definisci gli organismi: raccogli le molecole in sezioni più grandi (header, footer, moduli di iscrizione).
• Crea template chiari: usa wireframe o layout che mostrino la struttura, senza pensare subito ai contenuti finali.
• Sviluppa pagine reali: inserisci testi e immagini per verificare se la tua interfaccia funziona davvero.
• Documenta tutto in un design system: raccogli componenti e regole in una libreria condivisa (es. Figma, Sketch, o strumenti dedicati).

Atomic Design e web design modulare

Uno dei motivi per cui l’Atomic Design funziona così bene, è che si integra perfettamente con il concetto di web design modulare.

Inoltre, i componenti UI creati con questo metodo possono essere facilmente integrati nei framework di sviluppo (React, Vue, Angular), rendendo ancora più fluida la collaborazione tra designer e developer.

In conclusione, l’Atomic Design è un approccio pratico per creare interfacce digitali più ordinate, scalabili e comprensibili.

Se sei all’inizio, comincia mappando i tuoi atomi. Con il tempo vedrai il valore che questa metodologia porta a tutto il team.

FAQ su Atomic Design

1. Cos’è l’Atomic Design in parole semplici?
   È un metodo per progettare interfacce partendo da elementi base (atomi) e combinandoli fino a ottenere pagine complete.
2. Quali sono i 5 livelli dell’Atomic Design?
   Atomi, molecole, organismi, template e pagine.
3. Perché usare l’Atomic Design in un progetto digitale?
   Per garantire coerenza, velocizzare il lavoro e rendere più semplice la collaborazione tra designer e sviluppatori.
4. Come posso iniziare ad applicarlo?
   Parti identificando i tuoi atomi (colori, font, bottoni) e costruisci passo dopo passo librerie di componenti riutilizzabili.

---

Potrebbero interessarti anche:

• Trucchi Instagram che (forse) non sapevi
• Follower Instagram, riconoscere i reali dai fake
• Il lato oscuro di Instagram
• Creare Gif personalizzate per Instagram Stories

Sito Web Etico, perchè realizzarlo

Al giorno d’oggi nel mondo digitale, durante la creazione di un sito web, non si deve tenere più solo conto solo della funzionalità e dell’aspetto estetico, ma bensì anche di un concetto fondamentale, l’eticità e il Web Etico.

Cos’è il Web Etico?

Il Web Etico è basato su principi di responsabilità sociale, trasparenza e rispetto degli utenti e della loro privacy. Un sito web etico non si limita a essere bello o funzionale, ma offre un’esperienza utente che promuove chiarezza e valori, rispettando l’utente che lo naviga distinguendosi per:

• Trasparenza dei Contenuti: I contenuti proposti devono essere chiari, di facile reperibilità e comprensione. La Privacy Policy è facilmente accessibile e chiara.
• Accessibilità: Il sito deve essere progettato in modo accessibile, così che tutti gli utenti possano navigarlo facilmente.
• Sostenibilità: Le risorse utilizzate per creare e mantenere vivo il sito, rispettano l’ambiente e riducono quanto possibile l’impatto ambientale.
• Privacy: La tutela della privacy utente è fondamentale, senza fare tracciamenti non necessari.
• Inclusività: Ogni sito dovrebbe essere inclusivo nel rispetto di ogni diversa identità, cultura e punto di vista.

 

Perché Realizzare un Sito Web Etico?

Nel mondo digitale odierno, dove siamo bombardati d’informazioni di ogni tipo, decidere di sviluppare un sito etico, non è solo una responsabilità, ma anche una strategia che funziona. Potremmo raccogliere il tutto in 5 punti:

Aumentare la Fiducia degli Utenti
Quando un utente si sente rispettato e trova le informazioni in maniera chiara, è più propenso a rimanere nella navigazione o tornare a cercare contenuti.

Posizionamento SEO
Google è risaputo che prima i siti web che rispettano i principi di accessibilità, velocità e usabilità. Un sito web ben strutturato, offre una migliore user experience e può contribuire a migliorare il posizionamento in ranking.

Contribuisce alla Sostenibilità Ambientale
Un sito web ottimizzato non solo funziona meglio, ma consuma anche meno energia. Seguire delle buone pratiche di sviluppo durante la progettazione del proprio sito, come eliminare risorse troppo pesanti e scegliere hosting ecosostenibili aiutano a ridurre l’impatto ambientale. Al giorno d’oggi dove il Green è alla base di molte comunicazione, fare del nostro è fondamentale.

Rispetto per la Privacy e la Sicurezza
Proteggere la privacy degli utenti è un aspetto fondamentale. Implementare misure di sicurezza come HTTPS o il consenso alla GDPR, non è solo questione di ranking o legale, ma è anche un segno di rispetto per i nostri utenti.

Favorisce un’Inclusività Sociale
Un sito web etico è un sito accessibile ad un ampio pubblico nel rispetto dell’inclusività. Ottimizzare ad esempio e per quanto possibile, l’esperienza per persone con disabilità, ad esempio, migliorando l’uso della tastiera o la compatibilità con lettori di schermo è un plus a cui tutti dovremmo dare valore.

 

Come Creare un Sito Web Etico

Decidere di realizzare un sito web etico richiede un approccio che tenga da conto diversi fattori. Ecco alcuni esempi di azioni concrete da utilizzare:

• Progettazione Chiara: Progetta il tuo sito web con un design chiaro che faciliti la navigazione. Utilizza sempre un layout responsive (fondamentale al giorno d’oggi) e assicurati che i sito sia conforme agli standard di accessibilità (WCAG).
• Ottimizzazione delle Risorse: Riduci la loro compressione delle immagini (scegliendo magari formati come il webp o l’avif) e limita l’utilizzo di file pesanti, questo migliorerà la velocità del tuo sito e aumenterà il suo risparmio energetico.
• Politiche di Privacy Trasparenti: Assicurati che il tuo sito abbia sempre la privacy policy, la cookie policy e nel caso di un’ecommerce tutti i documenti legali necessari, e soprattutto che siano facili da trovare.
• Adottare Strumenti Sostenibili: Scegli piattaforme e server ecologici, ottimizzando il codice per ridurre l’impatto ambientale.

Concludendo

In conclusione, scegliere di creare un sito web etico non solo è un atto di responsabilità verso gli utenti e l’ambiente, ma una vera e propria strategia vincente per aumentare la visibilità e la fiducia online e di conseguenza offline. Il Web Etico rappresenta una scelta che risponde alle odierne esigenze, promuovendo valori di inclusività, accessibilità e trasparenza.

Ora che hai tutte le informazioni sul Web Etico puoi fare la tua scelta, e se sei interessato a progettare il tuo nuovo sito web, contattami per una chiacchierata gratuita.

Potrebbero interessarti anche:

• Webp, tutti vantaggi e come utilizzarlo
• Psicologia del colore nel design
• WordPress fa schifo, ecco perchè non è vero
• L’importanza di avere un sito web

Psicologia del Colore nel Design

Come i Colori Influenzano Emozioni e Comportamento degli utenti?
Il colore è uno degli strumenti più potenti nel mondo. Non solo è in grado di attirare l’attenzione, ma evoca emozioni, trasmettere messaggi e influenzare il comportamento degli utenti. Scegliere la giusta palette di colori, può fare la differenza tra un design vicente e uno fallimentare.

In questo articolo, scopriremo insieme come colori influenzano le emozioni e il comportamento degli utenti, e perchè no scoprendo insieme come selezionare palette di colori efficaci per i tuoi progetti di design.

La Psicologia del Colore

La psicologia del colore è lo studio di come i colori influenzano le percezioni umane e i comportamenti.
Ogni tonalità di colore influenza emozioni e reazioni come ad esempio:

• Rosso: Associato a passione, energia e urgenza, il rosso può aumentare il battito cardiaco e creare un senso di eccitazione. È ideale per pulsanti di chiamata all’azione (CTA) e per attirare l’attenzione su elementi importanti.
• Blu: Ha la capacità di creare un senso di calma e sicurezza, il blu è comunemente utilizzato nei siti web aziendali e finanziari. Evoca fiducia e affidabilità.
• Giallo: Il colore della felicità e dell’ottimismo. Può stimolare l’energia e l’allegria, ma deve essere utilizzato con parsimonia, poiché può diventare opprimente se usato in eccesso.
• Verde: Associato alla natura e alla crescita, il verde è spesso utilizzato per comunicare tranquillità e salute. È anche il colore del denaro, rendendolo una scelta popolare per i siti web legati alla finanza e agli investimenti.
• Nero: Il nero è sinonimo di eleganza, sofisticazione e potenza. Viene spesso utilizzato nel design di prodotti di lusso e nei siti web di moda.
• Bianco: Il bianco rappresenta purezza, semplicità e spazio. Viene spesso utilizzato per creare un design pulito e minimalista.

Come i Colori Influenzano il Comportamento degli Utenti

La scelta dei colori non influisce solo sulle emozioni, ma determina anche il comportamento degli utenti.
Ad esempio, l’uso di colori contrastanti per i pulsanti CTA può aumentare le conversioni, mentre una palette di colori coerente può migliorare la navigabilità e l’esperienza utente complessiva.

• Conversioni: Utilizzare colori vivaci e contrastanti per i pulsanti CTA può attirare l’attenzione e incoraggiare gli utenti a compiere azioni desiderate, come iscriversi a una newsletter o acquistare un prodotto.
• Navigabilità: Una palette di colori ben progettata può migliorare la leggibilità e la navigabilità di un sito web. Ad esempio, utilizzare colori scuri per il testo su sfondi chiari può rendere il contenuto più leggibile.
• Brand Identity: Una palette colori riconoscibile può aumentare la fiducia del marchio. Assicurati che i colori scelti siano utilizzati in modo coerente su tutti i canali di comunicazione.

Consigli per Scegliere Palette di Colori Efficaci

Ecco alcuni consigli pratici per scegliere palette di colori efficaci per i tuoi progetti di design:

• Conosci il tuo pubblico: Capire il tuo target è fondamentale. Ogni pubblico ed ogni tipologia di attività ha dei colori che possono aiutare ad identificare il marchio a prima vista.
• Crea contrasto: Assicurati che ci sia sufficiente contrasto tra gli elementi del design per migliorare la leggibilità e attirare l’attenzione sugli elementi chiave.
• Usa una ruota dei colori: Strumenti come la ruota dei colori possono aiutarti a creare combinazioni armoniose. Sperimenta con colori complementari, analoghi e triadici per trovare la combinazione perfetta.
• Mantieni la coerenza: Usa una palette di colori coerente in tutto il progetto per creare un’esperienza utente unificata e professionale.
• Testa le tue scelte: Utilizza strumenti di testing A/B per vedere quale palette funziona meglio per il tuo pubblico.

In conclusione la comprensione della psicologia del colore e la scelta di una palette di colori efficaci, sono fondamentali per un design vincente!

I colori non solo migliorano l’estetica, ma influenzano anche le emozioni e il comportamento degli utenti, giocando un ruolo cruciale nel successo del tuo progetto di design. Utilizza questi approfondimenti e consigli per sfruttare al meglio il potere dei colori nei tuoi prossimi progetti.

Potrebbero interessarti anche:

• I colori nel Web
• Crea la tua palette colori
• Sintesi additiva e sintesi sottrattiva

Test del logo di Paul Rand, i 7 Step

Quando si parla di progettare un logo, bisogna tenere in considerazione diversi fattori.
Un logo ben studiato dovrebbe essere semplice, memorabile e saper comunicare l’essenza dell’azienda al primo sguardo.
Ma come fare a capire se il tuo logo è davvero efficace? In questo ci vengono in aiuto i 7 punti del test di Paul Rand.

Ma chi è Paul Rand?

Peretz Rosenbaum, noto come Paul Rand nato nel 1914 è una leggenda del design statunitense.
Viene ricordato per aver realizzato marchi storici come: IBM, ABC, UPS, Enron, Westinghouse Eletric e NeXT (pagato da Steve Jobs 100.000 dollari).

Lo Stesso Steve Jobs ha definito Paul Rand come “il più grande graphic designer vivente”.

Anche se morto nel 1996, la sua filosofia e il suo lavoro sono ancora molto attuali, è stato il pioniere nella promozione dell’importanza di avere un logo per promuovere la propria azienda ai consumatori.

Paul Rand diceva:

“Un logo è una bandiera, una firma, uno stemma, un segnale stradale. Un logo non vende (direttamente); si identifica. Un logo raramente è una descrizione di un’azienda”.

Sulla base di questi principi, Paul Rand ha identificato 7 domande da porsi per valutare se il logo che abbiamo è davvero funzionale, andiamo a vederle insieme.

Le 7 domande del test di Paul Rand

1. È UNICO E RICONOSCIBILE?
   Si distingue dai loghi dei tuoi competitor? Un buon logo deve esser riconoscibile nel mercato tra i vari competitor e soprattutto deve essere memorizzabile facilmente.
   Un logo unico e riconoscibile deve essere la rappresentazione dei valori aziendali, del brand o del servizio che rappresenta. In sostanza deve raccontarne la storia, e comunicarla in modo semplice e incisivo.
2. È VISIBILE?
   Il logo deve risaltare, per questo bisogna valutare al meglio la sua struttura, colori, font e (cosa che molti trascurano) la presenta di una sua area di sicurezza che lo circonda. Un logo deve essere visibile in ogni situazione e dimensione.
3. È ADATTABILE?
   Cosa succede quando il logo viene ingrandito o rimpicciolito? Hai anche la versione monocolore? Un vero logo deve funzionare ed essere leggibile ad ogni dimensione e situazione senza perdere dettagli o diventare poco leggibile. Che sia un sito web, un video, social, o materiale grafico questa regola non cambia.
4. È MEMORABILE?
   L’obiettivo di un logo è quello di essere memorabile al punto che quando una persona sente un bisogno da risolvere nel tuo target, il tuo logo è la prima cosa che gli viene in mente. Il tuo logo lo riesci a riconoscere anche ad occhi chiusi?
5. È UNIVERSALE?
   Il tuo logo è comprensibile anche senza essere spiegato? Un logo ben studiato deve essere chiaro e di facile lettura da chiunque lo veda, perchè diciamocelo, siamo tutti diversi e il logo deve riuscire a trasmettere lo stesso messaggio a tutti.
6. È SENZA TEMPO?
   Sarà ancora riconoscibile nel tempo? Un buon logo non deve solo legarsi alle mode o ai trend del momento, ma deve essere lungimirante e studiato per durare nel tempo.
7. È SEMPLICE?
   Un buon logo deve essere composto da forme semplici, equilibrate con pochi colori e font chiari e riconoscibili. Insomma l’essenzialità ne fa da padrone.

Dieter Rams, diceva: “Good design is as little design as possible”, “il buon design è essenziale e minimale”

Insomma che tu sia una grossa azienda o un brand emergente i principi del Test di Paul Rando possono essere applicati a qualiasi tipo di logo.

E ora la mia domanda è, il tuo logo ha superato il test di Paul Rand?

Nel caso non esitare a contattarmi per una prima consulenza gratuita per realizzare o rinnovare il tuo logo!

Potrebbero interessarti anche:

• Regole per un Logo Vincente
• Curiosità sul Comic Sans
• Differenza tra Font Serif e Sans Serif
• Regole per un layout grafico vincente

Regole per creare un logo vincente

Tutti possono disegnare un logo, ma progettare un logo funzionale e di successo è ben altra cosa.
Oltre alle competenze e all’esperienza, ci sono alcune regole che devono essere seguite per raggiungere un risultato ottimale.

È bene ricordare che, il logo è la base di una comunicazione vincente, avere un buon logo affiancato a una Brand Identity studiata ad hoc, permette di essere riconoscibili ma soprattutto ricordati dai nostri clienti.

In quest’articolo andiamo a vedere insieme le regole fondamentali che deve seguire ogni logo per funzionare.

10 regole da seguire per progettare un logo

1. IL LOGO DEVE RACCONTARE QUALCOSA
   Un logo non deve essere solo bello, ma deve saper raccontare una storia ma soprattutto, rappresentare la nostra attività;
2. IL LOGO DEVE ESSERE SEMPLICE
   Semplice non vuol dire banale. La semplicità facilita la memorizzazione del nostro cervello. Lo so, non è facile, spesso ci lasciamo trasportare dalla creatività, ma al giorno d’oggi dove siamo bombardati da informazioni, avere un logo pulito e riconoscibile è fondamentale;
3. IL LOGO DEVE AVERE IL GIUSTO EQUILIBRIO
   L’equilibrio tra le varie parti è il caposaldo per la progettazione di un logo, che deve eessere otticamente proporzionato e non avere elementi o pesi che disturbino alla vista;
4. TROVA LA GIUSTA COMBINAZIONE DI COLORI
   Ogni brand ha i suoi colori e il suo stile. Se non hai ancora fatto uno studio del colore, il mio consiglio è quello di farlo prima di iniziare a progettare un logo. Il mio consiglio comunque è quello di evitare l’utilizzo di sfumature e non utilizzare più di 2/3 colori;
5. NO ALLE FOTOGRAFIE
   Esattamente, un logo deve essere VETTORIALE! No a foto che, si possono essere belline, ma sono piene di dettagli e soprattutto non posso essere sfruttate a dovere, proprio perchè immagini;
6. IL LOGO DEVE ESSERE SCALABILE
   Esattamente, un logo ben fatto è leggibile e non perde qualità in tutte le misure, sia le più piccole che le più grandi. Studia bene le proporzioni e le dimensioni di ogni elemento;
7. LOGO POSITIVO E LOGO NEGATIVO
   Un logo progettato a dovere, ha una regola importante, deve poter funzionare anche in versione monocromatica o a un solo colore. Non sempre si potrà stampare a colori, quindi è sempre bene prevedere una versione negativa e una positiva;
8. POCHI CARATTERI
   Non a loghi composti da troppi caratteri. La scelta del font è fondamentale per definire il mood del logo. Il mio consiglio è quello di utilizzare 1 o massimo 2 font per la realizzazione del tuo logo;
9. NESSUN CONTORNO AL LOGO
   Se non è strettamente necessario, non richiudere il logo in box o creare contorni che aumentano solo lo spessore del logo. La pulizia prima di tutto;
10. NON COPIARE
    Mai! Forse dovrei metterla al primo posto, ma la vedevo bene per chiudere questo elenco. Sii unico, distinguiti, prendi ispirazione ma non copiare i loghi dei tuoi competitor, il tuo obiettivo è farti riconoscere non mescolarti nella massa.

Queste sopra, sono solo alcune semplici ma fondamentali regole per creare un logo che funzioni.
Il mio consiglio è sempre quello, di rivolgersi ad un professionista che caso per caso, studierà delle proposte adatte alla vostra attività o al vostro brand.

O in alternativa, puoi compilare il form qui sotto e contattarmi per una prima consulenza gratuita per lo studio del tuo logo!

Potrebbero interessarti anche:

• Differenza tra Font Serif e Font Sans-Serif
• L’importanza di avere un sito web
• 8 falsi miti sui creativi
• Scaricare gratis contenuti Instagram

Differenza tra Font Serif e Sans-Serif

Quante volte quando si parla di grafica, hai sentito parlare di Font Serif e Font Sans-Serif?
In quest’articolo andremo a vedere insieme le principali differenze tra i due tipi di font e come sono nati ma soprattutto, scopriremo come utilizzarli al meglio nei tuoi progetti.

Qual’è la differenza tra Font Serif e Sans-Serif?

La reale differenza tra un Font Serif e un Font Sans-Serif stà tutta nella presenza o meno degli allungamenti alle estremità di ogni lettera che rendono il font con o senza “grazie”.

In sostanza la complessità delle forme che definiscono la fine delle aste di ogni lettera, contribuiscono a definire la classificazione del font.

I Font Serif sono detti anche “graziati” o “con grazie”, i Font Sans-Serif invece sono detti anche “bastoni”, “a bastone” o “senza grazie”.

Le origini dei Font Serif

I Font Serif, derivano dalla forma di scrittura utilizzata in epoca latina e a loro volta sono raggruppati in quattro grandi categorie: Old Style, Transizionali, Bodoni e Egiziani.

I Font Serif solitamente vengono utilizzati in testi lunghi come libri, giornali o rivista proprio a causa della loro leggibilità in quanto smorzano lo spazio tra una lettera e l’altra come avviene nella scrittura a mano agevolandone la lettura.

Font Serif più conosciuti: Times New Roman, Georgia, Palatino e Garamond.

Quando utilizzare i Font Serif

Proprio per le loro caratteristiche, trasmettono autorevolezza e professionalità ricordando lo stile delle vecchie macchine da scrivere o istituzioni rinomate. I Font Serif non sono però sempre “estetici”, hanno anche un valore di body copy.
Spesso i Font Serif sono più leggibili in scale ridotte come ad esempio su stampa a font 9.5 dove permette di distinguere meglio le singole lettere facilitando la lettura.

Le origini dei Font Sans-Serif

I Font Sans-Serif fanno la loro apparizione nella carta stampata intorno al 1805 e sono diventati subito popolari grazie alla loro leggibilità e chiarezza soprattutto su grande formato.

I Font Sans-Serif hanno avuto la loro “esplosione” con l’avvento dei computer successivamente degli smartphone rendendo la leggibilità su schermo più fluida.

Font Sans-Serif più conosciuti: Arial, Helvetica, Montserrat e Tahoma.

Quando utilizzare i Font Sans-Serif

Sono rinomati per la loro pulizia evocando modernità tendendo a imitare la scrittura “a mano” stampatello.

Questi font sono adatti per copy con poco spazio ma soprattutto per tutto quello che deve essere leggibile a schermo come app o siti internet proprio perchè privi di “grazie”.

Trucchi su come utilizzare al meglio i Font Serif e Sans Serif insieme:

1. Lasciati ispirare dal design e dal progetto che stai creando, cerca di non utilizzare più di 2 font differenti in modo tale che il rapporto sia bilanciato, almeno che il progetto non lo richieda per motivi particolari;
2. Utilizza due font che abbiano un buon contrasto tra di loro, cosi che sia chiara la differenza;
3. Ricordati che i font devono essere sempre leggibili, fai varie prove e trova la combinazione più adatta al progetto;
4. I Font Serif sono più formali dei Sans-Serif. Questo non è del tutto vero, entrambi possono essere classici, esistono font a bastoncino eleganti che richiamano il passato e si adattano ad ogni necessità.

In conclusione, hai capito la differenza tra i Font Serif e i Font Sans-Serif, online è possibile trovare migliaia di font per queste due tipologie di carattere (e non solo), non ti resta altro che scaricarli e dare sfogo alla tua creatività.

Potrebbero interessarti anche:

• Differenza tra Font OTF e Font TTF
• Come trovare un font da un’immagine
• Crea la tua palette colori

Importare Preset su Lightroom Mobile

Lightroom è sicuramente una delle migliori app in campo fotografico, per poter editare i nostri scatti fotografici modificandone luci, colori e temperatura.

In quet’articolo andiamo a parlare di Lightroom Mobile e della sua funzione di Preset che ci permetterà di editare i nostri scatti con un semplice click, andnado a copiare perlappunto dei settaggi già creati per poterli utilizzare sulle nostre foto.

Ma dove posso trovare questi Preset?

1. Creando a nostro piacimento dei parametri su Lightroom e esportandoli per poi caricarli sul nostro smartphone;
2. Scaricandoli dal web.

NB: Per poter utilizzare i preset di Lightroom sul vostro cellulare è necessario siano salvati in .DNG, altrimenti non verranno riconosciuti dalla versione Mobile di Lightroom.

Senza proseguire oltre ti lascio i passaggi necessari per poter salvare i tuoi preset preferiti su Lightroom nel tuo cellulare ed utilizzarli in ogni tuo scatto.

Installare i preset di Lightroom sul tuo smartphone

1. Scarica i tuoi preset Lightroom sul tuo smartphone o trasferiscili dal tuo computer al tuo telefono (in caso tu ne abbia creati di personali su Lightroom, ricordati di salvarli in .DNG prima di esportarli per il tuo Lightroom Mobile);
2. Apri l’App Lightroom Mobile e clicca sull’icona per caricare una nuova foto in basso a destra;
3. Nel menù a tendina che va ad aprirsi, seleziona la voce desiderata in base a dove hai salvato i file .DNG;
4. Seleziona i file .DNG dei preset che preferisci e caricali in Lightroom Mobile;
5. Seleziona uno dei preset e clicca per aprirlo;
6. Aperto il preset, clicca sui tre puntini in alto a destra e subito dopo su “Crea un predefinito”;
7. Sulla nuova schermata che andrà ad aprirsi:
   • Nome predefinito: inserire il nome che si vuole dare al preset;
   • Gruppo predefinito: Cliccare e creare un nuovo gruppo cliccando su “Crea nuovo gruppo predefinito”, o seleziona un gruppo già creato;
   • Tutte le altre voci non devono essere toccate;
8. Il gioco è fatto, il preset è stato salvato tra i preferiti nel gruppo scelto;
9. Ripeti il procedimento per salvare tutti i preset e creare un tuo archivio personalizzato.

(una volta salvati sul Lightroom puoi tranquillamente cancellare le preview da Lightroom Mobile e i file sul tuo telefono.)

Utilizzare i preset salvati su Lightroom

1. Apri Lightroom Mobile;
2. Clicca sull’icona in basso a destra e carica le foto che vuoi modificare;
3. Una volta aperta la foto scelta, selezionare la voce “Predefiniti” in basso;
4. Scegli il preset di tuo interesse tra quelli archiviati e vedrai la foto che cambierà automaticamente il colore;
5. Clicca sui tre puntini in alto a destra e subito dopo su “Salva copia su dispositivo” per salvare la tua foto modificata.

Non vi resta altro che sbizzarrirvi a trovare preset online o a creare i vostri preferiti modificando i parametri di Lightroom!

Potrebbero interessarti anche:

• Regole per un layout grafico vincente!
• 8 falsi miti sui creativi
• Migliori app grafiche gratuite per smartphone
• Crea la tua palette colori

Regole per un layout grafico vincente

Lo studio del layout, è un elemento fondamentale in fase di progettazione grafica, poiché ne determina la disposizione degli elementi all’interno di uno spazio.

Questa pratica può migliorare l’esperienza utente rendendolo piacevole alla vista, di facile lettura e di conseguenza con un design più efficace.
In questo articolo, scopriremo l’importanza del layout nella progettazione grafica e quali sono le cose fondamentali da tenere conto.

L’importanza del layout

Il layout, è il modo in cui gli elementi di un progetto grafico vengono organizzati e disposti sul piano di lavoro, che sia questo una pagina o uno schermo.  Quest’ultimo deve essere equilibrato e facile da leggere, guidando l’occhio dell’utente attraverso il design in modo coerente e intuitivo.
Un layout grafico ben progettato migliora l’esperienza utente rendendo il tuo progetto facile da leggere e comprendere.

Dobbiamo tenere conto che, una buona composizione può influire sulla percezione e sull’emozione del pubblico.
Un layout disorganizzato e caotico può causare frustrazione e confusione, mentre un layout ordinato e ben organizzato può suscitare sentimenti di fiducia e soprattutto di professionalità.

I migliori approcci per creare un layout di successo:

Comprendere il pubblico di destinazione

Per creare un layout di successo, è fondamentale comprendere il pubblico di destinazione. La tua composizione dovrebbe essere progettata per soddisfare le esigenze e le preferenze del pubblico. Per questo una delle prime cose da fare prima di iniziare a progettare è studiare il pubblico di riferimento ed eventuali competitor, per scoprire il miglior approccio da prendere.

Utilizzare la griglia

La griglia è un’importante strumento di progettazione grafica che aiuta a mantenere l’equilibrio e l’organizzazione grafica. La griglia consente di dividere la pagina o lo schermo in una serie di colonne e righe che facilitano la disposizione degli elementi del design in modo coerente.

Utilizzare la gerarchia visiva

La gerarchia visiva è fondamentale e consente di organizzare gli elementi del design in base alla loro importanza. Gli elementi più importanti, come il titolo, dovrebbero essere posizionati in modo prominente, andando a scalare le proporzioni e disposizione in base all’importanza che gli vogliamo dare.

Utilizzare lo spazio bianco

Lo spazio bianco è l’area vuota attorno agli elementi del design. L’utilizzo dello spazio bianco aiuta a mantenere l’equilibrio del layout e a migliorare la leggibilità ma sopratutto il peso. Caricare un design grafico di troppi elementi non è quasi mai la soluzione più adatta se non in casi davvero particolari.

Utilizzare i colori in modo strategico

La scelta dei colori è fondamentale per la percezione che vogliamo dare alla nostra composizione. Il mio consiglio è di studiare una palette colori da utilizzare come base per tutti i nostri design, in modo tale da dare una continuità ma soprattutto una riconoscibilità ad ogni nostro layout.

La scelta dei font

La scelta dei font risulta una dei fattori fondamentali per creare un layout bello agli occhi e facilmente leggibile. Il mio consiglio è sempre quello (tranne per casi davvero particolari) di non andare ad utilizzare più di 2 massimo per grafica in modo tale da non appesantirne la lettura. La soluzione migliore è sempre quella di selezionare dei font “istituzionali da riportare su ogni grafica.

Conclusioni

In conclusione, lo studio di un buon layout è un elemento fondamentale che influisce sulla percezione e sull’emozione del pubblico rendendo la tua comunicazione vincente o no.È importante imparare a capire il nostro pubblico di riferimento e progettare il layout grafici che soddisfino le loro esigenze.

Le griglie sono uno strumento utile per mantenere in ordine il nostro layout ed affiancato allo spazio bianco ne migliora la leggibilità, mentre la gerarchia visiva consente di organizzare gli elementi del design in base alla loro importanza.

Infine, i colori utilizzati in modo strategico, migliorano l’organizzazione e l’equilibrio del layout. È importante scegliere i colori con attenzione e utilizzarli in modo coerente (in base alla nostra palette) per creare un design coeso e ben organizzato.

Lo studio di un buon layout è essenziale per una progettazione grafica vincente. Utilizzando i migliori approcci come spiegato e tenendo conto delle esigenze del pubblico, è possibile creare un layout di successo che migliora l’esperienza utente.

Potrebbero interessarti anche:

• Crea la tua palette colori
• La differenza tra RGB e CMYK
• Differenza tra stampa digitale e offset Salva
• Migliori APP gratuite per smartphone

8 falsi miti sui creativi (Grafici e Web Designer)

In quest’articolo voglio analizzare e sfatare con voi 8 falsi miti e credenze sui creativi, ed in particolare modo sui grafici e web designer.
Molto spesso sento parlare del lavoro del creativo come qualcosa di semplice e alla portata di tutti, ma in realtà non è così. Ci vogliono anni d’esperienza, studio e continua informazione per avere sempre il risultato migliore e che segua i trend del momento.

Iniziamo!

Chiunque può fare quello che fa un grafico

Che sia su carta che nel web, sicuramente grazie ai tutorial online, chiunque può imparare ad utilizzare programmi di grafica o creare un sito web.

La differenza tra un professionista ed uno che sa usare i programmi è l’esperienza, le conoscenze e gli anni di studio che gli permettono di creare qualcosa di unico, che segua delle regole imposte e che sia piacevole agli occhi.

Basta metti due testi ed un’immagine

Uno degli errori più comuni, soprattutto per chi non ha l’esperienza, è pensare che per realizzare un progetto grafico cartaceo o web, basta mettere insieme dei testi e delle foto per avere un buon risultato.

Questo è fondamentalmente sbagliato. La grafica che sia su carta o nel web ha delle regole che vanno rispettate se si vuole avere un progetto si bello gli occhi, ma anche vincente.

La progettazione creativa è semplice e facile

Fatelo voi no?
O meglio, sicuramente se vi mettete d’impegno sarete in grado di realizzare qualcosa ma con con quale risultato?

Fare il grafico o il web designer comporta anni di studio, passione, dedizione ed esperienza che portano il professionista a trovare la giusta soluzione nei migliori tempi, modi e senza perdere di vista l’obiettivo da comunicare.

La percezione del valore di un creativo

Questa domanda è per i creativi. Quante volte vi viene chiesto di lavorare gratis o sottopagati?

Quello che spesso non viene compreso, è che il lavoro di un creativo ha lo stesso identico valore di un qualsiasi altro lavoro.
Di un creativo tu non paghi il prodotto finale in se, ma paghi l’idea, l’esperienza e la professionalità che ti portano a realizzare un progetto vincente.

Tanto ti bastano 5 minuti

O 5 ore, dipende!

Si perchè vi svelo un segreto… non sempre l’idea giusta nasce in 5 minuti e tantomeno la si può realizzare in questo lasso di tempo.

L’idea vincente può nascere in qualsiasi momento e può essere influenzata da fattori esterni come l’umore, il luogo o il momento. Impariamo a capire che per ogni progetto ci vuole il giusto tempo. Fidati!

Il Grafico/Web Designer… è un Informatico

No, no e ancora no!
Saper usare programmi di grafica come Photoshop e Illustrator, saper realizzare un sito web bello e funzionale o avere conoscenze sul mondo del web non fa di noi degli informatici!

Un grafico o web designer non deve aver per forza avere conoscenze d’informatica. Magari le ha per una passione o curiosità personale, ma questo non vuol dire che può risolvere i problemi al vostro computer.

Ed io che ne so, sei tu il creativo!

Essere creativi non ci da il super potere di leggere nella mente o prevedere il futuro.

Anche i grafici o i web designer hanno bisogno di conoscere il progetto su cui si lavorerà, conoscere il cliente, i suoi gusti e la sua visione.
Brancolare nel buio allunga solo i tempi e spesso porta a risultati che possono essere soddisfacenti per chi li realizza ma non per il cliente.

Il cliente (non) ha sempre ragione

Il lavoro di un grafico o web designer, sta anche nel saper ascoltare e reinterpretare in modo creativo i bisogni e le esigenze di ogni cliente.

Questo però non vuol dire che lo stesso cliente può stravolgere a suo piacimento un progetto. Se ci si affida a un professionista è giusto dire la propria, ma bisognerebbe imparare a fidarsi.

E tu cosa ne pensi?

Potrebbero interessarti anche:

• Trucchi e consigli SEO per siti in WordPress (e non solo)
• Scaricare contenuti Instagram
• Perchè NON scegliere Wix per il tuo sito web
• Pagina 404, cos’è e come sfruttarla a nostro favore

Trucchi e Consigli per Canva

Canva negli anni sta diventato uno strumento sempre più utile per tutti quegli utenti che hanno la necessità di realizzare delle grafiche professionali ma non hanno la possibilità di affidarsi a un grafico professionista, non hanno le conoscenze o semplicemente il tempo per imparare programmi complessi di realizzazione grafica.

Inoltre la comodità di Canva è che può essere usato sia da Desktop che da Mobile con una versione in App davvero interessante e performante.

Quest’articolo non vuole essere una guida a Canva, ma un elenco di interessanti trucchi e consigli che potrebbero rendere la vostra esperienza nella realizzazione delle vostre grafiche, ancora più interessante.

Non mi resta che augurarvi buona lettura!

Salva la tua palette colori che usi più frequentemente

Canva ti consente di salvare la tua palette colori nella sezione “Kit Aziende”. Questa funzione può esserti utilissima per salvare i tuoi colori preferiti e per mantenere una coerenza di colori all’interno delle tue grafiche. In questo modo non dovrai più preoccuparti di cercare ogni volta i codici del colore che ti serve.

N.B: Gli account gratuiti di Canva possono avere una palette di massimo tre colori. Solo gli utenti Canva pro possono avere fino a 100 tavolozze con 100 colori ciascuna.

Genera la tua palette colori da un’immagine

Forse non lo sapevi, ma Canva ti da la possibilità di generare una palette colori partendo da un’immagine.

Per fare questo vai su Palette Color Generator, carica la tua immagine e in pochi istanti otterrai un palette dei colori dominanti dell’immagine caricata con i relativi codici esadecimali da riportare poi nella tua composizione.

Crea la tua palette colori e combina i font

Canva mette a disposizione due interessanti funzioni che ti permettono di realizzare la tua palette colori e scegliere la migliore combinazione di font per la tua grafica.

Se desideri idee per diverse tavolozze di colori, puoi semplicemente visitare le tavolozze dei colori di Canva, aggiungere qualsiasi parola chiave e trovare molti modelli diversi tra cui scegliere.

Canva Color Weel: Al suo interno troverai una ruota che ti permetterà di creare gli accoppiamenti color migliori
Canva Font Guide: Al link è presente un’interessante guida messa a disposizione per trovare le migliori combinazioni di font per le tue grafiche
Canva Colors: A questo link potrai trovare tutte le funzioni utili messe a disposizione da Canva per realizzare le tue palette colori

Utilizza gli shortcode e risparmia tempo

Canva, come tutti i programmi, ha integrati degli shortcode che ti permettono di rendere ancora più fluida la tua esperienza di realizzazione.

Clicca qui per visualizzare tutti gli shortcode principali rilasciati da Canva!

Rimozione dello sfondo da un’immagine

Con Canva Pro hai la possibilità di rimuovere lo sfondo dalla tua immagine in pochi istanti.

Seleziona la tua immagine, clicca su “Modifica Immagine” e subito dopo su “Strumento rimozione dello sfondo” nella sezione Effetti. Come per magia lo sfondo della tua immagine scomparirà permettendoti di sovrapporla agli elementi desiderati. Inoltre, con lo strumento “gomma” avrai la possibilità di eliminare parti di fondo specifiche.

Animazioni istantanee

Con Canva Pro, puoi aggiungere facilmente animazioni istantanee a post social per creare le tue presentazioni in movimento. Inoltre una volta creata la tua animazione con un semplice click la potrai scaricare in Gif o video.

Filtra gli elementi per colore

Canva ti offre un catalogo di elementi vastissimo. Per questo motivo ci vengono in soccorso i suoi filtri che ci permettono di sfoltire queste ricerche. Sicuramente una delle più interessanti è quella che filtra in base al tipo di colore che ti permetterà di cercare immagini con uno stile simile.

Ti basterà digitare la tua “chiave di ricerca”, cliccare sull’icona del filtro affianca alla barra di ricerca e infine selezionare il colore scelto dalla tavolozza.

Utilizza i codici elemento

Spesso è molto difficile trovare alcuni elementi all’interno di Canva perchè (soprattutto i migliori) sono sepolte sotto la profondità del sistema.

Cercando in Google si possono trovare molti di questi codici che, applicati nella barra di ricerca, ti permettono di trovare davvero delle perle utili e interessanti all’interno di Canva.

Allinea il testo o un’immagine perfettamente

Canva ti permette di allineare il testo, gli elementi o le tue foto in maniera facile, veloce ma soprattutto automatica.

Allinea o posiziona

• Seleziona l’elemento che vuoi allineare
• Clicca su “Posizione” sulla barra in alto
• Scegli l’opzione di allineamento preferita

Raggruppa e separa

Seleziona tutti gli elementi che vuoi raggruppare (o viceversa il gruppo che vuoi separare) e poi clicca su “Raggruppa” o “Annulla Raggruppamento” nella barra in alto.

Mac: CMD+G (per raggruppare) – CMD+SHIFT+G (per separare)
Windows: CTRL+G (per raggruppare) – CTRL+SHIFT+G (per separare)

Crea un’ombra o altri effetti ai tuoi elementi

Creare un’ombra o altri effetti alle tue immagini o ai tuoi elementi può creare degli effetti molto interessanti come la profondità di campo o il contrasto tra luci e ombre.

Clicca su un testo sul tuo disegno. Seleziona “Effetti”, al suo interno troverai diversi effetti interessanti, tra cui ad esempio “Ombra” che una volta selezionati ti permetterà di regolare l’ombra con diversi parametri per dare più o meno profondità.

Attivare il righello

Non tutti sanno che è possibile attivare i righelli attorno al tuo spazio di lavoro, questi possono essere davvero utili per aiutarti ad allineare i tuoi elementi impostando dei margini personalizzati.

Una volta aperto un documento, per attivare i righelli, non dovrai fare altro che andare su “File” e attivare “Mostra livelli guide” e “Mostra margini”.
Una volta attivati, posizionando il mouse sopra uno dei due livelli, ti basterà tenere premuto il pulsante sinistro e trascinare il puntatore sul foglio per attivare una delle guide che ti permetteranno di avere un punto di allineamento.

Collegamento ipertestuale nei PDF

Lo sapevi che, puoi creare dei collegamenti ipertestuali a qualsiasi testo, immagine, elemento o video? Questo ti permetterà se esporterai in PDF di avere delle aree attive e cliccabili.

Per far ciò ti basterà selezionare l’elemento che t’interessa, cliccare sull’icona fatta a catena nella barra in alto, inserire il link del sito scelto e cliccare su applica.

Una volta esportato in PDF, se si cliccherà sull’elemento attivo, questo ti aprirà la pagina del sito scelto.

Utilizzare Pexels e Pixabay all’interno di Canva

Questo suggerimento è pensato per tutte le persone che usano Canva nel suo piano Free.

Canva integra moltissime librerie gratuite tra cui Pexels e Pixabay che sono degli stock di immagini free in alta qualità davvero interessanti.

Una volta aperto il tuo progetto, non dovrai fare altro che andare nel menù di sinistra, cliccare su “Altro” e selezionare l’importatore di immagini che ti interessa, poi sta a te scegliere il contenuto che più ti piace!

Tips nella Tips: Nell’articolo che trovi “Cliccando Qui” vi lascio un po’ di idee e siti interessanti dove scaricare contenuti gratuiti da poter caricare su Canva con un semplice Drag and Drop!

Crea le tue cornici o i tuoi collage con i Canva Frames

Canva Frames è una funzione davvero utile che ti permette di aggiungere cornici, griglie e molto altro, per creare dei collage o effetti davvero interessanti.

Come creare questo effetto?

• Apri il tuo progetto;
• Nella scheda Elementi del menù di sinistra digita “Frame” nella barra di ricerca;
• Seleziona una cornice/griglia/mockup a tua scelta;
• Trascina e rilascia qualsiasi immagine al suo interno e fai doppio clic per regolarla nuovamente

Copiare lo stile di un elemento

Durante un processo creativo, potrai avere la necessità di copiare lo stile di un elemento per riportarlo uguale su un altro, senza dover ricrearlo passo a passo.
Copia lo stile di un elemento

Il pulsante “Copia Stile” ti permetterà di copiare tutti gli stili presenti su un font o un’immagine per poi copiarli identici su un altro elemento scelto.

Selezione degli elementi sottostanti

Non odi quando stai realizzano la tua grafica e devi selezionare un elemento che è sotto ad altri ma sei sempre costretto a spostare tutto?

Ti lascio una piccola scorciatoia che ti permetterà di risolvere questo problema:

• Premi CTRL + Click (su Windows) o CMD + Click (su Mac) per selezionare il primo livello della pagina;
• Tieni premuto il pulsante CTRL o CMD e continua a fare clic fino a raggiungere il livello che desideri modificare.

Filtra gli elementi tra Free e Pro

Su Canva puoi filtrare facilmente le ricerche tra gli elementi free (gratuiti) e pro (a pagamento). Questo ti permetterà di fare una grossa prima scrematura nelle tue ricerche.

Smart Mockups con Canva

Forse non tutti lo sanno ma con Canva hai la possibilità di condividere le tue grafiche adattate su dei Mockup che possono darle vita.
Se il tuo progetto deve essere stampato su abbigliamento, prodotti tecnologici, libri o altro, Canva integra al suo interno la funzione di SmartMockups!

Ma come fare per convididere la tua grafica in mockup?

• Una volta progettata la tua grafica, clicca su “Condividi”;
• Nella scheda “Condividi”, clicca su “Altro” e al suo interno troverai la voce SmartMockups;
• Registrati su SmartMockups ed il gioco è fatto!

Canva Logo Maker e crea il tuo logo

Canva offre moltissimi modelli di partenza che puoi trovare nella sezione “Modelli Aziendali” per iniziare a progettare il tuo logo.

Seleziona il tuo preferito, applica le modifiche che ti interessano ed in pochi minuti il gioco è fatto!

Ovviamente per avere un logo professionale e di alta qualità è sempre buona cosa affidarsi a un professionista, ma se il budget è basso o si vuole semplicemente sperimentare, è un ottima soluzione!

Ridimensionamento automatico dei post

Sei un social media o ti hai necessità di creare contenuti grafici per i tuoi social?

Lo strumento Magic Resize di Canva Pro ti consentirà di ottimizzare un unico design per tutti i tuoi social!

• Dopo aver realizzato il progetto il tuo progetto, fai clic sul pulsante “Ridimensiona” nella barra dell’intestazione;
• Inserisci un formato di progettazione o inserisci dimensioni personalizzate.
• Fai clic su “Ridimensiona” e il tuo design sarà ottimizzato in base al formato scelto!

Crea piccoli siti Web o Portfoli

Hai letto bene, con canva è possibile creare il tuo sito web o il tuo portfolio interattivo esportabile in codice.

Puoi scegliere tra i tantissimi modelli messi a disposizione da Canva in “Modelli aziendali”

Una volta realizzata la tua grafica avrai la possibilità di Pubblicarla come sito web tramite Canva!

Ovviamente tutto questo ha le sue limitazioni, Canva non è uno strumento nativo per la gestione e realizzazione di siti web, soprattutto se questi devono essere modificati costantemente o hanno interazioni complesse.

Inoltre non potrai modificare l’URL di Canva.

Insomma se vuoi realizzare un sito web professionale dovrai per forza imparare altri programmi o affidarti ad un professionista, ma per piccole pagine potrebbe essere un’interessante soluzione.

In Conclusione:

Se anche uno dei trucchi e consigli elencati vi è tornato utile, quest’articolo ha raggiunto il suo scopo.
Non limitate la vostra creatività, espandetela e dategli sfogo per creare sempre contenuti unici e personali!

Potrebbero interessarti anche:

• Come creare la tue Palette Colori
• Material Design: cos’è e come funziona
• Siti per idee grafiche e non solo
• Creare Gif personalizzate per Instagram Stories