La sezione aurea nel design e perché è importante per il tuo marchio

Sai cosa hanno in comune il nostro DNA e Il Sacramento dell'Ultima Cena di Salvador Dalì con marchi come Pepsi? Sono esempi del rapporto aureo nel design. Il rapporto aureo è un rapporto matematico che può essere utilizzato per creare risultati visivamente piacevoli. E non è solo una questione di risultati creati dall'uomo: il rapporto aureo può essere trovato in tutta la natura e persino nel corpo umano.

Quando si utilizza il rapporto aureo nel design, si ottengono composizioni naturalmente piacevoli all'occhio umano. Che è esattamente come vuoi che il tuo pubblico di destinazione si senta riguardo al tuo marchio. Ed è per questo che in questo blog faremo un tuffo nel rapporto aureo nel design.

Qual è esattamente il rapporto aureo?

Si dice che due quantità formino il rapporto aureo, se il loro rapporto è uguale al rapporto tra la loro somma, alla quantità maggiore delle due. Troppo complicato? Dai un'occhiata alla figura seguente che lo semplifica.

La sezione aurea è anche conosciuta come proporzione divina, Phi e con pochi altri nomi. Secoli fa, diverse anime osservanti e curiose iniziarono a osservare gli incredibili schemi che si verificavano in natura tutt'intorno a loro. La disposizione delle foglie nelle piante, i motivi nei petali di un fiore, come i barcets di una pigna sono disposti in modo così impeccabile e persino le squame in un ananas. Hanno notato che tutti questi avevano lo stesso identico schema. Il suddetto modello va come 1,2,3,5,8,13,21,34 e così via.

Il modello divenne noto come la sequenza di Fibonacci. Quando inizi a calcolare il rapporto di un numero di Fibonacci con il numero che lo precede, la risposta che otterrai sempre è 1,61803. Questo a sua volta viene arrotondato a 3 cifre decimali per ottenere il rapporto aureo. Poiché era naturalmente piacevole per l'occhio umano, questa proporzione è stata quindi incorporata in molti diversi tipi di opere d'arte. Tutto, dalla Gioconda, alle sculture, alla fotografia e all'architettura, è diventato un esempio della sezione aurea nel design.

Alcuni altri esempi del rapporto aureo si possono trovare negli uragani, nei gusci di lumache, nel volto umano (quelli che si allineano più vicini al rapporto sono detti i più belli), nella Creazione di Adamo di Michelangelo e persino nei motivi floreali petali.

Il significato della sezione aurea nel design

Il rapporto aureo è importante da considerare quando si creano materiali di marketing, biglietti da visita, copertine di riviste, siti Web e persino poster, solo per citarne alcuni. Diamo un'occhiata a come puoi usarlo in modo efficace nel design.

Usando il rapporto aureo nel design

Forme che portano il rapporto aureo

Le forme che si allineano con il rapporto aureo hanno la parola aurea aggiunta come significante. Sono rettangoli dorati, cerchi dorati, spirali dorate e triangoli dorati. Se unite correttamente, queste forme possono creare elementi di design che non possono essere ignorati.

Il rapporto aureo in tipografia

Quando un disegno viene creato con del testo, dovresti sempre pensare alla gerarchia della tipografia. È una buona pratica nella progettazione. E a tal fine, puoi utilizzare il rapporto aureo per guidarti su come ridimensionare i tuoi caratteri.

Diciamo, ad esempio, che devi capire la gerarchia per il tuo testo più importante (A), il tuo testo piuttosto importante (B) e il tuo testo non molto importante (C). Se la dimensione del carattere più piccola è 10px, puoi moltiplicarla per 1,618 per ottenere una guida approssimativa per le dimensioni dei caratteri che dovranno essere più grandi.

Il rapporto aureo nella composizione delle immagini

Per realizzare i tuoi progetti rapidamente, senza sacrificare la qualità, chiedi al tuo designer di sovrapporre al tuo design la spirale d'oro. Potranno quindi vedere l'esatta posizione dei vari elementi e decidere se effettivamente si uniscono in armonia. I punti focali di un disegno possono anche essere elaborati utilizzando la spirale aurea. Ciò significa che l'utilizzo della sezione aurea nel design potrebbe aiutarti a scoprire come posizionare un titolo in modo che riceva la massima attenzione, ad esempio. Se il design richiede più energia, questa tecnica può anche aiutare a vedere quali elementi devono essere spostati.

Il rapporto aureo nei loghi

