Lucrul cu un spațiu gol gol de ce atât de multă influență asupra design-

Ce observați? Desigur, incredibil spirit Rowan. Dar ai observat modul în care el folosește tăcere pentru a face oamenii să râdă? Această tehnică se numește sincronizare de benzi desenate, una dintre cele mai importante abilități pe care ar trebui să aibă un actor de comedie de succes.

Imaginați-vă de performanță Rowan Atkinson fără aceste pauze. Nu este foarte amuzant, pentru că tăcerea face o glumă. În această tăcere este o sarcină foarte importantă.

Același lucru se poate spune și despre muzică. Cu toate că poate fi calm înainte de creșterea bruscă a ritmului, nu tăcere.

Observați cum în exemplul de mai sus „cade“, puțin câte 0,45 și 1,29? Tăcerea oferă evenimente dramatice viitoare. Am luat o piesa de dans, dar ar putea lua cu ușurință Simfonia a cincea a lui Beethoven.

În ambele exemple, tăcerea - un factor critic în atragerea atenției. În mod similar, se execută un spațiu gol. În web design include zona goală spațiu fără text și imagini. Putem spune că această „tăcere vizuală“. Pentru design-ul nostru să funcționeze, spațiul gol trebuie să fie combinate cu utilizate în mod corespunzător.

Deși Google nu a fost întotdeauna cunoscut pentru abilitățile lor de proiectare, ei au fost întotdeauna susținători ai spațiului gol, care este o mare parte din pagina lor de origine. Google a lansat redesign sale, când pagini de competitorii lor, cum ar fi Yahoo! au fost bine ambalate prognoze meteo, știri și e-mail. Interfața nu-bibelouri permite utilizatorilor să se concentreze pe sarcina principală - căutarea pe Internet, fără a fi distras de faptul că ei nu au nevoie.

Este greu de apreciat cu adevărat modul în care au fost radicale soluții în proiectarea în ultimii 20 de ani, dar știm cine să se uite la în această privință.

Două tipuri de spațiu alb

spațiu gol activă: spațiul dintre elementele de design, de multe ori folosite pentru stabilirea accente vizuale și structurare. Acest tip asimetric de spațiu, ceea ce face design mai dinamic și activ.

un spațiu gol între cuvinte pasive într-un rând sau spațiul din jurul logo-ul și alte elemente grafice.

Aruncati o privire la pagina de start 500px, deoarece folosește spațiile libere activă și pasivă.

Atunci când se lucrează cu spațiul suntem în căutarea în principal la spațiul gol activ, dar, de asemenea, spațiul de pasiv trebuie să plătească o mulțime de atenție și modul în care funcționează cu design-ul.

Două dimensiuni spațiu gol

MICROSPACE Blank: Acest termen se referă la zone mici de spațiu gol între litere și cuvinte, dar, de asemenea, între mai multe elemente grafice. Configurarea corectă a mikroprostranstv gol stabilește tonul general pentru întreaga proiectare, fără a schimba componenta sa principală. Ceva similar cu ritmul de cântece de dans. Piesa este același, dar unele sunt de dormit.

Captura de ecran de mai sus arată MICROSPACE gol între butoanele Autentificare și Înregistrare, precum și între titlul și paragraful.

macrospace gol: Acest termen descrie cantități mari de spațiu gol. De exemplu, spațiul dintre coloane sau paragrafe. Optimizarea macrospace se poate schimba de multe ori dramatic design-ul, ar putea îmbunătăți fluxul și ritmul de atenție pe pagina web.

În designul Tumblr macrospace gol poate fi văzut clar în subsol gol și părțile laterale.

spațiu alb gol?

Vidul Termenul înseamnă fără culori sau nuanțe care pot fi confuze. spațiu gol, de fapt, poate fi de orice culoare, care este responsabil de goliciune design - galben, albastru, verde sau chiar textura (ca în exemplul de mai jos Todoist).

Alegerea ta de culoare nu contează, dar nu uitați că pe culoarea și textura mult mai plăcut pentru a viziona decât alb dur. Principiul este menținut chiar dacă selectați o culoare sau textură diferită.

Unde și cum să folosească spațiul gol

Spațiul gol și elementele de apel la acțiune (CTA)

imaginați-vă întotdeauna că utilizatorul nu știe unde să meargă, și Design dreapta spațiu gol. Ideea este simplă - dacă există un buton de pe mijloacele, nu este nimic pagina, este necesar să apăsați. Pe de altă parte, în cazul în care pagina este ambalat cu elemente care utilizatorul nu va observa acest buton din cauza tulburării.

După cum se poate observa în imaginea de mai sus, al doilea element CTA mult mai atractiv decât prima, deoarece nu este ingreunata de alte elemente.

Utilizarea de spațiu alb pentru răspuns emoțional

Există mai multe moduri de a declanșa emoții în proiectarea, cum ar fi fonturi, culori și imagini. Toate aceste metode de ajutor pentru a adăuga dramă, dar spațiul gol este cea mai puternică componentă și mai puțin costisitoare. Unii o numesc o investiție bună.

Captura de ecran de mai sus arată cum Todoist utilizează spațiul gol din jurul antet, provocând luciul imaginii de fundal și de a transmite emoții pozitive. Au luat, de asemenea, o imagine cu un tip fericit și nu o aplicație care este un mare plus.

Cum de a depăși dorința de a umple golul

Ca designeri și doar oameni, avem o dorinta naturala de a umple spațiul gol. Când ne-am cumpăra un dulap mare, garaj sau casa pentru a umple acest nou spațiu nu ia mult timp.

Acest obicei devine si design de multe ori. Ori de câte ori se observă doar zona goală în designul nostru, începem să ne gândim, „Ce-ar umple?“. Acest tip de gândire poate cauza probleme pentru designeri.

Nu umple elemente de design-ul, încercați să plasați un buton de CTA în centru și de a crea în jurul ei o „zonă sigură“ (spațiu gol). Amintiți-vă că spațiul nu este gol spațiu inutil.

Cine face o bună utilizare a spațiului alb?

masina pare mai puțin impresionantă;

Nu pare atât de ușor să flit asupra aspectului;

dificil de a prezenta povestea omului căzut leșinat.

După cum se poate vedea în imaginile de mai jos, din 1960 până în prezent Volkswagen a folosit spațiul gol pentru a obține un efect mai mare.

Comparativ cu Volkswagen, Apple newbie, dar sa dovedit a fi un susținător fervent al design, cu un spațiu gol - de la site-ul lor, produse și faimosul design și arhitectură magazin Apple.

concluzie

Am aflat că spațiul gol nu este de culoare albă, și că este locul în proiectarea, în cazul în care nu se întâmplă nimic. Este extrem de important principiu în proiectarea, despre care noi nu trebuie să uităm designeri. Acel spațiu gol decide dacă este posibil să se lucreze cu pagina sau nu, și dacă doriți să acordați o atenție suplimentară elementului.

Am aflat că spațiul gol este de două tipuri (active și pasive) și două dimensiuni (micro și macro). Am considerat un exemplu de echivalentul unui spațiu gol în comediile (calendarul de benzi desenate), așa cum se face pe oameni sa rada, dar, de asemenea, studiat exemplu spațiul gol în muzica.

În cele din urmă, ca un designer vreau să adăugați „mai puțin este mai mult“. Din aceasta și respingătoare în munca lor. Spațiul gol poate face design mai bine, și se poate rupe. Sper ca aceste idei vă va ajuta în următoarea dvs. de design.

Revizie: Echipa webformyself.

Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram