Cameră de respirație: Utilizarea spațiului alb în Zona Eroilor

Dezvoltatorii sunt adesea atât de obsedați de soluții extravagante încât uneori se lasă duși de cap – uitând cum cele mai simple lucruri pot face o interfață un loc mai bun. Un astfel de exemplu este spațiul alb.

Reclamele nu îi acordă întotdeauna creditul corespunzător. Cu toate acestea, dacă construiți o experiență confortabilă de utilizator, cu un accent primordial pe conținut, atunci spațiul alb este prietenul dvs. Este cel care stă în spatele unui UX plăcut, încurajând vizitatorii să rămână pe un site web. Ea creează ordine din haos și pune totul la locul lui. Ajută la stabilirea căilor vizuale și la determinarea priorităților. Face toate sarcinile grele din spatele draperiilor.

Aceste argumente pot suna banale. Cu toate acestea, ele sunt rezonabile și se bazează pe o lungă istorie de experimentare. Fără o cantitate adecvată de aer proaspăt, utilizatorii tăi se vor simți claustrofobi. Experiența generală va lipsi de plăcere.

Desigur, spațiul alb va fi întotdeauna spațiu alb. Nu o poți transforma într-o animație uluitoare – este doar un spațiu gol. Cu toate acestea, acest lucru nu înseamnă că nu are nimic de-a face cu designul. Dimpotrivă, este o parte integrantă a acesteia.

Astăzi vă vom arăta cum spațiul alb diferențiază cu pricepere conținutul de orice altceva, precum și cum joacă un rol esențial în estetica generală. Să explorăm câteva modele cu multe spații albe prezentate ca lacune uriașe, organizate.

Ce căutăm

Ne vom îndepărta în mod intenționat de modelele mai tradiționale, cum ar fi Beyond Theory sau Heartbeat Labs, ale căror zone de eroi pot fi numite pe bună dreptate spațioase.

Secțiunile lor de bun venit constă numai din elemente vitale, cum ar fi sloganul, navigarea și spațiul alb. Fără îndoială, sunt pline de aer proaspăt. Ambele arată clare. Și, sloganurile lor atrag instantaneu ochiul. Cu toate acestea, există și alte moduri complexe de a folosi spațiul alb. Prin urmare, vom lua în considerare doar acele interfețe în care lacune organizate inteligent conduce spectacolul.

Olio Intini

Primul exemplu de examinat este Olio Intini. Echipa de proiectare merge dincolo de simpla afișare a conținutului. Au luat zona obișnuită a eroilor, cu o imagine și slogan și au făcut-o să arate excepțional, cu puțin ajutor de la golurile uriașe de pe ambele părți. Aceste goluri direcționează cu ușurință atenția tuturor către partea centrală a ecranului și adaugă un farmec complex designului.

Piscine pentru urși polari

Olio Intini este un primer perfect pentru echilibrul dintre spațiul alb și conținut, chiar dacă marginile din stânga și din dreapta par îndrăznețe și prea mari la început. Piscinele Urșilor Polari este un exemplu similar.

Echipa din spatele designului site-ului rămâne pe același traseu. Există goluri uriașe în partea stângă și în partea dreaptă. Cu toate acestea, în acest caz, secțiunea bazată pe imagini ocupă mai mult spațiu decât în ​​exemplul anterior.

Cu toate acestea, trucul încă funcționează. Mai mult, aici structura cutiuta se intalneste cu o cantitate generoasa de spatii albe, aranjate cu grija in blocuri delimitate. Drept urmare, zona eroilor arată fantastic. Lacunele uriașe sunt o parte integrantă a esteticii generale.

Archi Graphi / Azura

Archi Graphi și Azura ne arată cum golurile uriașe se îmbină în mod natural în design-uri cu ritm vertical. Ambele au zone de eroi cu text vertical la modă; iar Azura are chiar linii verticale în spate. Rețineți că există o mare parte de spațiu alb în antetul de sus. Acest truc aduce în mod natural logotipul în Archi Graph și navigarea cu CTA în Azure în centrul atenției. Ecranele de start sunt bine echilibrate, informative și atrăgătoare din punct de vedere vizual.

Tappezzeria Novecento / Gucci Gift

În exemplele anterioare, golurile uriașe întăresc designul general, jucând rolul unui adaos perfect. Dar în cazul Tappezzeria Novecento și Gucci Gift, acestea sunt doar o necesitate.

Zona eroilor din Tappezzeria Novecento este mulțumită. Fără o cantitate adecvată de spațiu alb, va speria utilizatorii cu presiunea sa informativă. Observați cum echipa de proiectare se joacă cu măiestrie cu golurile. Dispunerea este asimetrică, dar aceasta funcționează în favoarea sa. Designul pare original, deși nu este nimic grandios în el - doar o combinație pricepută de conținut, grafică și spațiu alb. Pur și simplu ingenios.

În ceea ce privește Gucci Gift, publicul nu se va putea bucura de partea interactivă a site-ului fără o cantitate adecvată de spațiu alb din toate părțile. Aici, sunt necesare spații uriașe pentru a afișa pânza interactivă care se află în spatele imaginilor din centru. Ele oferă utilizatorilor un loc real pentru a se juca cu fundalul.

Fus / Kolaps

Ce zici de a adăuga și mai mult spațiu optând în favoarea unor goluri cu adevărat enorme?

Dacă credeți că este prea mult, atunci aruncați o privire la Spindle și Kolaps. Arată fantastic. Se simte că întreaga estetică, precum și prima impresie, se bazează pe această cantitate masivă de spațiu alb.

Echipa din spatele Spindle ne arată abordarea modernă a minimalismului. Zona eroului se referă la imaginea relativ mică, navigarea verticală și logotipul bazat pe text. Arată îngrijit, clar și original.

Echipa din spatele Kolaps beneficiază de simbioza animației high-end și spațiilor albe. Acestea două se completează perfect.

Ediții – Jordan Sowers

Urmând cele două exemple anterioare de adoptare a decalajelor mari, echipa din spatele Editions – Jordan Sowers a optat în favoarea decalajelor incredibil de mari pe partea stângă și dreaptă. Totuși, soluția nu pare scandaloasă. Poate părea îndrăzneț, dar fără îndoială intrigant. Se pare că nu poți avea niciodată suficient spațiu alb.

Zona eroului din portofoliul lui Jordan Sowers este spațioasă și minimalistă. Strigă lucrările de portofoliu, atrăgând atenția generală către inima paginii.

Atât de mult aer proaspăt

A face o primă impresie este din ce în ce mai vital, nimeni nu se contrazice cu asta. Totuși, ce urmează? Nu poți supraviețui doar într-o zonă grandioasă de eroi.

Pe termen lung, conținutul este un rege, iar modul în care îl prezinți este și mai important. Spațiul alb îl ajută să urce pe tron. recreând un anturaj propriu. Și dacă simțiți că folosirea spațiilor albe este plictisitoare, puteți oricând să răsuciți puțin soluția. Încercați să profitați de lacune uriașe, bine organizate, care servesc aceleiași sarcini, dar produc un efect mai interesant.