Un logo ben congegnato è molto importante per il tuo marchio. Se fatto bene, diventa l'elemento più facilmente identificabile nel tuo marchio. E gioca un ruolo enorme nel tenerti al primo posto per il tuo pubblico di destinazione. Questo è il motivo per cui il rapporto aureo non dovrebbe essere ignorato nel design del logo. Aiuterà ad attirare l'attenzione dei clienti in un istante e li aiuterà anche a connettersi con il tuo marchio.

Alcuni dei marchi più grandi e di maggior successo al mondo come Pepsi, Twitter e Apple hanno effettivamente i loro loghi allineati con il rapporto aureo. Durante la progettazione di un logo, i designer possono persino pensare alla sequenza di Fibonacci come a una serie di cerchi. I cerchi possono quindi essere riorganizzati per formare la griglia come base del design del logo. Questo è ciò che è stato mostrato nell'esempio sopra, dove puoi vedere come è stato posizionato il logo nei cerchi.

Il rapporto aureo nella scelta dei layout

Inserire un gruppo di elementi diversi in un design, in un modo che sembri coerente, è un lavoro difficile. Soprattutto quando si tratta di landing page o del tuo sito web. Il rapporto aureo, tuttavia, può aiutare a salvare la situazione! Può essere utilizzato per decidere le dimensioni necessarie in un layout e dove verrà posizionato ciascuno degli elementi coinvolti. Un modo molto semplice per iniziare sarebbe impostare le dimensioni in base a 1:1.618 dal get get. E poi usare quel quadro per il futuro. Questo sarebbe l'approccio più pratico in cui è possibile utilizzare la larghezza di base di 960 pixel e quindi dividerla per 1,618. La risposta che ottieni qui sarà l'altezza del design.

Il rapporto aureo e i contenuti sul web

Il rapporto aureo può essere utilizzato anche per determinare come sono disposte le colonne di testo. Sebbene tu possa avere un testo minimo sulle tue pagine di destinazione, questo entrerà in gioco per i tuoi siti web. Ad esempio, una pagina con una colonna di testo stretta a destra e un blocco di testo più ampio a sinistra non solo attira l'attenzione dello spettatore. Evidenzia anche le informazioni più importanti. Per un sito con una larghezza di 960 pixel, ciò significa che la colonna di destra dovrebbe essere larga 367 pixel e quella di sinistra dovrebbe essere 593 pixel.

Il tuo layout potrebbe non consentire un rapporto aureo esatto, ma finché ti avvicini il più possibile al rapporto 1:1,61, otterrai i vantaggi dell'incorporazione del rapporto aureo.

L'altro vantaggio di questa strategia è che aiuta i lettori a navigare tra i diversi tipi di contenuti che includi (ad es. contenuti video, fotografici e testuali). Ed è per questo che troverai esempi di questo layout su molti siti popolari (es. Fast Company, BuzzFeed).

Spaziando i tuoi elementi con il rapporto aureo

L'importanza dello spazio bianco o negativo è qualcosa che abbiamo sottolineato, in tutti i nostri blog di design. Consente agli elementi di un design di respirare e di non sembrare disordinati. Detto questo, sappiamo anche che non è sempre una cosa semplice capire come fare. Capire dove e come lasciare questo spazio negativo può diventare complicato.

Se usi il rapporto aureo, però, avrai sicuramente un buon punto di partenza. E poiché cercare di capirlo senza avere un punto di riferimento può richiedere molto tempo, evitiamolo a tutti i costi. Basta dare un'occhiata all'esempio sopra. Puoi vedere come i quadrati vengono usati per decidere dove deve esserci spazio negativo.

Utilizzo del rapporto aureo per ritagliare le immagini

Uno dei modi più semplici in cui puoi incorporare il rapporto aureo nei tuoi progetti è ritagliare le tue immagini in base ad esso. Non è necessario farlo per ogni singola immagine che hai, ma se ritieni che un'immagine specifica sia importante e debba essere evidenziata, chiedi al tuo design se può ritagliarlo in un rettangolo dorato. Puoi anche implementare questa tecnica quando scatti foto. La spirale aurea può essere utilizzata come guida per la composizione dell'immagine.

Uno dei modi più semplici in cui puoi incorporare il rapporto aureo nei tuoi progetti è ritagliare le tue immagini in base ad esso. Non è necessario farlo per ogni singola immagine che hai, ma se ritieni che un'immagine specifica sia importante e debba essere evidenziata, chiedi al tuo design se può ritagliarlo in un rettangolo dorato. Puoi anche implementare questa tecnica quando scatti foto. La spirale aurea può essere utilizzata come guida per la composizione dell'immagine.

