Come progettare grafica social media che fermano il rotolo

Sono le 8:47 del mattino. Hai un post che deve andare in diretta prima che il caffè entri, una tela bianca che ti fissa e una sensazione fastidiosa che qualsiasi cosa tu faccia sembrerà una nota di riscatto. I caratteri si combattono a vicenda. Colori che si scontrano. Il testo era stipato in un angolo perché era lì che c’era spazio. Hai colpito pubblicare comunque, strizzare l’occhio un po’, e andare avanti.

Ecco la buona notizia: il divario tra “sembra fatto in casa” e “sembra un marchio” non è talento. Non è un programma costoso o un grado di progettazione, neanche. È una manciata di principi che i professionisti applicano al pilota automatico, oltre a un sistema ripetibile in modo da non ripartire mai più da una tela bianca. Questo è esattamente ciò che questa guida ti dà.

Stiamo andando a camminare attraverso come progettare la grafica dei social media nel modo in cui un professionista di lavoro pensa su di loro: gerarchia, contrasto, caratteri, colore e spazio bianco. Poi trasformeremo tutto questo in un kit di modelli riutilizzabili in modo che il tuo post di martedì mattina richieda cinque minuti e sembri ancora che appartenga a te. Nessun gergo che devi fare a Google. Nessun numero di “studi” inventato. Un metodo che puoi iniziare a usare nel tuo prossimo post.

Perché la maggior parte della grafica fatta in casa manca (ed è riparabile)

Quando un grafico si sente “off” ma non si può dire perché, non è quasi mai un grande errore. Di solito sono quattro o cinque piccoli impilati insieme: tutto è della stessa dimensione quindi non si distingue nulla, il testo si trova su uno sfondo occupato quindi devi strizzare lo sguardo, tre diversi tipi di carattere stanno tutti gridando contemporaneamente e l’intera cosa è imballata edge to edge senza spazio per respirare.

La soluzione non è provare più duramente. E’ prendere meno decisioni, piu’ deliberate. La grafica sociale è spietatamente semplice. Di solito dicono una cosa, la dicono ad alta voce e lasciano fuori tutto il resto. Una volta interiorizzati i cinque principi sottostanti, inizierai a individuare i problemi prima di pubblicarli e li risolverai in pochi secondi invece di angosciarti su una tela che non sembra mai abbastanza giusta.

Principio 1: Gerarchia – decidere cosa viene visto per primo

La gerarchia è solo l’ordine in cui il tuo occhio si muove attraverso un grafico. Ogni buon design ha una prima cosa chiara, una seconda cosa e una terza cosa. Il tuo compito è quello di decidere quell’ordine di proposito, perché se non lo fai, il design decide per te, e di solito decide sbagliato.

Pensa a cosa qualcuno dovrebbe assorbire nel mezzo secondo in cui il tuo post viene visualizzato mentre scorrono. E’ il tuo titolo, il tuo gancio, l’idea unica. Dovrebbe essere l’elemento più grande e audace della grafica, senza concorso. Tutto il resto, la tua linea di supporto, la tua maniglia, un piccolo logo, una call to action, è secondario e dovrebbe sembrare secondario.

Un modo semplice per costruire la gerarchia è il metodo a tre livelli:

• Tier 1 (l’eroe): Una breve frase o numero. Quello che vuoi ricordare. Rendere drammaticamente più grande di tutto il resto.
• Livello 2 (supporto): Una sottolinea o una frase di contesto. Più piccolo dell’eroe.
• Livello tre (i dettagli): La tua maniglia, un prompt di scorrimento, un logo. Piccolo, silenzioso, nascosto in un angolo.

L’errore gerarchico più comune è fare i livelli uno e due troppo vicino in termini di dimensioni. Se il titolo è di 60 punti e la sottotesta è di 50, l’occhio non può dire quale sia la cosa più importante, quindi entrambi si sentono importanti, il che significa che nessuno dei due lo fa. Esageriamo la differenza. In caso di dubbio, rendere la cosa più grande e la cosa più piccola. Il contrasto nelle dimensioni è ciò che crea quella sensazione istantanea di “so dove guardare”.

