I 17 consigli di progettazione grafica che tutti i non designer devono sapere

Pubblicato: 2016-03-29

Ho una confessione da fare…

Non sono un grafico qualificato. Ma se stai leggendo questo post, probabilmente non lo sei neanche tu. E immagino che non andrai alla scuola d'arte tanto presto.

Ora ecco la buona notizia...

Se stai progettando immagini per post di blog, social media o annunci online, non hai bisogno di una laurea in graphic design. Hai solo bisogno di avvolgere la testa intorno ad alcune best practice. Ed è qui che entro in gioco.

In questo post, abbiamo raccolto 17 suggerimenti di progettazione grafica che tutti i non designer devono conoscere. Se li segui, sarai sulla buona strada per produrre una grafica fantastica per tutte le tue esigenze online.

1. Inizia con una grande tavolozza di colori

Hai mai notato che i migliori design tendono ad avere bei colori? Non è un caso. La scelta di un'ottima tavolozza di colori è una delle chiavi per un ottimo design.

Ora, prima di rabbrividire al pensiero di scegliere i tuoi colori, non devi farlo. L'utilizzo di un sito come ColourLovers ti darà accesso a milioni di bellissime tavolozze di colori. Trova un codice esadecimale che ti piace e usalo nel tuo progetto.

Ecco alcune ottime risorse per trovare tavolozze di colori:

  • Pigmento di Shapefactory
  • Coolor
  • Adobe Color

Se stai cercando altre idee per combinazioni di colori, dai un'occhiata al nostro elenco dettagliato di risorse per l'ispirazione della tavolozza dei colori!

Amanti del colore

2. Non lasciarti trasportare dai caratteri

Idealmente, vuoi limitarti a 1 o 2 caratteri. Questo ti impedisce di doverti preoccupare di tonnellate di combinazioni di caratteri. Se hai intenzione di utilizzare più caratteri, usane uno per l'intestazione e un altro per il corpo.

Limita i caratteri

3. Avere un "File di scorrimento"

Questo termine deriva dal mondo del copywriting, ma è ugualmente applicabile qui. Un "File di scorrimento" si riferisce a istanze di buona copia che i copywriter vedono. Nel nostro caso, significherà esempi di buon design che vedi.

Prendi questi esempi, archiviali da qualche parte (il tuo computer, la casella personale, ecc.) e poi riportali quando è il momento giusto. A patto di non derubare qualcun altro nella sua interezza, non c'è da vergognarsi nel prendere in prestito un po' di genialità del design.

Se stai progettando immagini per gli annunci di Facebook, potresti voler dare un'occhiata alla Galleria di annunci di Facebook di AdEspresso. Puoi anche controllare siti di design come Dribbble e Behance.

4. Non aver paura di dimenticare

No, non oscurare nel senso di distanziare. Piuttosto, non aver paura di lasciare uno spazio vuoto nel tuo progetto. A volte, come si suol dire, meno è davvero di più.

Spesso i design sono così disordinati che uno spazio bianco senza nulla che lo occupi migliorerà effettivamente il design. Questo potrebbe richiedere un po' di adattamento mentale da parte tua. Ma con il giusto cambiamento, puoi usare questo semplice concetto per saltare oltre i designer apparentemente "esperti".

Se vuoi una lezione su come utilizzare lo spazio bianco, guarda qualsiasi immagine di marketing creata da Apple.

iphone-spazio-bianco

5. Allinea i tuoi oggetti

Ciò aiuta a mantenere gli elementi di design in un ordine presentabile, indipendentemente dalle loro diverse dimensioni. Un corretto allineamento è un modo semplice per dare alle tue immagini un aspetto sofisticato e professionale.

Quando trascini gli elementi in Snappa, le linee della griglia appariranno automaticamente rendendo super facile allineare gli oggetti.

Allinea gli oggetti

6. Usa le icone per supportare il tuo messaggio

Le icone sono come il pepe nero. Possono essere cosparsi sopra qualsiasi disegno tu stia preparando. E le icone aggiungeranno un tocco in più al tuo design, assicurandoti che abbia un "gusto" eccezionale.

Usiamo le icone abbastanza ampiamente per rafforzare il contenuto dei nostri post sul blog. E se vuoi imparare dai maestri, dai un'occhiata al blog dell'Helpdesk per qualche ispirazione in più.

Icone di aiuto

7. Segui le tue regole di progettazione

Regole, quali regole? Quelli che ti sei prefissato.

Queste probabilmente non saranno regole specifiche. Ma piuttosto casi nel tuo progetto in cui usi un particolare insieme di colori, linee, trame, ecc. Se sei impostato su quella scelta, non voltarti e non fare qualcosa di contrario ad essa. Rimani coerente con le tue "regole di progettazione", per garantire la coerenza della tua immagine in generale.

8. Risciacquare e ripetere

Se stai lavorando con più design in una campagna pubblicitaria, un sito Web o un altro progetto, potrebbe essere più semplice per te semplicemente risciacquare e ripetere. Cioè, copia il tuo design e poi sostituisci gli elementi che ti servono per cambiare. Ciò garantisce che il formato sia lo stesso, anche se cambi il contenuto.

9. Usa varianti di carattere

Puoi aggiungere molta varietà, pur mantenendo le cose coerenti. La chiave è utilizzare il testo di una singola "famiglia" di caratteri.

Un esempio di "famiglia" di caratteri sarebbe Arial che ha il carattere Arial di base, insieme a varianti come Arial Black, Arial Narrow e Arial Rounded MT Bold. Questi caratteri sembrano tutti diversi. Eppure c'è abbastanza di un filo comune tra loro che darà un senso di coerenza se usati insieme nei progetti.

Varianti di carattere

