Negativni prostor u dizajnu: saveti i najbolja praksa

Negativni prostor u dizajnu: saveti i najbolja praksa

Č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“.

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.

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.

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. Bela pozadina i raspored izgleda tako da izgledaju slično časopisu koji skladno informiše čitaoca o ciljevima i prirodi ovog internet časopisa.

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.

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

Top 5 web dizajn trendova u 2020.

Top 5 web dizajn trendova u 2020.

Web dizajn trendovi nikada ne ostaju isti, već se konstantno menjaju. Dizajn koji je bio u moderan i prelep u 2018. i 2019. godini, definitivno neće ostati i u 2020.
Trendovi su nešto, što neprestano evoluira i kako biste najbolje iskoristili čari svog web sajta, definitivno biste trebali pratiti najnovije web dizajn trendove 2020. godine.

Ako vodite online biznis ili razmišljate o tome, onda će ovaj članak biti od izuzetne važnosti za Vas. Uz pomoć saveta koje ćete pronaći u ovoj objavi, moći ćete da pratite trenutne i buduće web dizajn trendove, kako biste generisali bolju prodaju i potencijalne prilike pomoću Vašeg sajta.


1. Asimetričan izgled

Web stranice su beskorisne, ukoliko nemaju mogućnost da skrenu pažnju. Prema najnovijim dizajnerskim trendovima, asimetrični web izgledi su najbolji kada je u pitanju hvatanje pažnje svojih posetioca. Koristeći takav izgled, možete korisnika da navedete da se fokusira na najvažnije delove Vaše web stranice.

Asimetričan izgled je napravljen, kada se balans slika zadržava na obe strane neke web stranice. U suštini, ono što se dešava u asimetričnom izgledu jeste da oči Vašeg posetioca prirodno prelaze sa većeg i težeg dela stranice, na neki manji i lakši deo. Ovakav stil je takođe i najatraktivniji kada je u pitanju dizajniranje web sajta.

2. Netradicionalno skrolovanje

Ako možete dodati malo kreativnosti kako bi se Vaš web sajt istakao među najpopularnijim web sajtovima 2019. i 2020. godine, trebalo bi da potražite funkciju poput netradicionalnog skrolovanja. To u osnovi znači ne praktikovati skrolovanje web sajtova na stari i tradicionalan način. Kada govorimo o značajkama dizajna web stranica koje su u trendu, ne možemo slediti tradicionalne načine.

Postoje četiri vrste netradicionalnog skrolovanja koje možete dodati da biste dobili dizajn web stranice u skladu sa trendovima 2020. godine:

  1. Dugo skrolovanje
  2. Fiksno dugo skrolovanje
  3. Beskonačno pomeranje
  4. Pomeranje paralela

Jedini nedostatak ovih karakteristika je to što oni mogu usporiti učitavanje Vašeg web sajta.

3. Minimalizam

Minimalizam na web stranicama je evoluirajući koncept trendova u dizajniranju web stranica, koji će i dalje biti vrlo delotvoran u 2020. godini. Koncept minimalizma u web dizajnu je u osnovi da se web stranica pojednostavi tako što će se smanjiti količina sadržaja i slika, povećati malo beli ili prazan prostor na web stranici.

Ostale pojednostavljene tehnike pod pojmom minimalizma uključuju:

  • Korišćenje manje dugmića
  • Sakrivanje trake za navigaciju
  • Odsecanje dodatnih detalja poput senke sa slike ili grafike
  • Korišćenje ne više od 2-3 boje

Ovaj koncept minimalizma je u osnovi evoluiran kako bi se smanjila preterana količina sadržaja koja ponekad zbunjuje posetioce i takođe kako bi se ubrzala web stranica.

4. Interaktivan sadržaj

Prema najnovijim trendovima dizajna, web stranice nisu više samo statičke prezentacije, već i mediji koji će korisnicima usmeriti pažnju. Koncept interaktivnog sadržaja prate već brojne web stranice, jer on čini njihov sadržaj atraktivnim i modernim. Ova tehnika se koristi za predstavljanje sadržaja na netradicionalni način, sa animacijama ili atraktivnim “hover” funkcijama miša.

Glavna prednost je mogućnost predstavljanja atraktivnog stila jer on hvata pažnju Vaših korisnika. Takođe bi trebalo da se setite da je Vaš sadržaj koji predstavljate beskoristan, ako tom sadržaju nedostaje kvalitet. U ovom digitalnom svetu, sadržaj je kralj, a interaktivan i kvalitetan sadržaj definitivno Vas može dovesti ispred ostalih.

5. Video pozadine

Video pozadina je najefikasniji trend dizajna web stranica u 2019. godini, a takođe će biti u trendu 2020. Među najbolje nagrađenim web prezentacijama, 60% je onih koji prate ovaj trend video pozadina na web stranicama. Kreirajte web stranice sa kvalitetnim video zapisom, kako biste izvukli maksimum iz svoje prezentacije.

Pozadina kao video zapis na početnoj stranici daje dobar utisak posetiocima web stranice i to je najefikasniji način da privučete pažnju bilo kog posetioca. Ukoliko želite da se probijete koristeći Vašu web prezentaciju, video pozadine su “must-have” i nikako ne smete propustiti da ih koristite. S druge strane, glavni nedostatak ovog trenda jeste da zaista može smanjiti brzinu učitavanja vaše web stranice.


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