Share
Ceva care face cunoscută prezența pe web în aceste zile este folosirea unor modele geometrice comune pe care le-am învățat cu toții în școala primară. Poligoane, diamante, dreptunghiuri, triunghiuri și rhombus ocazional sunt parte integrantă a designului web modern. Deci, cum acest subiect de matematică din clasa a 10-a sfârșește prin a afecta felul în care vizitatorii site-ului consumă și se angajează cu conținut online?
Geometria (cel puțin soiul euclidian) este definită de linii drepte, unghiuri drepte și curbura circulară obișnuită. Aceste forme, în special cercuri și dreptunghiuri, au dominat designul web de la cea mai veche concepție. Fiecare grila standard este dreptunghiulara si era foarte rar sa vezi un buton sau o legatura in orice alta forma. Recent, totuși, a devenit popular să încorporeze mai multe forme exotice ca fundaluri, logo-uri, blocuri de conținut și un număr de alte elemente pe pagină.
Formele geometrice sunt puse în practică în principal în trei moduri distincte:
În fiecare caz, utilizarea unui element geometric neobișnuit sau cel puțin rareori folosit trebuie să atragă atenția fie asupra elementului însuși, fie asupra conținutului conținut în interiorul sau în jurul elementului. Designerii implementează modele geometrice pentru a distruge uniformitatea vizuală a site-ului în sine.
În general, formele au o utilizare și o semnificație specială. Acest lucru poate împrumuta direcția pentru momentul și locul potrivit pentru a folosi anumite forme pentru un scop definitiv. Unele orientări generale pentru utilizarea diferitelor tipuri de forme sunt după cum urmează:
Formele dreptunghiulare reprezintă stabilitate. Ele sunt familiare și de încredere, dând impresia de onestitate, formalitate și raționalitate. Ele sunt de departe modelul geometric cel mai comun.
Cercul are o calitate apropiată mistică, deoarece nu are nici un început, nici un sfârșit. La fel ca cifra folosită pentru a-și calcula circumferința, Pi, cercul este în esență infinit. Acestea sugerează o calitate completă sau o plinătate. Deseori identificate ca feminine, cercurile pot fi de mângâiere, forme simpatice care le reamintesc pe utilizatori de armonie, iubire și perfecțiune.
Triunghiurile sunt adesea considerate "cea mai puternică" formă geometrică într-un sens de proiectare. Ele sunt folosite pentru a indica acțiunea și agresiunea. Ei pot atrage atenția în direcția pe care o îndreaptă și pot fi reprezentative pentru progres și scop.
Rhombus este o formă de diamant, definită de linii diagonale. Acestea pot fi folosite pentru a face un aspect de design și pentru a se simți mai vibrante, mai active și mai contemporane.
Hexagonii sunt forme cu șase fețe care comunică unitatea și echilibrul. Adesea asociate cu faguri de miere, sugerând cooperarea între indivizi, hexagoanele au devenit o tendință comună în rândul site-urilor web de afaceri.
Acum, că ați câștigat o familiarizare trecătoare cu diferitele forme de forme și cu ceea ce reprezintă, să aruncăm o privire la câteva exemple de design geometric în prezentarea de astăzi. Vom examina unsprezece exemple diferite de design web geometric și vom face câteva observații importante cu privire la diferitele moduri în care sunt implementate modele specifice.
Primul nostru exemplu de design geometric este foarte subtil. Un site inspirat și visceral de artist vizual, Isaac Katz.
Pentru a reflecta munca uluitoare pe care o produce Katz, designerii au folosit icoane geometrice pentru a descuraja navigația în partea de jos a ecranului și grafice asimetrice care servesc ca fundaluri materiale pentru text pe pagină.
Prin utilizarea modelelor geometrice pentru a indica elementele care pot fi făcute clic sau utile, designul creează o ierarhie vizuală ușor universal de înțeles între un grup divers de vizitatori ai site-ului web.
Agentie de design Ultra implementează o distincție decisiv diferită asupra cursorului tradițional, folosind un pentagon asemănător scutului, stratificat și reflectat pentru a afișa blocuri de conținut rotative.
Aceasta reprezintă o combinație de tendințe: geometria și animațiile subtile. Folosind ambele împreună este o modalitate puternică de a atrage atenția și de a crește implicarea utilizatorilor.
Încă o dată, aceasta arată cât de eficiente modele geometrice pot fi într-o capacitate de încadrare. În plus, partea de jos a pentagonului acționează ca o săgeată, încurajând utilizatorii să parcurgă mai jos.
Nu sunt doar site-uri care pot beneficia de un design geometric greu. Jocul premiat mobil, Monument Valley, este un tratament vizual și visceral de traversat.
Jocul de puzzle se aseamănă mai mult cu un compendiu de lucrări de artă decât cu o aplicație ce distrage atenția iPhone, iar perfecțiunea geometrică a designului său este singura responsabilă pentru acea impresie.
Agenția digitală, Buffalo, utilizează o structură cloud în formă de hexagon pentru a prezenta proiecte recente într-un mod ciudat și izbitoare.
Profitând atât de capacitățile de încadrare, cât și de capacitatea de navigare, fiecare hexagon din cloud-ul geometric al lui Buffalo este clicabil. După ce faceți clic, fiecare pictogramă redirecționează utilizatorul către o pagină corespunzătoare care descrie o intrare diferită a portofoliului.
Miscarea evidenta si constructiile geometrice vizuale subtile definesc stilul agentiei de design multidisciplinare Noi iubim zgomotul.
Miscările mouse-ului schimbă dramatic ecranul, arătând o serie de icoane rectangulare și circulare, fiecare legând la un alt proiect. Efectul poate fi jignitor, dar este totuși uimitor.
Designerul Mokhtar Saghafifolosește o combinație atrăgătoare de geometrie și culoare pentru a afișa pagina de portofoliu. Diverse modele inclinate dreptunghiulare și rombatice formează fundal și inițiale peste vârful unui superb peisaj natural.
Efectul scrolling al paralaxelor care acoperă imaginile de fundal este, de asemenea, plăcut pentru ochi, iar liniile diagonale utilizate pe parcursul creării unui sentiment de dinamism și activitate electrică. Utilizatorul este încurajat să exploreze site-ul fără a ști exact de ce. Acesta este un exemplu fantastic al principiului "designului invizibil". Efectul general este extrem de distinctiv și oferă cu siguranță un caz bun talentului său.
Parlaxarea, geometria și o doză sănătoasă de atitudine se combină pentru a forma o trăire vizuală miraculoasă tridimensională pe Curajosul agenția digitală.
Prin folosirea unui număr mic de triunghiuri, fundalul interactiv și stratificat oferă o impresie de adâncime care face într-adevăr site-ul pop în ochii vizitatorului.
Boombotix este un difuzor portabil bluetooth, și se întâmplă, de asemenea, să aibă o formă hexagonală. Poate că o mișcare inteligentă de către designerii săi, văzând cum am discutat deja despre modul în care hexagoanele merg mână în mână cu produse avansate de tehnologie.
În plus, designul site-ului se potrivește cu cel al produsului. Liniile diagonale clare acționează ca dispozitive de încadrare și indicii vizuale oriunde se întâmplă să navigați. Combinați acest lucru cu animațiile subțire activate când derulați și aveți o prezentare remarcabilă pentru un produs interesant.
Servicii de tipărire 450GSM are un site de eCommerce care demonstrează cu adevărat compatibilitatea tendințelor plane și geometrice de design. Principala ilustrare este o imagine de tip origami, construită din forme triunghiulare mai mici. Singurele imagini din pagină constau în dreptunghiuri și un singur (în butoane și logo-ul).
Fiecare formă servește pentru a atrage ochiul departe de spațiul negativ abundent care străbate tot ecranul. Utilizarea inteligentă a liniilor diagonale în pasărea origami generează tensiuni și indică utilizatorul în jos spre ambele CTA și conținutul suplimentar care se află sub ori.
Finalizarea galeriei noastre este site-ul animat al agenției digitale Akaru.
Acest site combină multe dintre elementele discutate anterior în lista noastră și formează un fantastic geometric smorgasbord pentru simțuri. Triunghiurile, dreptunghiurile și chiar norii hexagonali formează o amprentă de neuitat în mintea vizitatorului, pe măsură ce defilează site-ul foarte interesant.
Astfel, concluzia revizuirii modelelor geometrice populare în cadrul designului web modern! Acum că teoria a fost explicată și ați văzut câteva aplicații practice ale celor trei utilizări primare ale modelelor geometrice în acțiune, probabil că veți simți mai confortabil experimentarea geometriei în propriile desene.
Ce alte exemple de design geometric ți-au impresionat sau te-au uimit? Sunați în secțiunea de comentarii de mai jos!
Accentsconagua