Aplicarea raportului de aur în modelele moderne

Pagina ideală este atât funcțională, cât și armonioasă, dar chiar și cei mai experimentați web designeri pot avea probleme în a vă spune ce oferă un flux natural de design. În ciuda teoriilor de culoare și de navigare, uneori aspectul cel mai important al unei esteticite a unei pagini web este inefabilă. Nu știm de ce funcționează, dar uneori chiar nu. Totul se poate datora unui concept simplu.

Prin susținerea design-ului site-ului dvs. cu o ordine literală naturală, spectatorii vă pot găsi designul mai interesant și înnăscut plăcut. Acest concept este numit ratia de aur, un concept matematic se ascultă și pe care noi, omul, îl recunoaștem subconștient ca o expresie a perfecțiunii.

Ceea de aur?

În termeni simpli, raportul de aur (cunoscut și ca proporție divină sau medie de aur), este o constantă matematică care apare în mod repetat în natură și opere de artă.

Exprimată ca o ecuație, când A este mai mare decât b, (a + b) impartit de A este egal cu A impartit de b (uita-te doar la imaginea de mai jos), care este egal cu aproximativ 1.618033987. Acest număr, adesea reprezentat de caracterul grecesc "phi", este ratia de aur.

(Imagine Sursa: mathsisfun.com)

Aceeași teorie poate fi folosită pentru a construi un dreptunghi, numit aur dreptunghi. O imagine care urmează raportul de aur poate fi plasată în interiorul unui dreptunghi care respectă raportul.

(Imagine Sursa: creativeautomaton.com)

Pentru a construi un dreptunghi de aur, alegeți un număr care va fi lungimea laturii scurte a dreptunghiului. De dragul argumentului, să spunem 500 de pixeli. Înmulțiți-l cu 1,618. Rezultatul, 809 pixeli, este lungimea laturii lungi a dreptunghiului. Prin urmare, un dreptunghi care este de 500 de pixeli cu 809 de pixeli este un dreptunghi de aur. Se supune raportului de aur.

Frumusete naturala

Într-adevăr, oamenii de știință nu sunt siguri despre raportul pe care oamenii îl plac atât de mult. Ceea ce sunt sigure este cât de mult ne place. Studiile sugerează că, chiar și modificările minore ale unei imagini care o face mai adevărată cu raportul de aur au un impact mare asupra creierului celor care caută.

Fața umană urmărește și raportul, și găsim oameni cu chipuri mai potrivite pentru raport. Seashells, capodopere clasice renascentiste, arhitectura din antichitate si chiar parti ale corpului uman sunt proportionate bazate pe raportul pana la degetele in sine.

(Imagine Sursa: in2visualdesign)

Ceva adânc în inima minții noastre înregistrează raportul de aur ca fiind frumos, fapt pe care artiștii și arhitecții l-au folosit de mii de ani, cu bună știință sau nu. Este limbajul primar în imagini. Rezultatul este organic, intuitiv și se simte bine.

Compoziție divină

Cum folosiți atunci acest număr magic în compoziția paginii dvs. web? Matematica poate părea ca o cutie șocantă pe care creativitatea voastră o va încerca, dar raportul de aur este pur și simplu o îndrumare utilă. Având o orientare de bază pentru a construi de la poate sfârși prin a vă oferi mai mult spațiu creativ, luând unele dintre ghicitul din proporții și de plasare.

Gândiți-vă la aceasta ca la un instrument în locul unei cuști. La cele mai de bază, puteți utiliza raportul de aur pentru a desemna dimensiunea și amplasarea ariilor de conținut și a barelor laterale. Un aspect cu lățime fixă este cea mai simplă aplicație. Decideți cu privire la dimensiunea generală a aspectului dvs. prin metoda pentru crearea unui dreptunghi de aur.

Pentru grile / blocuri

Pătratul creat de liniile a ar fi blocul de conținut. Dreptunghiul mai mic ar fi o bară laterală sau o bară de navigație. Odată ce ați dat seama la dimensiunea dreptunghiului dvs., aflați cât de largă trebuie să fie bara de navigare este matematica ușoară.

Pentru acest exemplu, vom spune dreptunghiul tău 525 pixeli de 850 pixeli.
525 este A și 850 este (a + b), și b va fi lățimea barei laterale.
A găsi b, pur și simplu scădem de la (a + b), care este de 325.
Prin urmare, lățimea barei laterale este de 325.

Amintiți-vă că dreptunghiul dvs. poate fi răsturnat în funcție de scopurile dvs., punând bara laterală în partea superioară, inferioară sau opusă. Atâta timp cât raportul deține, design-ul dvs. se va simți armonios.

Pentru text

Există o modalitate mai rapidă de a obține măsurătorile de care aveți nevoie și poate fi aplicată cu conținut de text.

