Questo potrebbe sembrare una lezione di matematica, ma resisti lì. La sezione aurea combina un po 'di matematica, un po' di natura e molta applicazione pratica per i designer. Diamo un'occhiata a cosa significa il rapporto aureo per il design e alcuni suggerimenti per utilizzarlo nei tuoi progetti di design.
Il rapporto aureo è stato utilizzato nel corso della storia per creare elementi di design che hanno un appeal visivo ideale. Poiché la forma è radicata nella natura e nella matematica, è la combinazione perfetta di equilibrio e armonia. Ed è uno strumento superbo da avere nella manica come designer.
Qual è la sezione aurea?
Semplicemente, il rapporto aureo (chiamato anche il rettangolo dorato e la media dorata) è una forma con una proporzione da 1 a 1.618.
Più complesso, la matematica può essere descritta in questo modo, come spiegato da Interaction Design Foundation:
Ogni numero nella sequenza di Fibonacci è semplicemente la somma dei due numeri precedenti. Inizia con 1, 1 (cioè, 1 + l'invisibile 0 = 1), ei primi 10 membri della sequenza sono 1, 1, 2, 3, 5, 8, 13, 21, 34, 55. Continua all'infinito .
Calcola matematicamente il rapporto usando la formula per Phi: A / B = (A + B) / A = 1.618033987 =?
Le applicazioni per progetti di stampa e web design sono spesso meno precise di quella da 1 a 1.618. Molti designer arrotondano i numeri quando creano un rapporto aureo matematico per le griglie con cui è più facile lavorare.
Quando si tratta di applicare il concetto, è spesso rappresentato utilizzando una spirale, cerchi o triangoli.
E non è? Solo una cosa di design.? Il rapporto aureo si trova in natura (conchiglia nautilus), arte (la Gioconda), architettura (la Torre Eiffel) e design.
Come lo usi?
Quando si tratta di applicare la sezione aurea ci sono diverse scuole di pensiero:
- Imposta il design utilizzando una griglia basata sul rapporto per creare armonia
- Non fare nulla perché si applica se lo fai intenzionalmente o no
La soluzione migliore potrebbe essere da qualche parte nel mezzo. Con ogni probabilità, il tuo occhio è probabilmente addestrato a creare e inclinarsi verso i progetti che includono questa teoria, ma non può mai ferire per vedere se effettivamente stai applicando bene.
E la tela può causare tutti i tipi di problemi quando si tratta della sezione aurea. Non sai quale dimensione del browser potrebbe essere utilizzata da qualcuno o il rapporto potrebbe non essere in linea con una dimensione di stampa specifica.
L'obiettivo è creare parti all'interno del design che si adattino a questa forma ideale. Consideralo per un logo o un ritaglio di foto. Usalo per creare un'intestazione o un determinato pezzo di un disegno. Utilizzare i concetti per creare una griglia di base o una scala gerarchica per la tipografia.
Griglie e modelli
Se sei come me, l'idea di una matematica complessa per risolvere un problema di progettazione è un po 'intimidatoria. C'è dove avere alcuni grandi strumenti può aiutare.
Ecco alcuni modelli e calcolatori per rendere un po 'più semplice l'utilizzo della sezione aurea.
- Phiculator: inserire un numero qualsiasi e ottenere il valore del rapporto aureo corrispondente
- Golden Ratio Typography Calculator: crea una scala basata su un font e una dimensione di base
- Golden Ratio Template: modello vettoriale scaricabile gratuitamente
- Golden Ration Wireframing Template: con strati per una curva, cerchi o quadrati
- Golden Ratio Calculator: calcola il rapporto con qualsiasi serie di numeri
- Calcolatrice rettangolo d'oro: ottieni le dimensioni per i rettangoli dorati esterno e interno per qualsiasi numero (questa è la base per molte griglie web utilizzando il rapporto)
3 suggerimenti per l'utilizzo della sezione aurea
Quindi, come si mettono tutte queste informazioni in pratica? (Non vogliamo che tu pensi troppo ai progetti di design e ti lasci travolgere dalla matematica).
Ecco tre suggerimenti per utilizzare la sezione aurea nei progetti di design.
- Usa il rapporto per creare una griglia del sito web di base per l'area del contenuto principale e la barra laterale. Secondo W3Schools, la risoluzione del browser più comune all'inizio del 2018 è 1366 per 768 pixel. Applicare la sezione aurea per un'area di contenuto di 846 pixel di larghezza con una barra laterale larga 520 pixel. Quando si considera il rapporto per questo scopo, l'altezza non è importante.
- Usa il rapporto per creare una guida per la spaziatura nel disegno. Prototypr.io ha questo consiglio: "Usa quadrati più grandi come l'unità 8 e 13 per definire i layout. Utilizzare quadrati più piccoli dell'unità 1, 2 o 3 per definire grondaie e spaziatura del contenuto? basato su rettangoli dorati.
- Usa il rapporto per creare elementi duraturi come icone o loghi: avere un elemento duraturo con una forte armonia può creare la struttura per i progetti in corso. L'esempio sopra include un modello che puoi scaricare e provare.
Perché il Golden Ratio è importante nel design?
Quindi perché la golden ratio è davvero importante per i designer?
È uno strumento in più per aiutarti a creare qualcosa che stabilisca il giusto tono emotivo e visivo con gli utenti. Questa teoria esiste se la applichi intenzionalmente o no. Quindi ciò che conta è che tu lo capisca e lo riconosca nel tentativo di creare il design migliore e più utilizzabile possibile.
Ciò che fa la sezione aurea ti spinge verso le aree focali in cui è probabile che l'utente si concentri e guardi in base alla natura. Aiuta a creare equilibrio e scala, anche quando non è del tutto intenzionale.
Ecco alcuni siti Web ben progettati con il modello di golden ratio sovrapposto su di essi per vedere esattamente in che modo si riferisce ai singoli progetti.
Conclusione
Quindi ecco la tua chiave per capire e usare la sezione aurea: è lì che ci pensi o no. Quindi, perché non considerare come questa teoria del design collaudata possa funzionare per te e migliorare i progetti?
Scarica il modello che abbiamo utilizzato qui e fai clic su alcuni dei tuoi disegni per vedere quanto sei arrivato senza nemmeno pensarci.
Sovrapposizione del rapporto d'oro progettata da Eightonesix