Un test rapido: ridurre il grafico alle dimensioni delle miniature, il modo in cui apparirà effettivamente in un feed affollato. Riesci ancora a leggere la linea dell’eroe? Una cosa domina chiaramente? Se si trasforma in mush, la gerarchia è troppo piatta. Spingilo oltre.

Principio 2: Contrasto – rendere impossibile la cosa importante da perdere

Il contrasto è la differenza tra gli elementi, e sta facendo due lavori contemporaneamente. In primo luogo, rende il testo leggibile. In secondo luogo, crea enfasi e dramma. Entrambi contano enormemente sui social, dove la tua grafica è in competizione con altre centinaia e viene visualizzata su uno schermo del telefono in piena luce del sole.

Il tipo più importante di contrasto è tra il testo e il suo sfondo. Qui è dove la grafica fatta in casa si rompe più spesso: testo grigio chiaro su uno sfondo bianco, o un titolo posto direttamente sulla parte più trafficata di una foto. Se uno spettatore deve lavorare per leggere le tue parole, non lo farà. Scorreranno.

Ecco come garantire testi leggibili ogni volta:

• Metti testo scuro su sfondi chiari o testo chiaro su sfondi scuri. Più grande è il divario di luminosità, più facile è leggere. Squint sullo schermo; se il testo inizia a scomparire, il contrasto è troppo basso.
• Quando il testo è posizionato su una foto, proteggilo. Rilasciare uno strato scuro o chiaro semitrasparente sull’immagine dietro le parole, oppure aggiungere un’ombra morbida al testo o posizionare il testo in un blocco di colore solido. Non fidarti mai che una foto rimanga leggibile da sola.
• Tieni le foto con il testo su di esse relativamente calme. Un’immagine occupata e dettagliata combatte il tuo messaggio. Scegli immagini con aree aperte e non ritagliate in cui le parole possono vivere.

Al di là della leggibilità, il contrasto è il modo in cui si crea un punto focale. Un singolo colore brillante accento su uno sfondo muto tira l’occhio dritto ad esso. Una parola audace in un mare di testo di peso regolare diventa la cosa che le persone leggono per prime. Usa il contrasto intenzionalmente per indicare l’unico elemento che vuoi vedere e mantenere tutto il resto calmo in modo che il puntamento funzioni effettivamente.

Principio 3: Font – due è abbondanza, e l’accoppiamento è un’abilità

Il tipo è dove l’entusiasmo si trasforma in caos più veloce. Si è tentati di raggiungere per un divertente font di visualizzazione, poi un altro, poi uno script per il sapore, e improvvisamente la grafica sembra un campionatore di font. I professionisti fanno il contrario: scelgono un piccolo, deliberato insieme di caratteri tipografici e li usano costantemente ovunque.

La regola che ti salverà: utilizzare non più di due caratteri tipografici per ogni grafico. Uno per i titoli, uno per il corpo. Tutto qui. Si crea varietà non aggiungendo più font, ma variando il peso, le dimensioni e il caso dei due che si è scelto. Una singola famiglia di font che include un grassetto, un regolare e un peso leggero può trasportare un intero design da solo.

Quando si accoppiano due font, puntare al contrasto, non alla somiglianza. Due font che sono quasi uguali sembrano un errore; due che sono chiaramente diversi sembrano intenzionali. Un classico, affidabile abbinamento è un carattere carattere carattere con un carattere pulito, semplice per tutto il resto. Pensalo come una voce forte e una voce calma, non due persone che parlano l’una sull’altra.

Alcune abitudini di font che aumentano istantaneamente la qualità:

