10 mari utilizări ale spațiului alb în designul web

În timp ce clienții vă solicită adesea să înghesuiți cât mai multe informații într-o pagină, designerii de web experimentați știu că acest lucru poate duce la un coșmar de utilizare.

În schimb, utilizarea încrezătoare și atentă a spațiului alb se referă la a oferi conținut spațiu pentru a respira.

Exemplele enumerate aici funcționează deoarece tot ceea ce are nevoie vizitatorul este încă acolo pe pagină; tot ceea ce este absent ar fi doar dezordine. În locul acestui dezordine, spațiul alb vă ajută să creați o interfață echilibrată, ușor de navigat, unde puteți găsi ceea ce aveți nevoie fără a fi copleșiți.



01. Realizat de Sofa

Acest design restrâns atrage atenția prin utilizarea măsurată a spațiului alb

Acest design restrâns atrage atenția prin utilizarea măsurată a spațiului alb

Cât de tentant ar fi fost ca această companie de design de software și interacțiuni să fi folosit o imagine de erou colorată în fața ta, pe pagina sa de pornire, în încercarea de a-ți atrage atenția. În mod ironic, păstrând lucrurile atât de simple, este creat un design minimal, care este de fapt mult mai atrăgător. Utilizarea măsurată a spațiului alb conferă un sentiment de încredere și fiabilitate, în timp ce o felie subtilă de spațiu negativ în pictograma canapelei adaugă un plus de clasă.

02. măr

Apple folosește spațiul alb pentru a concentra atenția asupra produselor sale superbe

Apple folosește spațiul alb pentru a concentra atenția asupra produselor sale superbe

Dacă Apple reprezintă ceva, este importanța designului în tehnologie, iar propriul său site web demonstrează asta cu măiestrie. Când aveți produse la fel de minunate ca acesta, doriți să vă concentrați atenția asupra lor, iar acri de spațiu alb din jurul lor realizează exact acest lucru.

03. Construită de Buffalo

Complexitatea relativă a sistemului de navigație Buffalo este compensată de cantități generoase de spațiu alb

Complexitatea relativă a sistemului de navigație Buffalo este compensată de cantități generoase de spațiu alb

Spațiul alb nu este destinat doar aspectelor ultra-minime și iată un exemplu excelent. Pagina principală a agenției din Brighton, Buffalo, prezintă principalele elemente navale în hexagoane colorate, grupate împreună într-o rețea și înconjurate de cantități generoase de spațiu liniștitor. Este un aspect izbitor de original, care conține ambele un caleidoscop de culoare și legături, oferind în același timp o senzație relaxată, fără stres, pentru experiența de defilare.

04. Dropbox

Dropbox folosește ilustrații de tip copil și un spațiu alb calmant pentru a calma temerile tehnofobilor

Dropbox folosește ilustrații de tip copil și un spațiu alb calmant pentru a calma temerile tehnofobilor

Unul dintre cei mai importanți jucători din lumea tehnologiei, Dropbox combină ilustrații de tip copil cu utilizarea încrezătoare a spațiului alb pe pagina sa de pornire, cu un efect excelent. Simțul general este relaxat și abordabil, ceea ce face ca ceea ce ar putea fi, pentru cei neinițiați, o propunere înfricoșător de complexă să pară un lucru distractiv și util de încercat.

05. Fell Swoop

Această agenție din Seattle folosește spațiul alb pentru a adăuga o notă de rafinament site-ului său

Această agenție din Seattle folosește spațiul alb pentru a adăuga o notă de rafinament site-ului său

Spațiul alb a fost întotdeauna un instrument bine utilizat în proiectarea revistelor și există un ecou al acestei sensibilități în proiectarea site-ului web al consultanței Seattle Fell Swoop. Puțin mai mari decât fonturile obișnuite și utilizarea restrânsă a spațiului alb conferă o felie de rafinament rar pentru ceea ce altfel ar fi un site de companie destul de standard.

06. Mituri UX

UX Myths practică ceea ce predică cu acest design minimalist al paginii de pornire

UX Myths practică ceea ce predică cu acest design minimalist al paginii de pornire

Un site care vă învață despre cum să oferiți experiențe bune utilizatorilor trebuie să practice ceea ce predică. Și UX ​​Myths, un site care colectează cele mai frecvente concepții greșite UX, face cu siguranță acest lucru. Pagina sa principală, axată pe text, revine la primele zile ale internetului, evitând în același timp urâțenia pe ecran a acelei epoci. De fapt, există o mulțime de informații pe această pagină de pornire, dar utilizarea inteligentă a spațiului alb înseamnă că nu se simte deloc așa.

07. Ceva Splendid

Acest site pentru o agenție dispărută folosește spații albe pentru a atrage atenția asupra informațiilor importante din antet

Acest site pentru o agenție dispărută folosește spații albe pentru a atrage atenția asupra informațiilor importante din antet

Something Splendid este un studio de design australian care nu mai există, după ce a fuzionat cu o altă agenție, Liquorice, în 2013. Natura internetului, totuși, înseamnă că oamenii vor face în continuare clic pe linkuri vechi către adresa URL anterioară. Ceea ce îi întâmpină acum este această colecție adorabilă a lucrărilor lor anterioare. Antetul folosește în mod strălucit spațiul alb pentru a oferi un sentiment de distanță și pentru a transmite că acesta este un tribut iubitor, mai degrabă decât un site „de lucru”. Cât de frumos ar fi fost o pagină de 404 sau un transfer inexplicabil către noua companie.

08. Chanel

Chanel valorifică spațiul alb pentru a crea un site cu aspect fabulos

Chanel valorifică spațiul alb pentru a crea un site cu aspect fabulos

Industria modei are în vedere aspectul bun și înțelege pe deplin potențialul spațiului alb de a crea o atmosferă de rafinament rarificat. Chanel nu a rămas în afaceri de 107 ani și numără accidental, iar site-ul său elegant reprezintă un exemplu pentru oricine dorește să aibă succes în comerțul electronic.

09. Lionel durimel

Spațiul alb este esențial pentru ca portofoliul experimental al site-ului Lionel Durimel să funcționeze

Spațiul alb este esențial pentru ca portofoliul experimental al site-ului Lionel Durimel să funcționeze

După cum am spus mai devreme, nu doar design-urile minimaliste utilizează spațiul alb. Dar dacă experimentați ultra-minimalismul, poate fi foarte util. Site-ul uimitor al portofoliului directorului de artă parizian Lionel Durimel combină textul transparent, efectele de derulare și culorile care atrag atenția pentru a-și vinde cu adevărat serviciile, iar utilizarea îndrăzneață și aventuroasă a spațiului alb ajută la combinarea tuturor.

10. Google

Google și-a păstrat designul paginii de pornire în mare parte neschimbat timp de două decenii

Google și-a păstrat designul paginii de pornire în mare parte neschimbat timp de două decenii

Google.com este marele bunic al spațiului alb de pe web. Doar un mic pătrat al acestei pagini de pornire ar atrage o valoare monetară aproape de neimaginat. Dar gigantul căutării s-a lipit de armele sale, iar designul său a rămas în mare parte neschimbat încă din anii '90. Dacă cineva vă critică vreodată utilizarea spațiului alb în designul web ca „spațiu irosit”, indicați-l aici și întrebați-i dacă cred că cea mai de succes companie din lume știe ce face ...