Blogul Webshark

28.09.2018 0 comentarii

Cum se folosește raportul aur în design web și sigle?

conținut

Pentru a proiecta un design web eficient, designerii folosesc o varietate de tehnici și proceduri de la știința artei la teoriile de bază ale matematicii. Unul dintre cele mai comune instrumente pentru crearea unui design bun este aplicarea unui raport matematic, raportul auriu. Dar ce rost are utilizarea acestuia și cum îl puteți aplica pe site-ul dvs. web? (18.06.2020 - A fost adăugat un nou capitol: Unde puteți utiliza raportul de aur în web design?)

Una dintre caracteristicile unui design eficient este o interfață de utilizator clară și transparentă. Pentru a face acest lucru, trebuie să echilibrați elementele site-ului web atunci când creați site-ul web. Acest lucru va permite utilizatorilor să acceseze cu ușurință informațiile și să se conecteze fără efort la produsul dvs. Cu toate acestea, echilibrul poate fi realizat nu numai cu simetrie, ci și cu asimetrie adecvată. Raportul auriu este unul dintre ele oferă echilibru, precum și să te ajute să atrage atenția asupra celor mai importante lucruri cu plasare conform raportului auriu.

Care este raportul auriu?

El luptă pentru toată armonia și echilibrul din lume. Natura a creat și lucruri aproape perfecte. Acesta este motivul pentru care oamenilor le place tot ceea ce poartă o notă de natură atât de mult în timp ce încearcă să reproducă tiparele și formele create de natură în creațiile lor. Când matematicienii au căutat secretele naturii, au descoperit o formulă care este adevărată pentru majoritatea lucrurilor.

Este raportul raportului auriu, care este un raport matematic special între elementele de diferite dimensiuni și care pare foarte plăcut ochiului uman. Ideea este că partea mai mică este proporțională cu partea mai mare decât partea mai mare cu întregul. Acest raport poate fi descris ca 1: 1.618033987 și este de obicei reprezentat de o spirală asemănătoare coajei pe web, pe care este posibil să o fi văzut de multe ori.

Dar raportul auriu nu înseamnă doar forma spirală, deoarece poate fi reprezentată prin alte forme: pe baza unui cerc sau a unui triunghi. Cunoscuta spirală Fibonacci este alcătuită din dreptunghiuri. Secvența numerică aferentă este 0,1,1,2,3,5,8,13,21,34, 55 etc., când următoarea valoare este adăugată întotdeauna prin adăugarea ultimelor două numere.

Pe această bază, cum să creăm asimetria perfectă? Astfel, dacă luați lungimea elementului mai mic și apoi îl multiplicați cu 1.618, obțineți lungimea perfectă a elementului mai mare. Omenirea este conștientă de această proporție de mii de ani, așa că putem întâlni și utilizarea raportului de aur în clădirile antice. Este folosit încă de mulți în arhitectură astăzi, dar și în artă, fotografie și design.

Secțiunea de aur în web design

Un aspect eficient este o parte esențială a oricărui design. Fiecare dintre elemente trebuie să funcționeze împreună pentru o experiență bună a utilizatorului. În plus, fiecare element - chiar și cel mai mic, cum ar fi o pictogramă - trebuie să creeze armonie în sine. Raportul auriu are un efect pozitiv asupra percepției vizuale, motiv pentru care mulți designeri îl folosesc în munca lor.

Prin raportul auriu, pot fi create sigle, icoane și ilustrații care sunt în armonie cu alte elemente ale site-ului web datorită dimensiunii lor optime în comparație cu celelalte. Utilizarea raportului de aur poate face atractivă o siglă a companiei, ceea ce este, de asemenea, important, deoarece sigla este menită să exprime esența companiei.

Unde puteți utiliza raportul de aur în web design?

Raportul auriu este adesea folosit de designeri atunci când vine vorba de plasarea elementelor individuale. Poate fi folosit foarte bine cu un cadru de sârmă, de exemplu. Puteți să-l utilizați pentru a proiecta o structură în care dimensiunile și amplasarea respectă raportul aur. În plus, raportul auriu îi ajută și pe designeri să decupeze corect imaginile, adică compoziția nu își pierde echilibrul.

La proiectarea aspectului

Acest lucru este deja clar din exemplele de mai sus. În practică, se pare că, de exemplu, doriți să cunoașteți lățimea coloanei de conținut principal și a barei laterale, luați lățimea totală în pixeli și apoi împărțiți la 1,62. Aceasta vă oferă lățimea coloanei principale de conținut.

Pentru conținut și ierarhie vizuală

După cum ați văzut mai sus, trebuie să țineți cont de același lucru atunci când vă structurați conținutul, ceea ce vă oferă apoi ierarhia vizuală corectă.

Pentru sigle

Logo-urile folosesc adesea triunghiuri, pătrate, cercuri, spirale, care, așa cum am văzut mai sus, pot fi formate și împărțite în conformitate cu regula raportului auriu. Într-un capitol ulterior, vom discuta în detaliu aplicarea raportului aur în proiectarea logo-urilor.

La tipografie

În cazul tipografiei, regulile raportului de aur pot fi aplicate în același mod ca oriunde în proiectare: lățimea liniei și dimensiunea fontului trebuie luate în considerare și merită determinată înălțimea pe baza pe acestea.

Desigur, design-ul web este practic aproape de raportul auriu și nu utilizează numărul 1.618033987, ci îl rotunjește, deoarece este mai ușor de lucrat. De exemplu, ele creează structuri de grilă pe pagini web. Dacă nu aveți chef să calculați, iată un calculator online care vă va arunca numerele potrivite sau iată altul în care puteți determina rapid dimensiunile paginilor dreptunghiurilor care se potrivesc cu raportul.