• Dare priorità alla leggibilità sulla personalità per qualcosa di più lungo di poche parole. Quel font condensato alla moda potrebbe sembrare fantastico in un titolo di tre parole e diventare illeggibile in una frase completa.
• Osserva la lunghezza e la spaziatura della tua linea. Il testo stipato troppo stretto è difficile da leggere; dai alle tue righe un po ‘di respiro e non lasciare che un titolo corra dall’orlo all’orlo.
• Attenzione a tutte le capsule. È percicante per titoli brevi ma estenuante per testi più lunghi. Riservalo per l’enfasi.
• Scegli una personalità di font e impegnati. Amichevole e arrotondato, tagliente e moderno, classico e serio, scegli l’umore che si abbina al tuo marchio e non vagare da esso post a post.

La coerenza è un’arma segreta. Quando usi gli stessi due font in ogni grafico, le persone iniziano a riconoscere i tuoi post prima ancora di leggere il tuo nome. Questo riconoscimento vale più di qualsiasi scelta di font intelligente.

Principio 4: Colore – costruire una piccola tavolozza e attenersi ad esso

Il colore è emotivo e potente, ed è anche dove le buone intenzioni vanno a morire. L’istinto è quello di utilizzare un sacco di colori perché più si sente più eccitante. In pratica, una tavolozza stretta e limitata sembra quasi sempre più professionale e più “marca” di un arcobaleno.

Costruisci una tavolozza di lavoro di circa tre o cinque colori e usali ovunque:

• Uno o due colori principali che definiscono il tuo look. Ecco cosa le persone associano a voi.
• Un colore di accento usato con parsimonia per le cose che si desidera pop, un pulsante, una parola chiave, un highlight. Perché lo usi raramente, ogni volta ti dà un pugno.
• Un paio di neutrali (un quasi nero, un quasi bianco, forse un grigio tenue) per testo e sfondi. I neutri fanno la maggior parte del lavoro tranquillo e lasciano brillare i tuoi colori principali.

La tua grafica può utilizzare qualsiasi colore che si adatti al tuo marchio e al tuo umore, è tutta una tua chiamata. Il punto non è quali colori specifici scegli; è che scegli un set e ripetilo. La ripetizione è ciò che trasforma “alcuni post” in “un feed riconoscibile”.

Alcuni principi di colore che vale la pena conoscere:

• I colori portano sensazioni. I toni più caldi tendono a sentirsi energici e amichevoli; i toni più freddi si sentono calmi e affidabili; le tavolozze mutate e desaturate si sentono raffinate; quelli luminosi e saturi si sentono giocosi. Scegli un umore che corrisponda al tuo messaggio, quindi lascia che guidi le tue scelte.
• Dai alla tua tavolozza un lavoro di rottura. Una guida approssimativa utile è quella di lasciare che un colore dominante copra la maggior parte del design, un colore secondario lo supporti e un accento appaia in una piccola fetta. Quando l’accento è ovunque, smette di essere un accento.
• Il contrasto mentale, di nuovo. Una tavolozza splendida è inutile se il colore del testo e il colore di sfondo sono troppo vicini in luminosità. Controlla sempre che le tue parole siano leggibili.

Un’altra cosa che vale la pena dire chiaramente: la consistenza del colore è uno dei modi più veloci per apparire come un vero marchio. Se qualcuno può scorrere oltre il tuo post, non leggere una parola, e ancora sapere che è tuo a causa dei colori, hai vinto.

Principio 5: Whitespace – la fiducia per lasciare spazio

Lo spazio bianco, a volte chiamato spazio negativo, è l’area vuota intorno e tra i tuoi elementi. Non deve essere bianco, è solo spazio di respirazione. Ed è il singolo strumento più sottovalutato nel design per principianti, perché l’istinto è sempre quello di riempire ogni centimetro. Lo spazio vuoto sembra uno spazio sprecato. Non lo e’. È ciò che rende lo spazio pieno intenzionale e premium.

Guarda qualsiasi design che sembra costoso e calmo, e noterai che sta dando spazio ai suoi elementi. Il titolo non è bloccato contro il bordo. Il logo non tocca il testo. C’e’ un margine comodo in tutto. Questo spazio sta facendo un lavoro reale: focalizza l’attenzione, segnala la qualità e rende impossibile trascurare il tuo messaggio importante perché nient’altro lo sta affollando.