Qual è la regola dei terzi?

Questo principio è simile al rapporto aureo e più facile da implementare. Anche se questo significa che i tuoi risultati non saranno così precisi come il rapporto e piacevoli alla vista. La regola dei terzi prevede una griglia composta da nove parti. Ogni parte sarà di dimensioni uguali secondo la regola. Ti invitiamo a concentrarti sull'intersezione delle linee o lungo le linee stesse. Questo ti darà il risultato di avere una fotografia o un design equilibrati.

Nel caso della fotografia, se dovessi posizionare la carta millimetrata sul mirino, vedrai come gli oggetti che stai riprendendo si allineano con i rettangoli e i quadrati sulla pagina. Queste intersezioni sono ciò che servirà come linee guida per dove posizionare gli elementi primari e secondari di interesse nella fotografia.

Ci sono anche alcune eccezioni alla regola. Ad esempio, se stai eseguendo dei colpi alla testa, è meglio centrare il viso sullo schermo e dimenticare le linee della griglia.

Il rapporto aureo e i disegni delle copertine delle riviste

Le copertine delle riviste sono un ottimo esempio di quanto sia efficace la sezione aurea nel design. Dai un'occhiata alla copertina della rivista Complex sopra che presenta Solange Knowles. Questo design utilizza il rapporto aureo per determinare correttamente la proporzione di spazi positivi e negativi. Possiamo vederlo nel modo in cui la parte superiore del naso e quasi la fronte sono inclinate verso l'alto. E come il suo naso e gli occhi sono allineati. Il risultato è un'immagine equilibrata e naturalmente più attraente per l'occhio umano. Poiché le copertine delle riviste sono ciò che attirerà i lettori ad acquistare il numero, incluso il rapporto aureo nei disegni è molto importante. E puoi equipararlo a qualsiasi numero di materiali di marketing che fungono da punti di contatto iniziali con il tuo pubblico.

Strumenti che possono aiutarti a utilizzare il rapporto aureo nel design

Abituarsi all'implementazione della regola del rapporto aureo nei progetti può essere difficile all'inizio. Quindi ecco alcuni strumenti che potrebbero essere utili quando pensi di realizzare i tuoi progetti.

Phi Matrix

Questo è un software di sovrapposizione che funziona bene insieme allo strumento di editing utilizzato dal tuo designer. Non è un plug-in ed è più un modello digitale trasparente, che può essere posizionato sopra il progetto che viene realizzato. Funziona bene sia con Windows che con Mac, nonché con tutta una serie di app.

Calcolatrice GRT

GRT Calculator aiuterà a decidere facilmente la dimensione del carattere e la larghezza del contenuto. Dà a un designer la possibilità di provare diverse versioni di caratteri sullo schermo.

Messa a fuoco

Se vuoi un design realizzato su un WordPress, Focus è il tuo strumento di riferimento. Questo è un tema del WP completamente incentrato sul rapporto aureo. Ha anche molte altre funzionalità indispensabili per il sito Web moderno ideale.

Calcolatrice Phi

Questo è un fantastico widget per Mac che aiuterà i designer, se sono abbastanza comodi da calcolare il rapporto. Consente il calcolo del Phi. E fornirà le informazioni necessarie sull'orientamento e la forma delle scatole.

Calibri a media d'oro

Vuoi un disegno fatto su carta o tela e vuoi ancora utilizzare il rapporto aureo? Questo strumento può aiutarti a farlo. Viene utilizzato in tutto il mondo da artisti e designer per ottenere il perfetto tocco di equilibrio artistico. E aiuta soprattutto con qualsiasi composizione del corpo umano.

Un'ultima parola sul rapporto aureo nel design

C'è una grande ragione per cui il rapporto aureo è così importante per il design. Esalta davvero il lato esteticamente più accattivante di qualsiasi elemento o composizione. Il rapporto aureo è anche ovunque intorno a te. È anche sulle linee dei tuoi palmi! Non è necessario utilizzare il rapporto aureo in ogni singolo disegno che si desidera realizzare. A volte le tue esigenze particolari, il formato e/o tutti gli elementi che devi includere semplicemente non lo consentono.

Ma incorporarlo ove possibile, è un modo garantito per attirare l'attenzione del cliente. Le modifiche risultanti saranno piuttosto sottili, ma porteranno un design da "meh" a "incredibile!". Dopotutto, la Gioconda non ha mai perso il suo fascino, vero?