Cu toate acestea, mulți oameni cred că nu merită să te bazezi, deoarece sunt instinctiv conștienți de momentul în care vor ajunge la echilibrul site-ului web. Deci, fără măsurare, cu ajutorul experienței practice, puteți crea un design care să se potrivească cu raportul auriu. Desigur, nu este niciodată rău să ai verificat acest lucru.

Prin urmare, scopul este de a crea piese într-un design care să îndeplinească acest raport ideal. Poate fi un logo, un antet sau o fotografie decupată. Dar structura grilă a site-ului web se poate baza pe acest lucru sau poate fi luată în considerare chiar și în dimensiunile fontului.

Pentru că vă puteți ajuta cu raportul auriu al site-ului dvs. web?

Calculele matematice pot fi obositoare și consumatoare de timp, așa că întrebarea este, merită folosită deloc? Ce și cum pot adăuga gravarea pe aur la designul dvs.?

Conținut echilibrat

Designerii trebuie adesea să se ocupe de situația în care trebuie să plaseze cantități mari de conținut într-un produs. În plus, toate părțile sale sunt importante și nu pot fi lăsate deoparte. Pentru a pune toate elementele într-un aspect acceptabil, vă recomandăm să utilizați raportul auriu.

Pentru a face acest lucru, suprafața trebuie împărțită în secțiuni create pe baza unui raport 1: 1.618, iar conținutul trebuie plasat în secțiuni adecvate importanței lor. Un astfel de aranjament ajută utilizatorul să acomodeze aranjamentul optim al elementelor.

Raportul auriu este excelent de utilizat atunci când creați o grilă de bază a paginii web.

Ierarhie vizuală eficientă

Nici nu trebuie să uităm ierarhia vizuală atunci când vine vorba de aranjarea conținutului. Ierarhia vizuală este o tehnică care permite aranjarea eficientă a componentelor de conținut. Dacă adăugăm raportul aur la principiile creării unei ierarhii vizuale, putem fi aproape siguri că vom putea compila site-ul nostru în mod eficient.

Nivele tipografice puternice

Raportul auriu poate fi, de asemenea, utilizat în tipografie, deoarece proiectanții împart de obicei conținutul textual în mai multe niveluri: titlu, subtitrare, text pentru pâine, subtitrare și așa mai departe. Folosind raportul auriu, puteți determina rapid raportul adecvat dintre fiecare nivel tipografic. De exemplu, selectați o dimensiune în bara de titlu și apoi o împărțiți la 1.618. Rezultatul arată care va fi dimensiunea optimă a subtitrării.

Dar există și un calculator pentru tipografie pe web, care determină înălțimea liniilor și lățimea coloanei în funcție de tipul și dimensiunea fontului.

Prima impresie mai plăcută

Când utilizatorii încearcă pentru prima dată un produs sau fac o greșeală pe un site web, îl parcurg întotdeauna mai întâi pentru a decide dacă le place sau nu. Oamenii determină în câteva secunde dacă vor iubi sau nu ceva. Acest proces are loc mai repede decât înțelegerea conștientă a ceea ce văd pe ecran. Prin urmare, este deosebit de important să fii sigur când faci o primă impresie. În cazul unui design care ține cont de raportul auriu, utilizatorii vor avea o impresie mai plăcută a produsului și vor prefera să-l folosească în viitor.

Spațiul alb potrivit

După cum am scris deja, spațiul alb este spațiul gol dintre fiecare element al unui site web care are o funcție. Designerii ar trebui să acorde întotdeauna atenție cantității de spațiu alb, care, totuși, nu este ușor de identificat. Raportul auriu poate ajuta, de asemenea, în acest sens, dacă creăm spații negative între elementele individuale în proporțiile specificate.

Secțiunea aurie în designul siglei

Ca și în cazul site-ului dvs. web, ar trebui să utilizați raportul auriu pe sigla dvs. În trecut, acest lucru era folosit de obicei doar de mărci mai mari și cunoscute, dar astăzi tot mai mulți designeri au experiență în aplicarea tehnicii. Dar cum poate fi folosit cu un logo? Într-una din postările sale de pe blog, Branislav Vujaskovic a prezentat acest bine pe baza unor logo-uri bine cunoscute.

De exemplu, dacă vă uitați la sigla National Geographic și apoi măsurați laturile dreptunghiului din el, se dovedește că raportul lor corespunde raportului dintre raportul auriu.

Dacă vă uitați la sigla Toyota, veți vedea trei elipse: una formează cadrul în care vor fi desenate o elipsă așezată și una în picioare, desenând o literă T. Cu toate acestea, lucrul nu este atât de simplu. Dacă măsurați fiecare elipsă, se dovedește că acestea folosesc raportul aur.

Dacă este posibil, este și mai ușor să demonstrați aplicarea raportului la BP, deoarece fiecare cerc ia dimensiunea corespunzătoare raportului.

Dar merită, de asemenea, să aruncăm o privire asupra logo-ului Apple, care este pe bună dreptate renumit pentru designul său, în care și designul curbelor mărului nu a fost lăsat la voia întâmplării. Proporțiile fiecărui cerc care produce curburile mărului sunt egale cu raportul său auriu.

În general, prin urmare, se poate spune că raportul auriu poate crea armonie într-un design și poate face utilizarea acestuia mai plăcută pentru oameni. Așadar, nu vă fie teamă să folosiți această formulă matematică simplă, cu atât mai mult cu cât nu este atât de complicat pe cât pare prima dată!

Krisztián Németh

Scriu în principal. În principal blog și rețele sociale, dar într-o perspectivă mai largă: marketing online, deci are o mulțime de SEO, AdWords slab, design web și multe altele care se potrivesc.