Modi pratici per utilizzare bene lo spazio bianco:

• Dare a tutto un margine. Tieni i tuoi contenuti lontani dai bordi della grafica. Un bordo coerente di spazio vuoto incornicia il tuo design e impedisce quella sensazione angusta e claustrofobica.
• Cose di gruppo e cose separate non correlate. Metti un titolo e la sua sottovoce insieme in modo che leggano come un’unità, quindi lascia un chiaro divario prima dell’elemento successivo. Lo spazio comunica le relazioni.
• Resistere alla voglia di riempire. Se un grafico si sente vuoto, spesso è un segno che sta funzionando. L’aggiunta di un elemento decorativo per “equilibrare” di solito aggiunge solo rumore. La fiducia è lasciare lo spazio da solo.
• Ricorda il patrimonio immobiliare della piattaforma. Elementi di interfaccia, didascalie e pulsanti si sovrappongono parti dell’immagine su alcuni feed. Tenere i contenuti chiave lontano dai bordi impedisce anche di essere coperti.

Mettere insieme i principi: una build di cinque minuti

Ora vediamo i cinque principi cooperare. Supponiamo che tu stia creando un semplice grafico per un suggerimento che vuoi condividere. Ecco il flusso:

• Inizia con la gerarchia. Decidi la linea che è l’eroe. Scrivilo in grande. Aggiungi una piccola linea di supporto e la tua maniglia, entrambe chiaramente più piccole.
• Imposta i tuoi due caratteri. Headline nel vostro carattere di visualizzazione, tutto il resto nel vostro carattere corpo pulito. Nessuna eccezione.
• Applica la tua tavolozza. Sfondo in un colore principale o neutro, testo in un contrasto neutro e il colore dell’accento su una sola parola o elemento che si desidera pop.
• Controlla il contrasto. Squint. Riuscite a leggere l’eroe all’istante? In caso contrario, scurire lo sfondo o alleggerire il testo fino a quando è possibile.
• Aggiungi spazio bianco. Tira tutto dai bordi, dai all’eroe una stanza e fermati prima di essere tentato di colmare le lacune.

Questa è una grafica finita e dall’aspetto professionale, e una volta che l’hai fatto una manciata di volte, è davvero un lavoro di pochi minuti. Ma possiamo renderlo ancora più veloce e coerente con un sistema di template.

Il sistema di template riutilizzabile per i non progettisti

Ecco il cambiamento che cambia tutto: smettere di progettare singoli post e iniziare a progettare un piccolo set di modelli riutilizzabili. Un modello è un layout che si costruisce una volta, con i font, i colori, la spaziatura e la gerarchia già bloccati, quindi tutto ciò che si fa in seguito è scambiare le parole e l’immagine. Questo è esattamente il modo in cui i marchi con feed raffinati e coerenti funzionano effettivamente dietro le quinte. Non reinventano la ruota ogni mattina. Stanno riempiendo gli spazi vuoti.

Non ne hai bisogno. Un kit iniziale di cinque a sette modelli copre la stragrande maggioranza di ciò che la maggior parte delle persone posta:

• Il modello di citazione o di grande affermazione: Una grande linea eroe, la tua maniglia nell’angolo, uno sfondo semplice. Riutilizzabile senza fine per suggerimenti, prese calde e linee uniche.
• Il modello di elenco o suggerimenti: un titolo in alto e da tre a cinque punti elenco brevi sotto, uniformemente distanziati. Ottimo per caroselli ricchi di valore e veloci how-to.
• Il modello photo-plus-headline: un’immagine con una zona di testo protetta (un blocco di colore o una banda oscurata) in cui vive il titolo. Il tuo cavallo di battaglia per annunci e funzionalità.
• Il modello di domanda o di coinvolgimento: Una domanda audace progettata per invitare commenti, con un sacco di spazio bianco in modo che si sente come un invito aperto.
• La copertina in carosello e la coppia di pagine interne: Un modello di copertina che si aggancia, più un layout interno della pagina corrispondente in modo che i post multi-scivolo si sentano unificati.
• Il modello di annuncio o CTA: Un titolo chiaro, una linea di dettaglio e un ovvio invito all’azione nel colore dell’accento.