10. Sfrutta al massimo i contrasti

L'uso dei contrasti aiuta ad aggiungere "atteggiamento" al tuo design, oltre a far risaltare determinati elementi. Ci sono anche molti modi per generare contrasti. Puoi utilizzare colori, caratteri o persino quantità di spazio contrastanti tra gli elementi nel tuo design.

Pensaci anche in un contesto del mondo reale e vedrai perché questo ha senso. Una persona alta sette piedi (il lottatore Andre the Giant, per esempio, o il giocatore di basket Yao Ming) attira l'attenzione perché contrasta con la popolazione generale. Lo stesso vale per gli elementi contrastanti nel tuo design.

Se vuoi identificare quali colori contrastano, usa una ruota dei colori come Adobe Color.

Colori contrastanti

11. Usa una linea (o due) per creare un senso di ordine

Le linee aiutano ad ancorare gli elementi in un'immagine e creano la sensazione che ci sia un ordine generale. Usa le linee nella tua immagine mettendole attorno a blocchi di testo – lì ancorando il testo.

Puoi anche inserire linee come "separatori" tra i vari elementi nell'immagine. In quest'ultimo caso, il senso di separazione degli elementi favorisce la sensazione di pianificazione e coordinamento nella progettazione. aggiungi una riga

12. Pianifica il tuo design

Abbiamo inserito questo suggerimento a metà dell'elenco dei suggerimenti per rispecchiare il punto in cui la pianificazione di solito rientra nel processo di progettazione grafica della maggior parte delle persone.

Piuttosto che avere la pianificazione come primo passo essenziale, il non designer medio inizia a pensare seriamente ai propri piani per un progetto solo DOPO che si è ben inserito nel processo di progettazione.

La fase di pianificazione non deve essere lunga. In effetti, può essere solo un minuto o due. Ma se sai cosa vuoi ottenere prima di iniziare a progettare, farai le cose molto più velocemente.

13. Aggiungi testo sulle immagini regolando i livelli di luminosità

Quando il tuo progetto prevede l'inserimento di testo sulle immagini, regola il livello di luminosità dell'immagine di sfondo o aggiungi una sovrapposizione di colori. In questo modo l'immagine di sfondo sfalserà il colore del testo, rendendo il testo leggibile e il design ancora pulito e chiaro.

Puoi facilmente trasformare i preventivi in ​​grafici con il nostro creatore di preventivi online gratuito!

Livelli di luminosità

14. Struttura attentamente la tua copia corporea

Ogni volta che hai un corpo di testo (cioè paragrafi), ogni riga non dovrebbe avere più di 30-40 caratteri circa. Ciò include anche gli spazi, quindi scegli attentamente.

Se superi questa lunghezza approssimativa, corri il rischio che le frasi diventino difficili da leggere per i lettori. E più breve, e le tue righe di testo iniziano a somigliare a pezzi di Tetris, cadendo con noncuranza in un flusso irregolare.

15. Pensa a chi stai progettando

A meno che non sia puramente per il tuo divertimento personale, probabilmente stai progettando per un pubblico specifico. Non dimenticare mai quel "chi" per cui stai progettando. Ciò ti assicura di creare qualcosa che il pubblico previsto per il tuo design vuole effettivamente vedere e qualcosa a cui reagirà favorevolmente.

Il contesto è importante qui. Un design scuro, sporco e persino inquietante, ad esempio, non sarebbe il genere di cosa che vorresti avere su un sito web per un prodotto di lusso e costoso. Lo stesso sarebbe vero, ad esempio, con un design che sembra troppo "infantile" (nei suoi colori chiari, uso di linee ondulate, cartoni animati, ecc.) per un pubblico adulto maturo.

16. Lascia che la forma segua la funzione

Per quanto tu abbia sentito dire, è ancora innegabilmente vero: la forma segue la funzione. Quindi assicurati di conoscere la funzione del tuo design. Sapendo che sarai in grado di arrivare più facilmente a una forma che funziona. Avrai un'idea migliore di cosa appartiene al design e cosa no.

Una pagina iniziale, ad esempio, progettata per raccogliere e-mail solo prima del lancio, probabilmente non ha bisogno di un carosello con le immagini. Quando abbiamo avuto il nostro periodo di registrazione iniziale, non abbiamo utilizzato elementi che complicavano il nostro sito Web iniziale. Piuttosto, abbiamo adattato la forma del sito alla sua funzione, ovvero ricevere le email delle persone. Questi fantastici esempi di design hanno utilizzato questa regola anche per aumentare i tassi di conversione e migliorare l'esperienza dell'utente.

Tutto questo si riduce alla conoscenza del "perché" del tuo design. E anche pensandoci bene.

17. Rendilo semplice

Hai mai visto un film - mi vengono in mente film di supereroi ed epopee di fantascienza - che ha troppi effetti speciali. Troppe esplosioni, astronavi in ​​corsa, robot giganti e così via. Alla fine gli effetti speciali si confondono e disattivano la maggior parte di ciò che accade altrove nel film. (Ti stiamo guardando, Transformers .)

È lo stesso con il tuo design. Se esageri con troppi effetti speciali come ombre e sfumature di tinta, ti sposterai rapidamente verso un'immagine gonfia ed esteticamente tenue.

È ancora possibile utilizzare alcuni "effetti speciali" di design. Ma cospargili a manciata sul tuo disegno, come faresti con un po' di aceto balsamico su un'insalata. Troppo balsamico e nega l'insalata. E troppi effetti speciali e nega il resto del tuo design.

Mantienilo semplice

Conclusione

Come puoi vedere, il design grafico non deve essere difficile. Segui questi 17 suggerimenti e sarai sulla buona strada per produrre fantastiche immagini online.