Una guida per principianti alla gerarchia visiva per i progettisti
Pubblicato: 2018-11-07Se sei un grafico, un web designer o se svolgi un lavoro visivo, probabilmente hai sviluppato il tuo processo durante la creazione di un nuovo documento o prodotto. Indipendentemente dal fatto che ci si riferisca in questo modo o meno, uno dei compiti essenziali per iniziare un nuovo progetto è trovare una sorta di gerarchia visiva per il pezzo: una disposizione di tutti gli elementi o le sezioni nella tua suddivisione visiva. La composizione di un nuovo pezzo visivo includerà sempre considerazioni per il layout e la composizione: dove vanno le cose, come si allineano e in quale ordine. Puoi pensare alla gerarchia come a incorniciare quell'elenco di elementi essenziali nel tuo progetto di design in modo tale che le cose più importanti siano presentate all'inizio della creazione.
Creare una gerarchia è importante poiché ti aiuta a dirigere l'attenzione sulla cosa giusta al momento giusto. Una gerarchia è un modo ragionevole per mostrare un'essenza relativa degli elementi offrendo organizzazione nella loro struttura e aiutando uno spettatore a navigare. Sarai in grado di sapere quali informazioni vengono prima dell'altra; saprai esattamente cosa dovrebbe essere letto per primo. Saprai anche a quale parte dovresti prestare maggiore attenzione.
Dovrebbe esserci una gerarchia in tutto ciò che creiamo, anche i saggi che scriviamo a scuola o le relazioni che presentiamo agli investitori per le nostre attività. Tuttavia, nella progettazione, la gerarchia non si riduce al solo testo. Ad esempio, quando visiti un sito Web progettato correttamente, scoprirai che la gerarchia viene applicata per aiutare a strutturare la pagina. Dalle dimensioni del banner di navigazione alle icone, ai blurb e all'immagine dell'eroe. Quindi, mentre la persona che si occupa dei contenuti o il copywriter è impegnato a raccontare la storia del sito web dai suoi elementi più importanti a quelli meno importanti, tu, come designer, dovresti creare una gerarchia visiva corrispondente.
La gerarchia visiva crea un punto focale rendendo i tuoi spettatori più a loro agio e ben allineati, esaminando il tuo design e guidandoli dove si troveranno le informazioni più importanti e attirando la loro attenzione lì. Se non vedi l'ora di ampliare le tue conoscenze sulla gerarchia visiva per costruire la tua carriera di designer, sei nel posto giusto. Questo articolo ti guiderà attraverso alcune delle cose da considerare in modo da poter creare una corretta gerarchia visiva.
Usa le dimensioni a tuo vantaggio
Come grafico, puoi utilizzare le dimensioni a tuo vantaggio riducendo o aumentando vari elementi per aumentare la visibilità. Un elemento di design più grande riceve un po' più di attenzione e quindi dovrebbe essere riservato agli elementi più importanti, interessanti o introduttivi. Ingrandire le dimensioni di un oggetto e le dimensioni in relazione ad altri oggetti (la scala) è uno dei modi più efficaci per dare al tuo progetto una gerarchia visiva e un'organizzazione. Quegli elementi di design che non sono di grande importanza o che non si attaccano agli spunti testuali più importanti, possono essere ridotti in termini di dimensioni in modo che non siano visibili come quelli che hanno un grande significato. Questi tipi di elementi di design appartengono a un punto basso nella gerarchia visiva.
Fai scelte di colore intelligenti
L'altra cosa importante su cui concentrarsi nella creazione di una gerarchia è il colore e il contrasto. Gli esseri umani sono visivamente attratti dal colore, soprattutto se il colore viene applicato in modo strategico per visualizzare le immagini o le informazioni importanti. Ci sono possibilità molto alte che una persona visiti un sito Web e legga più a fondo quando c'è un'organizzazione legata al colore per queste informazioni. Questo è il motivo per cui i grafici e i grafici basati sui dati sono spesso codificati a colori per una migliore visibilità e leggibilità. Colori come il giallo e il rosso trasmettono importanza e urgenza mentre colori come il blu e il verde trasmettono stabilità e calma. Tuttavia, dovresti fare attenzione a non inzuppare il tuo design con tutti i colori dell'arcobaleno poiché potrebbe creare un impatto negativo o distrarre dal messaggio. Usa i colori in modo intelligente e con uno scopo e scoprirai che si traducono bene per l'impatto visivo complessivo del tuo prodotto.
Considera saggiamente la tipografia
L'altro fattore da considerare è il tipo di carattere che decidi di utilizzare e le dimensioni di ciascuno. Ci sono più font tra cui scegliere, quindi spetta a te assicurarti che quelli che scegli siano i migliori e far emergere il messaggio di qualsiasi prodotto. Tradizionalmente, si diceva che le intestazioni e i titoli dovessero utilizzare sans serif o visualizzare i caratteri e che i caratteri di copia dovrebbero essere relegati solo ai caratteri serif. Questo sta cambiando man mano che il mondo si trasforma, ma come regola generale, più grande è il carattere tipografico, più evidente sarà la copia. Generalmente ancora, la copia è organizzata in un formato struttura in cui il titolo superiore è il più grande, i sottotitoli più piccoli sono di dimensioni medie e il testo generale è il più piccolo. Si tratta meno della tendenza o delle aspettative del design e più della leggibilità e della tendenza umana a scansionare.
Gli elementi di design più importanti dovrebbero essere scritti con caratteri che richiamino l'attenzione, ma forniscano sempre chiarezza. L'attenzione non è utile se il lettore non riesce a capire cosa viene scritto. Troppo spesso, le scelte dei caratteri vengono fatte senza guardare come si manifesta ogni lettera. A volte questo ha persino causato un passo falso per un marchio che intendeva scrivere una parola ma il cui carattere faceva sembrare la parola errata o, peggio, inappropriata.
Dopo aver esaminato i suggerimenti sopra indicati, ora sei pronto per creare la tua gerarchia visiva. Considerando che questa è una guida per principianti, tutti i punti trattati in questo articolo sono stati studiati a fondo per aiutarti a trovare la migliore gerarchia visiva per la prima volta e divertirti a farlo. Un modo semplice per sapere se la tua gerarchia visiva è efficace è leggere tutta la lingua del pezzo ad alta voce. Ci sono parti che ti chiamano per cambiare la tua voce o enfatizzare? Quelli sono quelli che attirano la maggior parte della condivisione dell'attenzione. Per i progetti che non contengono molto testo, strizza gli occhi o guarda da lontano e nota dove sono disegnati i tuoi occhi: idealmente, quell'area sarà il punto focale del tuo prodotto. Se sei attratto dalla copia o da elementi visivi di minore importanza, potresti aver costruito qualcosa per distrarre troppo e puoi usarlo come misura per apportare modifiche al progetto prima del suo completamento.