Costruiscili una volta, con attenzione, applicando tutti e cinque i principi. Quindi salvali come file riutilizzabili che duplicate ogni volta. La magia è che la coerenza diventa automatica. Poiché i font, i colori e la spaziatura sono inseriti, ogni post che fai è on-brand senza che tu debba pensarci. Il tuo feed inizia a sembrare fatto da una persona intenzionale, perché lo era.

Alcuni suggerimenti per un sistema di template che in realtà regge:

• Mantenere la struttura, modificare il contenuto. Resistere alla voglia di “migliorare” il layout ogni volta. Il punto è che non riprogettate; riempite.
• Costruisci un riferimento di stile master. Nota i caratteri esatti, i valori di colore e le regole di spaziatura in un unico posto in modo che ogni modello corrisponda e non devi mai indovinare.
• Il design per la piazza prima di tutto. Una grafica quadrata pulita si adatta alla maggior parte dei feed. Una volta che i modelli quadrati funzionano, è possibile creare variazioni elevate per storie e formati verticali.
• Battete la tua creazione. Siediti una volta alla settimana, compila diversi modelli contemporaneamente mentre sei nella zona e non dovrai mai più affrontare il panico delle canvas bianche. Questo si abbina magnificamente con la pianificazione dei tuoi post in anticipo utilizzando un modello di calendario per i social media in modo da sapere cosa sta andando fuori e quando.

Errori comuni per smettere di fare oggi

Una lista di controllo rapido. Se stai facendo una di queste, ora sai esattamente come risolverle:

• Tutto della stessa dimensione. Gerarchia piatta. Rendere il vostro eroe drammaticamente più grande.
• Il testo che devi fare per leggere. Contrasto debole. Aumentare il divario di luminosità e proteggere il testo sulle foto.
• Tre o più font. Caos. Tagliare a due e variare il peso invece.
• Una dozzina di colori. Nessuna identità. Tagliare a una tavolozza da tre a cinque e ripetere.
• Confezionato bordo a bordo. Niente respiro. Aggiungi margini e lascialo respirare.
• Reinventare ogni post. lento e incoerente. Costruisci modelli e riempili.
• Ignorando la miniatura. Se è piccolo illeggibile, fallisce nel feed. Visualizza sempre l’anteprima a dimensione di scorrimento.

Il design è solo metà del lavoro

Fare una grande grafica è una vittoria, ma una grafica seduta in una cartella non fa nulla. L’altra metà è farlo costantemente di fronte alle persone, al momento giusto, sulle piattaforme giuste, senza bruciare tutta la mattina in post manuali. Ecco dove un sistema per il resto del tuo flusso di lavoro paga. Una volta che le immagini sono gestite, vale la pena imparare come programmare i post sui social media così il vostro contenuto ben progettato in realtà spedisce su un ritmo affidabile, e vale la pena sapere quale metriche dei social media da monitorare in modo da poter vedere quali dei vostri disegni sono in realtà risonanti e fare di più di ciò che funziona.

Inizia con un template oggi

Non devi rivedere tutto in una volta. Scegli un modello dal kit, l’immagine di citazione è la più semplice e costruiscilo bene: una grande linea eroe, due caratteri, tre colori, spazio bianco generoso, alto contrasto. Salvala. Usalo per i tuoi prossimi tre post semplicemente scambiando le parole. Quella singola mossa renderà già il tuo feed più intenzionale di ieri.

Quindi crea il modello successivo. E il prossimo. Nel giro di un paio di settimane avrai un kit completo, un look riconoscibile e un flusso di lavoro di cinque minuti che mangiava tutta la mattina. Il design smette di essere la cosa che temi e diventa la cosa a cui pensi a malapena, che è esattamente come i professionisti lo vogliono. La grafica di scorrimento non è un colpo di fortuna. E’ un sistema, e ora e’ tuo.