Negativni prostor u dizajnu: saveti i najbolja praksa

by | Dec 8, 2019 | Tipografija | 0 comments

Članak razmatra važnost negativnog prostora u dizajnu korisničkog interfejsa za web i mobilne uređaje: definicija, saveti i primeri negativnog prostora u interfejsima.

Često mislimo da su tišina, praznina ili bezbojnost loše za nas. Prihvatamo ih zdravo za gotovo bez razmišljanja da su oni čvrst temelj kontrasta. Samo tišina omogućava nam vrednost zvuka. Samo prazan prostor omogućava nam razumevanje čime želimo da ga ispunimo. Samo bezbojnost omogućava nam da osetimo boje svetlije i dublje kada se pojave na pozornici. A samo odsustvo vazduha omogućava nam da znamo koliko je to bitno. Danas govorimo o vazduhu u dizajnu. Hajde da razgovaramo o negativnom prostoru.

Šta je negativan prostor u dizajnu?

U osnovi, negativni prostor – ili beli prostor, kako se često naziva – je oblast grafičkog interfejsa koja ostaje prazna. To može biti ne samo oko objekata koje postavljate u interfejs, već i između i unutar njih. Negativni prostor je vrsta prostora za disanje za sve objekte na stranici ili ekranu. Ne samo što definiše granice objekata, već i stvara potrebne veze između njih prema Geštalt principima i stvara efikasnu vizuelnu performansu. Zbog toga je beli prostor pravi element dizajna koji ima veliki uticaj na pozitivno korisničko iskustvo. „Beli prostor je poput platna: pozadina drži elemente zajedno u dizajnu, omogućavajući im da se ističu“ – kaže Mads Soegaard iz Interaction Design Foundation.

Negativni prostor grafičkog dizajna često se vidi u logotipima, ilustracijama, posterima i kreativnim slovima gde postaje aktivni deo vizuelne prezentacije što ključne stvari još više čini ekspresivnim. Na primer, na ilustraciji bloga ispod možemo videti kako pozadinski element (mesec) igra ulogu kontrastnog negativnog prostora, što čini da astronaut izgleda živopisnije i dinamičnije.

U UI dizajnu za web lokacije i mobilne aplikacije negativni prostor je veliki faktor visoke upotrebljivosti i upravljivosti interfejsa. Negativni prostor oko elemenata interfejsa takođe se naziva i makro prostor, dok se prostor između njih i iznutra (za slova i tačke) naziva i mikro prostor.

Koja je razlika između belog i negativnog prostora?

Kratak odgovor: nema razlike. Ovi termini su suštini sinonimi.

Zašto se ova pojava naziva u dva različita termina? Odgovoriti je lako ako pratite poreklo. Izraz “beli prostor” potiče od dizajna štampanja još od vremena kada su stranice bile uglavnom bele, pa je beli razmak bio sve oko, između i unutar slova i simbola, kao i oko ilustracija. Danas, kada se koristi u dizajnu, ovaj izraz nema nikakve veze sa belom bojom: sve se više odnosi na prazan prostor, a ne na boju. Izraz “negativni prostor” dolazi od fotografije: na fotografiji oni definišu pozitivni prostor (objekti koji privlače pažnju) i negativni prostor (pozadina).

Ono što je važno imati na umu da negativni prostor u web dizajnu ne mora biti samo beli – možete koristiti bilo koju boju, teksturu, šemu (pattern) ili pozadinsku sliku.

Zbog čega je važan negativan prostor

Zamislite da uđete u sobu koja je u potpunosti napunjena raznim stvarima. Police, kutije, torbe, gomile knjiga i odeće, sto koji je prepun raznih stvari. Da li ćete se moći koncentrisati u takvim uslovima? Da li su vam zaista potrebne sve te stvari trenutno? Da li ćete moći da pronađete ono što vam treba i koliko vremena će vam trebati? Pa, to je sasvim isto što vide i osećaju korisnici otvaranjem stranice ili ekrana koji ne sadrži negativni prostor.

I klijenti i neki dizajneri možda žele da stave što više elemenata i funkcija na jednu stranicu ili ekran misleći da će to spasiti posao i da će biti korisno za klijente. Ali to je greška: u stvari, korisnicima ne treba sve odjednom. Čak štaviše, previše elemenata bez dovoljno vazduha značajno podiže nivo ometanja: preopterećeni informacijama i interaktivnim elementima od kojih većina njima nije potrebna, korisnici će se morati potruditi da pronađu ono što im treba. Kao što je Aarron Valter spomenuo, „ako sve vrišti za pažnjom gledalaca, ništa se neće čuti“.

design quotes UI UX tubik collection

Među prednostima promišljenog pristupa negativnom prostoru u dizajnu mogli bismo pomenuti sledeće:

  • podržava skeniranje stranice
  • poboljšava vizuelnu hijerarhiju
  • čini veze između elemenata vidljivim i prirodno uočenim bez dodatnih sredstava poput tablica, okvira, strelica
  • pruža dovoljno vazduha na stranici da se ne bi osećala pretrpano
  • postavlja korisnikovu fokusnost na osnovne elemente i smanjuje nivo odvlačenja pažnje
  • stranici dodaje stil i eleganciju.

Na primer, pogledajmo odredišnu stranicu Big City Guide. Ovde dizajner primenjuje pozadinsku fotografiju i ona igra ulogu negativnog prostora na makro nivou. Štaviše, elementi fotografije i slova glavnog elementa međusobno su povezani: to čini negativni prostor aktivnim elementom dizajna i daje stranici ujedinjen harmoničan izgled.

