Inspiratie

Matematica in webdesign – Raportul de aur si proportiile

Trebuie sa recunosc – este ceva care ma atrage spre stiinte si inclusiv spre matematica.Dar webdesign pare ceva cu totul diferit, destinat mai mult persoanelor cu o latura artistica bine dezvoltata.E, eu cred cu tarie ca nu e asa, ca matematica ajunge cu succes si in aceasta arie.De aceea, m-am gandit sa taclez din aceasta perspectiva proportiile, utilizandu-ma de cel mai interesant raport…cel de aur.La finalul acestui articol, sper ca veti intelege importanta acestui raport si de ce nu ar trebui neglijat intr-un design.

O scurta istorie a raportului(+cateva calcule)

De raportul de aur se stie de multa vreme…de pe vremea grecilor.Cum grecii au fost parintii geometriei, au ajuns in final si la acest raport prin simpla observatie;ei au realizat ca exista un tipar in asa zisele forme frumoase, cum ar fi cochilia unui nautil.

Si acum, niste calcule…care este raportul si cum ajungem la el.In matematica raportul de aur apare daca suma a doua numere supra la numarul mai mare este egal cu numarul mai mare supra la numarul mai mic.

a>b \quad cu \quad \dfrac{a+b}{a}=\dfrac{a}{b}=\phi

\dfrac{a+b}{a}=1+\dfrac{b}{a}=1+\dfrac{1}{\phi}=\phi

1+\dfrac{1}{\phi}=\phi; \quad \phi^2-\phi-1=0

\text{Din formula cuadratica obtinem }

\phi =\dfrac{1+\sqrt{5}}{2}=1,618..

Da, e un numar irational, arata nu atata de aurit, dar interesant e unde se mai foloseste.Florile plantelor par sa-l foloseasca, unele animale, Leonardo da Vinci l-a folosit si probabil il vedem mai tot timpul in formele frumoase.

 

Asa ca de ce sa nu-l folosim si in webdesign.Multi designeri prefera o simetrie a lucrurilor, pe care o aplica peste tot…ex.Distanta dintre meniu si logo sa fie egala cu distanta dintre logo si content.Totusi, imi place sa subliniez ca aceasta metoda se aplica in totalitate si subliniez totalitate, numai la site-urile bussiness sau mai bine zis la cele care vor sa transmita un mesaj cat mai serios cu putinta.Aceasta simetrie da impresia de exactitate, dar adesea, ne dam seama ca vrem ceva la mijloc, la granita dintre corporation sites si bloguri.Aici, cred ca intra in discutie raportul de aur.

Una din utilizarile frecvente este raportul dintre sidebar si sectiunea de continut.Iei sidebarul si il inmultesti cu 1,618 latimea si voila ->ai obtinut latimea continerului cu continut.

Sa luam de exemplu un grid cunoscut, cum ar fi cel de 960 de px.Imparti 960 la 1.618 si obtii 593px.Ramai cu un sidebar de 367 de px.Aceasta tehnica de a utiliza un raport bine definit in stabilirea proportiilor unui design se dovedeste a fi foarte utila atunci cand faci un website fluid.Site-urile dinamice(responsive layouts caci raspund la width-ul device-ului tau) pot utiliza cu succes un raport de genul, caci oricare ar fi latimea device-ului de pe care vizionezi site-ul lucrurile raman organizate.Daca ti se pare prea extrema metoda aceasta te poti limita la un raport de 5/3, care e destul de asemanator.

Totusi, dupa ce am vorbit acum atata despre calcule si rapoarte trebuie in final sa subliniez cel mai important lucru.Raportul de aur trebuie sa fie doar un sablon si nu un tipar dupa care trebuie sa faci orice design.Adesea, e suficient sa te uiti la un website si sa realizezi daca e frumos sau nu.Totusi, is foarte sa vad curios daca cineva il aplica cu brio intr-un design asa ca nu va sfiiti intr-a va pune un link catre creatia de aur ((-:

Si nu in ultimul rand sa amintesc si aceasta unealta, pentru a va simplica calculele.Golden Ratio Calculator

3 Comments

  1. Profesorul meu de matematica spunea ca daca înveti matematica , înveti sa gânde?ti 😀 .
    Foarte interesant articolul 🙂 . Oriunde ne uitam , vedem matematica ,daca analizam mai bine lucrurile .

      • De punctat ar fi si faptul ca nu cred ca folosim nici 1-10% din matematica de liceu, asta daca nu cumva derivam sau integram lucruri ceva mai reale?

        Insa geometrie tot trebuie sa folosim, la fel si probabilitati , procente si multe altele…

Write A Comment