Fondamenti del design: costruire il tuo marchio e il tuo sito

Se sei un designer, probabilmente ti fermerai più o meno in questo momento, ma se non lo sei allora resta per il viaggio e impara tutto sui fondamenti del design.

Il design non consiste solo nel far sembrare le cose belle. Si tratta davvero di manipolare e insegnare all'utente come utilizzare il tuo sito web. Il ruolo di un designer è quello di tracciare il percorso che un utente dovrebbe intraprendere in modo che possa soddisfare le proprie esigenze e che tutti siano felici.

Spesso, un utente non si accorge nemmeno che sta succedendo. Questo perché il design segue una serie di regole che abbiamo naturalmente imparato visitando centinaia di siti web nel corso della nostra vita.

Composizione

Tutto ciò che vedi su una pagina è lì per un motivo e un buon design seguirà una serie di regole denominate principi di progettazione Gestalt .

I cervelli umani sono meravigliosi in quanto possono riempire le lacune di un'immagine senza doverci pensare consapevolmente. Se hai mai visto una faccia in un oggetto inanimato, questo è il tuo cervello che fa proprio questo.

I principi della Gestalt si basano fondamentalmente su come funziona il nostro cervello. Durante la giornata, il tuo cervello cerca freneticamente di semplificare e organizzare una serie di immagini complesse ogni secondo, il tutto mentre sorseggi semplicemente il tuo caffè!

Siamo costruiti per cercare schemi e strutture all'interno di tutto ciò che guardiamo, organizzando inconsciamente tutto in un sistema organizzato nella nostra mente. I progettisti utilizzano quindi questa conoscenza per progettare per la mente subconscia utilizzando i seguenti principi:

Figura/sfondo

Figura/sfondo utilizza il concetto di spazio negativo e contrasto. Il cervello separerà gli elementi in ciò che considera in primo piano e sullo sfondo. Prenderà una parte dell'immagine e le assegnerà il ruolo di "punto focale" e vedrà l'area più ampia di un'immagine come sfondo su cui si trova la figura.

Questo si vede spesso nelle illusioni ottiche, ma può essere applicato a loghi e siti web. Ad esempio, il logo FedEx utilizza lo spazio negativo nel logo per creare l'illusione di una freccia nascosta all'interno.

Lo spazio negativo tra la "E" e la "x" fa sembrare che ci sia una freccia lì.

Prossimità

Questo principio si concentra sull'idea che il cervello cerca di raggruppare le cose. Gli oggetti che sono molto vicini l'uno all'altro sembrano far parte di una famiglia. Anche se le forme sono identiche, il loro posizionamento è ciò che fa presumere all'utente che gli elementi facciano parte di un gruppo.

Anche se il colore, la forma e le dimensioni sono tutti uguali, il nostro cervello ci dice che si tratta di tre gruppi separati:

Connettività uniforme

Questo è uno dei modi principali in cui i designer "insegnano" all'utente come utilizzare il sito web. Questo può essere fatto attraverso il colore, le dimensioni e la forma. È lecito ritenere che le informazioni fornite ad es. nei cerchi siano di natura simile e le informazioni fornite ad es. nei quadrati siano di natura diversa dai cerchi.

continuazione

La continuazione, o allineamento, si basa sull'idea che l'occhio umano seguirà il percorso più semplice su una pagina. Pertanto, qualsiasi informazione importante dovrebbe rientrare in quella riga in quanto è il primo posto in cui l'utente cercherà.

Può essere fatto in modo molto sottile poiché le linee dirigono l'occhio dello spettatore con linee letterali o forme che cadono naturalmente in una linea. Questo può essere visto in genere nei diagrammi di flusso e nelle infografiche, ma anche nei siti di eCommerce su slider orizzontali che mostrano prodotti correlati.

Le griglie sono una parte importante di questo allineamento. Nato dall'idea di semplicità, il movimento artistico Bauhaus nato in Germania all'inizio del XX secolo ha iniziato il concetto di griglie.

Colore

Il colore è ovviamente importante per il riconoscimento del marchio. Non appena vediamo i luminosi archi dorati di McDonald's su uno sfondo rosso sappiamo di cosa si tratta. Questi colori non sono stati scelti a caso, ma c'è della scienza dietro.

Ad esempio, la scelta del rosso e del giallo di McDonald's viene utilizzata perché sono colori caldi che aumentano la frequenza cardiaca e quindi ti rendono più affamato e più propenso ad acquistare i loro prodotti alimentari.

Il colore è molto legato alle emozioni. Devi pensare a chi è il tuo pubblico e a quali emozioni vuoi che il tuo marchio sia associato.

Giallo

Comunemente associato alla felicità e alla fiducia. I suoi colori caldi lo rendono adatto all'uso nell'industria alimentare perché può aumentare l'appetito. Tuttavia, ci sono fattori di età da considerare. Il giallo può rendere i bambini più inclini a piangere, ma gli adolescenti e i giovani adulti si sentono più ottimisti riguardo al colore giallo. Questo poi cambia di nuovo quando raggiungi la fascia demografica più anziana che quindi associa il giallo alla paura.

Blu

Spesso utilizzato in ambito medico e per la tecnologia. Ha una qualità più calma e serena e può sembrare più professionale. Ha anche l'effetto opposto sull'appetito e in realtà lo sopprime di più.

Viola

Il viola è associato a ricchezza, potere e successo. Questo deriva dal fatto che i re indossavano il viola come segno di ricchezza poiché era uno dei pigmenti più difficili con cui tingere i panni: bisognava essere molto ricchi per ottenere vestiti di quel colore. Questo ha portato avanti nel nostro subconscio e dà al viola le stesse connotazioni di centinaia di anni fa.

Rosa

Il rosa è noto per le sue qualità calmanti. I suoi effetti sono così potenti che i colori sono usati nelle carceri per calmare inizialmente i detenuti. Quindi ha anche associazioni più stereotipate come l'amore e il romanticismo.

arancia

Simile al giallo in quanto colore caldo, l'arancione trasmette emozioni di entusiasmo ed eccitazione. Può essere usato come una versione più delicata del giallo poiché è più accessibile e amichevole. I suoi colori vivaci significano anche che può essere usato per i segni per attirare l'attenzione o per mettere in guardia senza essere duro come ad esempio il rosso.

Riunirlo insieme

Questa è solo l'introduzione al design. Come puoi vedere, ci sono molti elementi e molte riflessioni che possono andare dietro a qualcosa che a prima vista può sembrare relativamente semplice. Ma ogni marchio e sito Web è essenzialmente creato tramite una combinazione di alcuni di questi principi per creare i marchi e i siti che impari a riconoscere all'istante.

Se desideri saperne di più sul design, non esitare a metterti in contatto con uno dei nostri creativi.