web ui design city guide

Osnovni faktori pod uticajem negativnog prostora

Pravilna upotreba negativnog prostora može imati značajan uticaj na sledeće faktore korisničkog iskustva.

Čitljivost i čitkost: ako nema dovoljno prostora između elemenata, oni postaju teški za čitanje i zahtevaju dodatni napor. To može biti jak razlog za napetost očiju i mozga, mada mnogi korisnici neće moći da formulišu problem. Pravilna količina negativnog prostora, posebno mikro prostora, rešava ovaj problem i čini proces prirodnijim. Dakle, negativan prostor direktno utiče na efikasnost tipografije na stranici ili ekranu. U muzici pauze igraju istu ulogu kao i zvukovi. Kada čitate, radi na isti način: pravilno postavljeni prazni prostori olakšavaju čitanje teksta.

Brendiranje: Ako proverite bilo koju smernicu za izradu logotipa, ustanovićete da dizajneri definišu odgovarajuću količinu negativnog prostora oko nje tako da je ispravno uočena. Kršenje ovih pravila štetno je za vizuelne performanse.

Priroda resursa: negativni prostor ima uticaj na takozvani dizajnerski ton. Na primer, resursi za vesti će imati manje belog prostora na početnoj stranici od blogova kako bi se postavilo raspoloženje i razumevanje da je platforma puna podataka koji se dinamički pojavljuju.

Odnos pažnje: dovoljno negativnog prostora poboljšava vizuelnu hijerarhiju i omogućava korisnicima da se fokusiraju na ključne elemente.

typography in ui design

Na osnovu toga, negativan prostor ima uticaj na vizuelnu percepciju u sledećim aspektima:

  • tekstualni sadržaj
  • grafički sadržaj
  • navigacija
  • identitet.

Proverićemo nekoliko primera. Evo početne stranice za The Big Landscape. Bez ikakvih vizuelnih okvira i tabela, zbog uravnotežene upotrebe negativnog prostora, dizajner gradi jaku vizuelnu hijerarhiju i omogućava korisniku da skenira razne blokove sadržaja u deliću sekunde. Ovakav dizajn izgleda organizovano, ali lagan i prozračan. Bijela pozadina i raspored izgleda tako da izgledaju slično časopisu koji skladno informiše čitaoca o ciljevima i prirodi ovog internet časopisa.

web design UI concept tubik studio

Drugi primer je mobilna aplikacija Upper up: ovde je negativni prostor sav crn, što stvara sjajan kontrast osnovnim elementima interfejsa. Za cijeli ekran koristi se samo jedna ravna linija. Ipak, sav interfejs izgleda organizovano i lako čitljiv zbog dovoljno vazduha i bez distraktora. Takođe podržava stilističku minimalističku eleganciju kojom favorizuje estetsko zadovoljstvo.

upper app UI design case study

Zamke koje treba razmotriti

1. Zbunjujuća terminologija. Kada razgovarate sa klijentima koji možda nisu duboko upoznati sa uslovima dizajna, obavezno objasnite značenje negativnog prostora pre nego što opišete rešenje dizajna. Ne-dizajneru može biti teško da shvati zašto je „ovom ekranu potrebno više belog prostora“, gledajući potpuno crnu pozadinu, kao i negativan prostor, možda biti povezano sa nečim lošim – što nije.

2. Želite da smanjite negativni prostor da biste stavili više na stranicu ili ekran. To se događa ne samo kod UI dizajna: možda čujete kako dizajner enterijera preporučuje da uštedite malo prostora klijentu koji želi 4 police za knjige u jednoj sobi umesto dve, ili arhitekti koji objašnjava zašto je potreban prazan prostor oko zgrade koji bi ga učinio da izgledajte i služi bolje. Čak štaviše, ponekad ponovno planiranje elemenata uz bolju upotrebu negativnog prostora stvara iluziju da je soba ili zgrada veća nego što stvarno jeste – a isto se događa i sa podacima koje morate da stavite na mobilni ekran ili veb stranicu. Odlučite šta je najvažnije, šta je sekundarno i šta može biti eliminisano tako da intuitivno orijentiše korisnika. Negativni prostor će vam pomoći da postignete harmoničan izgled ekrana ili stranice čak i ako je pun informacija i funkcija.

3. Loše određivanje prioriteta. Negativni prostor nije lek sve dok promišljena informaciona arhitektura ne stoji iza interfejsa. Pre nego što razmislite o dizajnerskom izgledu, morate da odlučite kako će korisnik pronaći prečicu do svog cilja i rešiti svoj problem sa aplikacijom ili web stranicom. Planirajte ovo pre nego što budete prezentovali; u suprotnom, čak ni najbolja ravnoteža vizuelnih elemenata, uključujući negativan prostor, neće raditi efikasno.


Asteroid style balans bazar beli prostor dizajn fotošop hyppo beba ikigai kako da smanjim sliku kako da smanjim sliku za web korisni pluginovi lični razvoj logo logotipi mali proizvodjaci motivacija online prodaja optimizacija slike optimizacija slike za sajt optimizacija slike za web pcelarstvo stevanovic photoshop plaginovi pluginovi plugins prazan prostor prirodan med prodaja psihologija prodaje radost na poslu saveti slikarstvo smanjivanje slike tipografija trendovi UI umetnost unapređenje biznisa uravnotežen život useful plugins web design web dizajn web dizajn 2020. Zmaja Pyroart život

0 Comments

Ostavi komentar

Other posts you might like