Il buon design è stato oggetto di dibattito per tutto il tempo in cui abbiamo creato. Ci sono infiniti forum, discussioni sui social media e conversazioni personali su ciò che rende un grande design, con ognuno che contribuisce con il proprio punto di vista.
Questo è il bello del design, giusto? Ognuno può interpretarlo in modo diverso.
Top Stories
Caricamento interfaccia…
Anche se non ci sarà mai un approccio unico per il design, c’è un approccio concreto e matematico che può aiutarci a fare un passo avanti nella creazione di esperienze di design sorprendenti ogni volta: il Rapporto Aureo.
Il Rapporto Aureo è un rapporto matematico che puoi trovare quasi ovunque, come la natura, l’architettura, la pittura e la musica. Quando viene applicato specificamente al design, crea una composizione organica, bilanciata ed esteticamente piacevole.
In questo articolo, ci immergeremo in quello che è il Rapporto Aureo, come calcolarlo e come usarlo nel design, compreso un comodo elenco di strumenti.
Che cos’è il Rapporto Aureo?
Conosciuto anche come Sezione Aurea, Media Aurea, Proporzione Divina, o la lettera greca Phi, il Rapporto Aureo è un numero speciale che equivale approssimativamente a 1,618. Il rapporto stesso deriva dalla sequenza di Fibonacci, una sequenza naturale di numeri che si può trovare ovunque, dal numero di foglie di un albero alla forma di una conchiglia. Essa va: 0, 1,1, 2, 3, 5, 8, 13, 21, e così via, all’infinito. Da questo schema, i greci svilupparono il Rapporto Aureo per esprimere meglio la differenza tra due numeri qualsiasi nella sequenza.
Come si collega questo al design? Si può trovare il Rapporto Aureo quando si divide una linea in due parti e la parte più lunga (a) divisa per la parte più piccola (b) è uguale alla somma di (a) + (b) diviso (a), che sono entrambi uguali a 1,618. Questa formula può aiutarvi nella creazione di forme, loghi, layout e altro.
Potete anche prendere questa idea e creare un rettangolo d’oro. Prendi un quadrato e moltiplica un lato per 1,618 per ottenere una nuova forma: un rettangolo con proporzioni armoniose.
Se sovrapponi il quadrato al rettangolo, il rapporto tra le due forme ti darà il Rapporto Aureo.
“Anche se non ci sarà mai un approccio unico per la progettazione, c’è un approccio concreto e matematico che può aiutarci a fare un passo avanti nella creazione di esperienze di design sorprendenti ogni volta: il Rapporto Aureo.”
Se continui ad applicare la formula del Rapporto Aureo al nuovo rettangolo all’estrema destra, ti ritroverai con un’immagine composta da quadrati sempre più piccoli.
Se disegni una spirale su ogni quadrato, iniziando da un angolo e finendo in quello opposto, creerai la prima curva della sequenza di Fibonacci (conosciuta anche come la Spirale Aurea).
Come usare il Rapporto Aureo nel design
Ora che la lezione di matematica è finita, come puoi applicare questa conoscenza al lavoro che fai ogni giorno?
Ecco quattro modi per usare il Rapporto Aureo nel design:
Tipografia e definizione della gerarchia
Il Rapporto Aureo può aiutarti a capire quale dimensione del carattere dovresti usare per le intestazioni e il corpo del testo su un sito web, una landing page, un post sul blog o anche una campagna di stampa.
Diciamo che il tuo corpo del testo è 12px. Se moltiplichi 12 per 1,618, otterrai 19,416, il che significa che una dimensione del testo dell’intestazione di 19px o 20px seguirebbe il rapporto aureo e bilancerebbe la dimensione del font del corpo di 12px.
Se vuoi capire quanto grande dovrebbe essere la dimensione del testo del corpo, potresti fare il contrario. Se il tuo testo dell’intestazione è di 25px, puoi dividerlo per 1,618 per trovare il testo del corpo (15 o 16 px).
Ritagliare e ridimensionare le immagini
Quando ritagli le immagini, è facile identificare lo spazio bianco da tagliare. Ma come ci si assicura che l’immagine sia ancora bilanciata dopo averla ridimensionata? Puoi usare la Spirale Aurea come guida per la composizione dell’immagine.
Per esempio, se sovrapponi la Spirale Aurea a un’immagine, puoi assicurarti che il punto focale sia al centro della spirale.
Layout
Utilizzare il Rapporto Aureo può aiutarti a progettare una UI visivamente attraente che attiri l’attenzione dell’utente su ciò che è più importante. Per esempio, una pagina che evidenzia un ampio blocco di contenuti sulla sinistra con una colonna più stretta sulla destra può seguire le proporzioni del Rapporto Aureo e aiutarvi a decidere dove mettere i contenuti più importanti.
Sviluppo del logo
Se state progettando un nuovo logo e vi sentite bloccati, rivolgetevi al Rapporto Aureo per aiutarvi a disegnare le proporzioni e le forme. Molti loghi popolari seguono il rapporto aureo, come Twitter, Apple e Pepsi.
Photo credit: Mostafa Amin and Brandology Studio
Il designer Kazi Mohammed Erfan si è addirittura sfidato a creare 25 nuovi loghi interamente basati sul rapporto aureo. Il risultato? Icone semplici, equilibrate e bellissime.
Photo credit: Kazi Mohammed Erfan
Strumenti per aiutarti a usare il Rapporto Aureo
Non è necessario tirare fuori carta e penna per calcolare il Rapporto Aureo: ci sono diverse app che possono farlo per te.
Ecco cinque strumenti per aiutarti a usare il Rapporto Aureo nei tuoi progetti:
- Calcolatrice del Rapporto Aureo: Calcola il lato più corto, il lato più lungo e la lunghezza combinata dei due lati per capire il Rapporto Aureo.
- goldenRATIO: Creata per designer e sviluppatori, questa app ti dà un modo semplice per progettare siti web, interfacce, layout e altro secondo il Rapporto Aureo. Include una calcolatrice integrata con feedback visivo e funzioni per memorizzare la posizione dello schermo e le impostazioni, in modo da non dover riorganizzare il Rapporto Aureo per ogni compito.
- Golden Ratio Typography Calculator: Scopri la tipografia perfetta per il tuo sito web inserendo la dimensione e la larghezza del carattere. È possibile ottimizzare in base alla dimensione del carattere, altezza della linea, larghezza e caratteri per linea.
- PhiMatrix: Questo software di design e analisi del rapporto aureo viene fornito con griglie e modelli personalizzabili che si possono sovrapporre a qualsiasi immagine. Può essere usato per il design e la composizione, il design del prodotto, lo sviluppo del logo e altro ancora.
- risorsa Golden Ratio Sketch: Scarica gratuitamente un file Sketch della Spirale Aurea per aiutarti nella composizione di immagini e layout.
Inizio con il Rapporto Aureo
Una volta che sai cosa cercare, inizierai a notare il Rapporto Aureo ovunque. (Non ci credi? Guarda le tue mani. Anche le tue dita seguono il rapporto aureo). L’occhio umano è abituato a vedere questo numero magico e inconsciamente reagiamo positivamente ad esso.
Come designer, possiamo usare questo numero a nostro vantaggio. Anche piccole modifiche al modo in cui ritagliate un’immagine o sviluppate un layout possono migliorare drasticamente il modo in cui i vostri utenti interagiscono con il vostro design.