Să presupunem că textul dvs. de context are dimensiunea 12.
Înmulțiți 12 cu 1.618, raportul de aur și vei primi 19.416.
O dimensiune a textului de antet de 19 sau 20 va urmări îndeaproape raportul de aur.

Raportul de aur este o limbă pe care mintea o înțelege și, comunicând cu ea, ideile dvs. se vor întâlni mai eficient. Nu trebuie să aderați la ea exact; principiul de bază este suficient. Aplicând raportul la dimensiunile imaginilor, relația dintre plasarea textului și a imaginii și crearea de subdiviziuni în cadrul barelor laterale sunt toate conceptele posibile.

Grila de lucru: regula al treilea

Dacă matematica nu este ceașcă de ceai, conceptul raportului de aur poate fi simplificat. regula de treimi guvernează plasarea punctelor de interes într-o scenă. Împărțiți orice imagine dată în treimi atât pe orizontală cât și pe verticală. Vei primi 9 grile.

(Imagine Sursa: digital-photography-school.com)

Conform regulii a treia, vârfurile acelor linii (în cazul în care liniile traversează) reprezintă destinația ideală pentru punctele de interes. Oamenii care scanează pagina sunt mult mai probabil să observe lucrurile plasate în apropierea punctelor, iar diviziunea este confortabilă pentru vizualizare. Proiectarea mai complexă este posibilă prin descompunerea acelor treimi în alte treimi.

(Imagine Sursa: net.tutsplus.com)

Pe scurt, ochiul poate fi leneș și nu trebuie să caute detalii importante. Creierul nostru așa. Imaginile majore, casetele de știri, barele de căutare și orice alte puncte de interes pot fi așezate pe sau în apropierea nodurilor. Această scurtă comandă minuțioasă vă va oferi un design care este atât ușor pe ochi, cât și pentru a atrage oamenii spre date cheie.

Coloanele și dimensiunile fontului: Secvențe Fibonacci

Un alt instrument simplu pentru designul web legat de raportul de aur este Numerele Fibonacci. O secvență Fibonacci începe cu 0 și 1. Cele două numere anterioare sunt adăugate împreună pentru a produce următorul număr în ordine: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34 ... si asa mai departe.

Un pic de matematica ne spune ca relatia dintre numerele succesive de secventa Fibonacci este uimitor de aproape de raportul de aur - impartiti orice numar din secventa cu numarul inaintea ei si veti obtine - l-ati ghicit - 1.618.

Ca și în raportul de aur, numerele Fibonacci pot fi folosite pentru a dicta relația dintre dimensiunile textului antetului și ale conținutului. Ar putea fi folosit și pentru a desemna lățimea coloanelor și este deosebit de eficient în bloguri și în alte structuri de text. Compoziția ar putea fi, de asemenea, construită pe conceptul de tigla Fibonacci, în care dimensiunea dalelor este construită pe baza secvenței Fibonacci.

(Imagine Sursa: Wikipedia.org)

Spiralele de aur și clustering-ul de conținut

O altă posibilă metodă de a utiliza atât raportul de aur cât și numerele Fibonacci sunt spiralele de aur și spiralele Fibonacci. Spiralele de aur se extind cu un factor egal cu raportul de aur pentru fiecare trimestru pe care îl fac, iar spiralele Fibonacci se formează folosind placa Fibonacci.

Spiralele au fost folosite în opera de artă atâta timp cât numerele și rapoartele în sine. Teoria este că zonele de spațiu negativ și vizuale interesate ar trebui să se încadreze în spirală. În acest aspect grațios, ca și în cazul unei reguli a treimilor, ochiul este în mod natural atras de centrul spirului pentru a căuta detalii.

(Imagine Sursa: fabiovisentin.com)

Spiralele pot servi drept îndrumare pentru densitatea conținutului și gruparea. Acestea pot servi drept fundație pentru raportul dintre imaginile antetului site-ului dvs., barele de căutare și barele de instrumente.

Atunci când alegeți imaginea ideală pentru o pagină frontală, construită în jurul unor elemente grafice mari, precum magazinul de pagini de pornire și site-urile de fotografie, puteți beneficia și de spiralele de aur și Fibonacci.

Mesajele puternice sunt adesea sublimale, iar raportul de aur este una dintre cele mai prolifice anunțuri subliminale ale naturii. Folosind proporția divină, vă oferiți o margine de logică naturală și grație organică pe care toți oamenii au o atracție subconștientă. Raportul de aur este încă un instrument la dispoziția dvs. creativă.

Mai mult de citit:

Aplicarea raportului de aur la layout-urile și obiectele web

Nota editorului: Această postare este scrisă de Chris Pentago pentru Hongkiat.com. Chris este un dezvoltator web cu experiență, designer și comerciant de internet interesat de tehnologii cheie pentru a vă face afacerea online să-l puteți găsi pe Twitter.