5 principi di base della progettazione grafica che prendi per tutti i giorni

Nell'era visiva di Internet è relativamente facile creare i propri progetti grafici, ma non devono sembrare fatti in casa.

Nell'era visiva di Internet è relativamente facile creare i propri progetti grafici, ma non devono sembrare fatti in casa.
Annuncio pubblicitario

Nell'era visiva di Internet è relativamente facile creare i propri progetti grafici, ma non devono sembrare fatti in casa.

Che tu stia progettando un logo, un annuncio di un evento, un banner di un social network, una carta intestata o una newsletter; hai assolutamente bisogno di conoscere cinque principi di base della progettazione grafica. La graphic designer e l'autrice best-seller Robin Williams spiega questi principi nel suo libro classico, The Non-Designer's Design Book .

Oggi forniremo una panoramica di questi principi utilizzando alcuni esempi contemporanei.

Prossimità

Prossimità significa raggruppare elementi insieme in modo da guidare lo spettatore / lettore verso diverse parti del messaggio. Nota sotto nel modello a sinistra, tratto dalle pagine di Apple, gli elementi correlati sono raggruppati insieme, a differenza della disposizione lineare dei disegni amatoriali come mostrato a destra.

prossimità

Sebbene all'inizio gli elementi possano apparire sparsi, la loro vicinanza aggiunge unità e continuità alla pagina. Anche se si intende attenersi ai modelli, è ancora utile conoscere i principi di progettazione ai fini della personalizzazione di un progetto esistente.

Allineamento

Un altro importante principio di progettazione è l'allineamento degli elementi in una disposizione visiva e leggibile. La maggior parte dei designer amatoriali inizia allineando tutto al centro della pagina, ma non è l'unico modo. Sempre con il design "sparso", possiamo vedere l'allineamento degli elementi che aiuta a mantenere il design equilibrato. Il gruppo superiore di testo è allineato a sinistra e tre elementi di testo più grandi sono allineati verticalmente.

allineamento

È importante essere coerenti nell'allineamento degli elementi. Quando guardi il design e qualcosa non sembra giusto, gioca con l'allineamento e vedi se il design può essere migliorato.

Ripetizione

Come l'uso di ganci ripetitivi in ​​una canzone, ripetere gli elementi in un disegno grafico può essere visivamente accattivante. Nei due esempi seguenti, viene usata una lista numerata, ma c'è anche la ripetizione dei cerchi blu che fanno una dichiarazione più audace.

ripetizione

Nel layout a destra, l'immagine del sandwich è ritagliata e mascherata in ripetizioni, così come l'uso di ripetuti tratti rossi sopra la parola "PANE". La ripetizione mette l'accento su particolari elementi di un disegno, e disegna l'attenzione del lettore a quegli elementi.

Contrasto

Il contrasto tra elementi di design può far risaltare una presentazione e farsi notare. Prendiamo ad esempio questo modello originale dal sito di progettazione grafica personale, Canva.com Making Beautiful Designs Il modo semplice con Canva [Iscrizione e credito gratuito] Creazione di bellissimi design La via facile con Canva [Iscrizione e credito gratuito] Cosa accadrebbe se un'applicazione promettesse di rendere possibile a chiunque di creare disegni esteticamente gradevoli? E se la creazione di un design davvero bello fosse solo questione di trascinamento e rilascio? Leggi di più . Gli elementi del design sono raggruppati insieme, con un forte allineamento e ripetizione delle frecce e dei punti elenco. Ma per alcuni scopi, il design originale potrebbe essere un po 'piatto.

canva_template

L'aggiunta del contrasto cromatico rende il design pop e attira l'attenzione su parti importanti della presentazione e del messaggio.

2014

Notare un altro punto di contrasto: le due frecce sono seguite dal segno di spunta nel cerchio, che invia un messaggio visivo. Il colore di quell'elemento potrebbe anche essere cambiato per aggiungere contrasto.

Spazio bianco

A seconda della presentazione, l'uso dello spazio bianco può essere molto potente nel design. È utile quando vuoi fare un messaggio diretto, per distinguerti dal disordine che si trova in molti progetti grafici. In questo modello di biglietto da visita di Canva, lo spazio vuoto aiuta a rendere più chiaro il messaggio.

biglietto da visita

Un lettore di carte vede prima l'elemento grafico, quindi il nome del proprietario, seguito dalle informazioni di contatto. Gli elementi sulla carta sono equilibrati e sgombri.

Lo stesso vale per questo il foglio di copertura di questo modello di proposta di progetto di Pages. Lo spazio bianco offre spazio per lo stile del carattere pulito del titolo, degli elementi grafici e del testo raggruppato. Non aver paura di lasciare uno spazio bianco nel tuo design. Come sottolinea Robin Williams, lo spazio bianco può anche essere una forma di contrasto.

Pages_Template

Apprendimento dei principi grafici

Non sono un grafico, ma anni fa ho imparato molto lavorando attraverso gli esercizi del libro di Robin Williams. Canva.com offre anche diversi tutorial di progettazione che coprono i principi di base sopra e diverse altre tecniche di progettazione. Il sito rende facile per gli utenti personalizzare i modelli e salvare i disegni per un uso successivo.

Mettiti alla prova nell'applicazione dei principi di cui sopra al tuo prossimo progetto di grafica e facci sapere quali sono i tuoi pensieri, idee e suggerimenti per l'apprendimento della progettazione grafica.

Su quali progetti di design hai lavorato ultimamente?

In this article