UI/UX i Product dizajn – Koja je razlika?

UI/UX i Product dizajn – Koja je razlika?

UI/UX i dizajn proizvoda – u poslednje vreme nailazimo na sve više oglasa za posao vezanih za ove uloge. Ako ipak pronađete opis pozicije koja obuhvata sve tri uloge, onda je važno da znate šta da očekujete.

UI, UX, Product: Ko šta radi?

Pomenute uloge imaju jednu zajedničku stvar – sve one dizajniraju kako će korisnik koristiti proizvod. Ali sve ove osobe obavljaju prilično različite funkcije kako bi postigle isti cilj.

UX dizajner (User Experience Designer)

UX dizajneri prvenstveno brinu o tome kakav će utisak da stekne korisnik dok koristi proizvod.. Cilj je učiniti interakciju korisnika što efikasnijom i jednostavnijom. UX dizajneri na dizajn gledaju iz prostora uma korisnika i smanjuju potencijalne probleme na sledeći način:

  • Pišu različita korisnička scenarija proizvoda i izgrađuju obrazac interakcije
  • Pristupaju raznim vrstama testiranja i prate ono što korisnici rade (npr. Laboratorijske studije upotrebljivosti, praćenje oka, A/B testiranje, ankete putem e-pošte itd.)
  • Izrađuju prototip interfejsa i stvaraju logiku proizvoda putem wireframe-ova
UX dizajn
Izvor: Unsplash

UI dizajner (User Interface Designer)

S druge strane, UI dizajneri su ljudi koje prvenstveno brine kako proizvod izgleda. Oni su odgovorni za to, kako proizvod vidimo u njegovoj konačnoj verziji. Oni su zaduženi za dizajniranje svakog ekrana ili stranice sa kojima korisnik komunicira i osiguravaju da korisnički interfejs vizuelno komunicira logikom koju je ponudio UX dizajner (na primer, UI dizajner koji stvara prikaz podataka (data dashboard), može unapred učitati najvažnije podatke na vrh). UI dizajneri su takođe odgovorni za stvaranje stilskog vodiča i objedinjenog vizuelnog jezika koji se primenjuje na proizvodu. O stilskim vodičima (style guides) ćemo pisati u nekim narednim tekstovima.

UI dizajn
Izvor: Unsplash

Dizajner proizvoda (Product Designer)

Product Designer je sažeti pojam koji se koristi za opisivanje dizajnera koji je generalno uključen u stvaranje izgleda i stila celog proizvoda. Mnogi dizajneri proizvoda smatraju se dizajnerima koji dizajniraju iskustva. To znači da je dizajner proizvoda taj koji daje stvarni uvid UX i UI dizajnerima, kada je reč o tome kako bi neke funkcije trebalo da rade ili kako bi određena UI kontrola trebalo da izgleda.

Izvor: Unsplash

Kompanije (naročito HR regruteri) različito koriste termin „dizajner proizvoda“; najopštija definicija je da je on osoba koja je šampion u potrebama korisnika. Kao što je Justin Edmund rekao, „Dizajner proizvoda nadgleda viziju proizvoda sa visokog nivoa (kako će ova funkcija da ima smisla za 6 meseci) do niskog nivoa izvršenja (kako stilizovanje ovog dugmeta na ovaj način utiče na to kako korisnik “teče” kroz ovu funkciju) “.

Šta očekivati prilikom prijave na posao?

Ukoliko ste UI dizajner, na Balkanu će uglavnom tražiti od vas da dobro znate UX, s obzirom da je većina objavljenih pozicija za obe uloge. Razdvajanje tih uloga možete očekivati isključivo u velikim korporacijama (kao što je na primer agencija Five).

Ukoliko planirate da se prijavite na poziciju dizajnera proizvoda, smatrajte da ćete biti sve te tri uloge odjednom i menadžer projekta, voditi sastanke, prezentovati klijentu promene, dakle kompletan izgled i funkcije proizvoda će biti isključivo vaša briga. Podrazumevaće se od vas da svakodnevno komunicirate s programerima, kako biste postigli željeni rezultat. Ako je mala firma u pitanju, onda to i nije toliko stresan posao, ali u većim firmama očekujte veoma odgovornu ulogu, koja je u rangu s menadžerima.

Izvor: Unsplash

Zaključak

Najbolje proizvode grade ljudi koji razumeju ceo proizvod, a ne samo njihov deo posla. Da bi napravili takve proizvode, UI/UX dizajneri bi trebalo da gledaju da evoluiraju u dizajnere proizvoda koji su u stanju da generišu i obrade dodatne informacije kako bi postigli najbolji rezultat.

Od hobija do uspešnog biznisa za manje od 3 godine

Od hobija do uspešnog biznisa za manje od 3 godine

Maju i Miloša, vlasnike www.zmajapyroart.com upoznali smo na bazaru ručnih radova početkom 2020 godine u Javnom akvarijumu i tropikarijumu Beograd, dvoje divnih mladih ljudi koji su sa entuzijazmom pričali o onome što rade, a mi smo sa zadovoljstvom slušali i upijali sve što su imali da kažu i pokažu.

Odlučili smo se na intervju sa njima zbog toga što nam je njihova priča bila jako zanimljiva kao i zbog svih vas koji razmišljate da se otisnete stopama malog preduzetništva, kako bi ste eventualno pronašli inspiraciju i vredne savete i iskustva koje je ovaj divan umetnički par podelio sa vama i nama.

Od bazara je prošlo više od pola godine, u medjuvremenu se dogodila korona i sve oko nje, kao i razne druge stvari, a dan pre objavljivanja ovog intervjua pretekle su nas kolege iz Blica gde su objavili intervju sa njima gde se pričalo i o jednom od radova na koji su najviše ponosni, a koji je svog novog vlasnika našao čak u dalekom Meksiku, o tome kako je došlo do toga i o mnogim drugim pitanjima možete pročitati u intervjuu koji sledi.

Kako ste došli na ideju da se bavite pirografijom i zašto baš pirografija?
Za pirografiju sam saznala od koleginice sa posla. Ona je tek nabavila pirograf i objasnila mi šta pirografija uopšte znači. Ideja mi je od početka bila interesanta jer je delovalo kao nešto što je malo umetnost, malo zanat.

Da li su bile potrebne neke posebne veštine, kako bi se savladala tehnika crtanja vatrom?
Osnova je da umete da crtate, ali sama tehnika zahteva i neke druge veštine. S obzirom da ne možete da “obrišete” mesto koje ste spalili, morate da budete jako precizni i strpljivi. Ukoliko senčite neki deo, savetujem da crtate sloj po sloj, dok ne dođete do željene jačine. Oduzima više vremena, ali tako postižete najbolje rezultate.

U kom trenutku se hobi pretvorio u posao?
To se desilo vrlo brzo nakon samog otkrivanja sveta pirografije. Milošev tata nam je napravio pirograf na kom je mogla da se reguliše temperatura i prave precizniji pokreti. Bolji alat automatski otvara više mogućnosti i tera vas da budete kreativniji. Tu su bili i prijatelji koji su predložili da odnesemo podmetače sa likovima pisaca u gradske knjižare i predložimo da ih tu prodaju. Odmah smo počeli saradnju sa dve knjižare i to nam je dalo vetar u leđa. Podrška bliskih ljudi nam je pomogla da shvatimo da smo možda na tragu nečeg dobrog.

Koji vam je najzanimljiviji projekat na kojem ste do sada radili?
Za sada je to definitivno replika Fender Telecaster električne gitare! Napravili smo je sa drugarom koji je već napravio nekoliko gitara za sebe i znali smo da zna šta radi. Nabavili smo gitaru u delovima (kao da ste je naručili od Ikee ;)), ja sam iscrtala telo, a drug sve spojio i naštimovao. Na kraju je završila u Meksiku, kod čoveka koji ju je kupio samo na osnovu slika i snimaka koje smo kačili na Instagram. Čuli smo se sa njim par nedelja kasnije i bili smo jako ponosni što je jednako oduševljen i izgledom i kvalitetom zvuka.

Na čemu trenutno radite?
Portret mog omiljenog pisca, Miloša Crnjanskog. Plan je bio da ga objavim za njegov rođendan, ali sam radila na drugim crtežima, pa “poklon” stiže sa zakašnjenjem.
Nastavljamo i projekat sa gitarama, samo u malo drugačijem obliku. Pravimo pikgardove od drveta, koje ćemo da ilustrujemo pirografom. 

Gde vidite „Zmaja Pyroart“ za 10 godina od sada?
Na izložbama i festivalima širom Evrope. Želja nam je da kroz pirografiju putujemo i upoznamo interesantne ljude sličnih interesovanja.

Da li ste u nekom trenutku želeli da odustanete i zašto niste?
Bilo je trenutaka kada smo jedva čekali da objavimo novi crtež, a da on prođe potpuno nezapaženo. Nismo odustali jer znamo da broj lajkova na Instagramu nije merilo kvaliteta. Ali najviše zato što uživamo u onome što radimo i zato što vidimo koliko bolji možemo da budemo. Ja sve više ovladavam tehnikom, a Miloš pronalazi sve bolje materijale i načine na koji se mogu obraditi. Sve više kristališemo teme kojima želimo da se bavimo. Kada nađete način da izrazite neke dublje delove sebe, to vam postaje mnogo bitnije od brojki.

Koje su najčešće prepreke s kojima se suočavate i kako ih prevazilazite?
Nedostatak vremena da ljudima objasnimo šta tačno radimo. Uglavnom bace pogled na crteže i misle da je u pitanju rad laserom, a ne ručni rad. Na društvenim mrežama malo ko čita opise, pa pravimo slike i snimke same izrade. Bitno je da kad neko otvori naš profil, postoji bar jedna fotografija pri vrhu koja pokazuje da je u pitanju drugačija tehnika.

Na koje sve načine dolazite do klijenata?
Najviše preko društvenih mreža, ali sve češće i preporukom od ranijih kupaca. Često smo se pojavljivali i na bazarima rukotovorina, ali je to ove godine zaustavljeno.

Kako je COVID-19 epidemija uticala na vaše poslovanje i kako ste se prilagodili?
Nismo bili aktivni na društvenim mrežama prvih 6 meseci od početka pandemije jer smo svi imali druge prioritete. Tu se zaista pokazala moć preporuka jer su nam se ljudi i dalje javljali za personalizovane porudžbine, iako ništa nismo objavljivali. Prodaja ipak nije bila prioritet. Za to vreme smo se posvetili traženju novih materijala, tema i tehnika. Promenila sam način na koji pristupam crtežima. Ranije sam uvek crtala jednu stvar dok je ne završim, a sada je nekoliko slika bilo “aktuelno” istovremeno. Malo crtam, pa ostavim na neko vreme, da se “slegne”. I svaki put kada uzmem sliku nakon par dana i vidim je svežim očima, nađem nešto novo što može da se popravi.

Da li postoji neko mesto ili mesta, gde se uživo mogu videti vaši proizvodi?
Za sada, nažalost, nemamo izložbeni prostor, ali se nadamo da će se to uskoro promeniti. Međutim, ako volite životinje, preporučujemo da posetite javni akvarijum. Tu možete da kupite naše podmetače i priveske sa motivima životinja kao suvenir.

Na koja 3 proizvoda ste najviše ponosni?
1. Replika električne gitare Fender Telecaster koju smo već pomenuli
2. Lik Meduze iz grčke mitologije. Ona je nastala pre godinu dana i po umeću sam je davno prevazišla, ali mi je jako bitna (i zbog teme i zbog tehnike). To je bila jedna od prvih slika gde sam počela da senčim.
3. Slika balerine koju sam crtala tokom karantina. To je prvi rad koji sam pravila na “novi način”, po malo na svakih par dana. Nikad ranije nisam toliko obratila pažnju na detalje. 

Da li pravite proizvode po želji, odnosno tzv. personalizovane porudžbine?
Da, upravo takve stvari nam ljudi najčešće i naručuju. Tako mogu da poklone nešto originalno, što oni sami možda ne bi mogli da naprave, ali se uvek vidi da je od njih, zbog ličnog pečata. Mi smo tu samo medijatori, a oni na divne načine pokažu koliko nekog poznaju. Sada smo im malo i olakšali izbor ako su neodlučni, pravljenjem formulara na sajtu. 

Koliko vremena je potrebno da bi se odradila jedna personalizovana porudžbina?
Kada imamo sva uputstva, dovoljna su nam dva dana. Jedini razlog da traje duže je ako mušterija još nije sigurna šta tačno želi. Mi smo tu uvek da predložimo neko rešenje, ali se ne mešamo u izbor.

Ko su vaši uzori i odakle crpite inspiraciju?
Sa raznih strana! To mogu biti serije, filmovi i knjige koje pratimo, tako da crtamo i dosta motiva iz pop-kulture, kao što su Witcher, Peaky Blinders, Hari Poter, i pisci klasične literature. Kada je u pitanju umetnost, prisutne su fotografije aktova i plesačica, ali i efekat koji ostavljaju dela poput Karavađa. Nakon što sam videla njegova dela uživo, ne mogu da prestanem da crtam slike sa jakim kontrastima i crnom pozadinom. 

Na koje sve načine kupci mogu da vas kontaktiraju?
Najviše informacija mogu naći na našem sajtu zmajapyroart.com. Tu mogu da vide šta je trenutno u ponudi, ali i da pošalju zahtev za nešto novo, po njihovoj zamisli. Naravno, aktivni smo i na Instagram stranici Zmaja Pyroart, gde mogu da vide i kako sve nastaje i šta novo spremamo.

Koja 3 saveta biste mogli dati osobama koje bi htele da krenu vašim stopama i otisnu se putem malog preduzetnika?
1. Nađite ravnotežu između onoga što je komercijalno i što vas lično inspiriše.
2. Naučite sve što možete o marketingu i društvenim mrežama. Dugo ćete biti jedini reprezent vaših proizvoda i morate da naučite kako i gde da ih predstavite.
3. Pravite sjajne fotografije – neko ko nije upoznat sa vašim proizvodima će suditi o njima na osnovu fotografije. Postarajte se da nisu mutne, da su lepo osvetljene i da je uvek jasno šta tačno nudite. Tek onda ćete dobiti pažnju ljudi i mogućnost da im se predstavite kroz tekst.

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

8 Tipografskih saveta za dizajnere: Kako učiniti da vaši fontovi progovore

8 Tipografskih saveta za dizajnere: Kako učiniti da vaši fontovi progovore

Novi članak posvećen temi UI tipografije: pročitajte zbirku saveta o tome kako tipografiju učiniti funkcionalnom i harmoničnom u korisničkim interfejsima za veb i mobilne uređaje.

Tipografija je način komunikacije sa korisnicima. Vizuelne performanse i čitljivost u digitalnim proizvodima imaju veliki uticaj na korisničko iskustvo. Jedan od guru grafičkih dizajnera, Hoon Kim, jednom je rekao: „Tipografski dizajn je vidljiv i zvučan. Ako imate odličan scenario, sada je vreme da glumite dobre glumce. ”Tipografija može postati glas dizajna. Odgovarajuća tipografija sama za sebe postavlja pravo raspoloženje i prenosi određenu poruku korisnicima. Današnji članak predstavlja savete koji će vam pomoći u stvaranju efikasne tipografije.

Tipografska hijerarhija čini da stvari funkcionišu

Da bi se stvorio dizajn prijatan za percepciju korisnika, svi njegovi elementi trebaju biti dobro organizovani i jasni za navigaciju. Dizajneri postavljaju pravilnu strukturu uspostavljajući vizuelnu hijerarhiju. Organizuje sve vizuelne elemente kako bi korisnici lakše uočili sadržaj.

Vizuelna hijerarhija se može podeliti na različite delove. Jedan od njih koji se odnosi samo na elemente kopiranja naziva se tipografska hijerarhija. Cilj mu je organizovanje kopiranja sadržaja deljenjem na različite vrste kao što su zaglavlja, podnaslovi, kopiranje tela, naslovi i drugo. Razlike između vrsta kopija postavljaju se regulacijom porodice (font-family), veličinama, širinom i bojama fontova.

Jasna tipografska hijerarhija čini tekst čitljivim i lakim za skeniranje. Štaviše, jednostavno je označiti ključne delove teksta kako biste privukli pažnju korisnika i povezali ih sa očekivanim radnjama.

Uzmite u obzir kontekst i publiku.

Kada je u pitanju izbor fontova, bitna stvar koju treba uzeti u obzir je kontekst kopije i potencijalna publika. Svaki font donosi svoje raspoloženje. Postoje prijateljski, smešni, ozbiljni, poslovni i mnogi drugi fontovi koji će se uklopiti u određeni dizajn.

Pre nego što odaberete font, morate da naučite ciljeve svog klijenta, kao i potrebe i sklonosti ciljne publike. Vizuelno izvođenje fontova utiče na prvi utisak koji korisnik dobija od proizvoda. Ako vrsta fonta ne odgovara raspoloženju koje proizvod cilja, može doći do nesporazuma sa publikom. Na primer, ako dizajner odabere font koji izgleda previše zabavno i glupo za poslovnu web lokaciju, korisnici će oklevati da li je kompanija pouzdana. Ili, ako je proizvod namenjen mladima, previše formalni font može izgledati dosadno.

Duboka pažnja mobilnoj tipografiji

Dizajneri često eksperimentišu sa tipografijom kako bi projekat bio originalan. Međutim, kada je u pitanju mobilni UI dizajn, tipografima bukvalno nedostaje prostora. Ekrani za mobilne uređaje su prilično mali što postavlja novi izazov dizajnerima da se nose s ograničenjima bez gubitka smisla i funkcionalnosti. Mobilna tipografija zahteva obraćanje posebne pažnje na detalje, od odgovarajuće veličine fontova do dužine linije.

U poređenju sa veb dizajnom, mobilnoj tipografiji je teže dostići dobru čitljivost. Veličina fonta ne bi trebalo da bude premala, jer će na sitnim ekranima izgledati nečitko. Štaviše, ako je tekst prevelik, neće se uklopiti ni na mali ekran. Pored toga, dizajneri moraju da se brinu o nivou kontrasta, jer ekran sa ambijentalnom svetlošću i visokim kontrastom može naštetiti očima korisnika.

Dalje, dizajner treba da razmisli o tipografskoj funkciji. Korisnički interfejs pametnih telefona uključuje tekstualne delove na koje se može kliknuti i dizajneri moraju osigurati da ih korisnici koriste. Ako su ti delovi premali, ljudi ih ne mogu pritisnuti prstom i to je prilično neugodno.

Imajući u vidu sve sitne detalje u mobilnoj tipografiji, dizajneri mogu korisnicima doneti dragocene proizvode.

Minimalizam ne može naškoditi

Ponekad, kada dizajneri imaju za cilj da prikažu sve aspekte digitalnog proizvoda, oni pokušavaju da koriste puno različitih stilova i fontova u jednom dizajnu. Kao rezultat, oni dobijaju dizajn preopterećen nepotrebnim ometajućim detaljima i nedostaje im dobar vizuelni utisak.

Stručnjaci obično pokušavaju da zadrže broj fontova između dva ili tri za isti dizajn. To omogućava suštinski kontrast između elemenata, uz očuvanje ravnoteže i prave poruke dizajna. Primena različitih stilova (podebljana, kurziv) takođe bi trebala biti minimalna. Oni su dobri za naglašavanje zaista važnih delova, ali prekomerna upotreba njih može učiniti da tekst izgleda neuredno.

Takođe, kopiranje sadržaja ne sme preplaviti korisnike nepotrebnim informacijama. Naravno, posao pisca je da stvori odgovarajući tekst ali takodje i dizajneri treba da sarađuju sa njima kako bi bili sigurni da će tekst odgovarati dizajnu.

Tekst mora da “diše”

Nivo čitljivosti se uveliko oslanja na to koliko prostora postoji između slova, reči i linija teksta. Praćenje, kerning i vođenje su procesi prilagođavanja belog prostora između tipografskih elemenata. Beli prostor je područje između elemenata u dizajnerskoj kompoziciji.

Manjak belog prostora može se završiti lošom čitljivošću sadržaja, jer je teško razlikovati reči koje su preblizu postavljene jedna do druge. Odgovarajući beli prostor vizuelno olakšava očima korisnika i omogućava lako prelazak iz jedne reči u drugu, iz jedne linije u drugu. Međutim, pokušajte da ne preterate, jer u suprotnom to može uništiti jedinstvo teksta.

Gradi tipografiju poput naučnika, preispitaj i prepravi kao umetnik

Tipografija je složena nauka koja se sastoji od mnogih pravila i propisa. Oni koji su ih pokrivali u stanju su da stvore čistu radnu tipografiju. Međutim, to nije dovoljno. Klijenti uvek zahtevaju originalnost i emociju, ali to ne može biti urađeno samo prateći pisana uputstva.

Dizajneri nikada ne bi trebali da potisnu svoje umjetničke duše. Mašta i osećaj lepote unose jedinstvenost u bilo koji projekat, pa i u onaj najbanalniji. Pronađite ravnotežu između strogih pravila i neobičnog izbora, a rezultati mogu iznenaditi vas i vaše kupce.

Šarenoj tipografiji je potrebna pažljivost

O ovoj temi se često raspravlja. Neki misle da u tipografiji nema mesta za boju, a neki tvrde da je to potrebno za dizajn lepog izgleda. Nema smisla tražiti pravu stranu spora jer nema ukusa za ukus. Ipak, šarena tipografija postoji i dizajneri je primenjuju prilično često.

Među prednostima šarene tipografije spomenimo element emocije koji dodaje bilo kojem korisničkom sučelju kao i mogućnost isticanja tačaka interesa za korisnike. Štaviše, svaka boja može preneti određenu poruku jer ima uticaja na um i ponašanje korisnika.

Da biste iskoristili sve prednosti, šarenu tipografiju treba primenjivati pažljivo i pažljivo jer je jednostavno pretvaranje korisničkog interfejsa u šareni haos. Evo korisne kontrolne liste za ovakve slučajeve:

Neka bude kontrast. Veliki problem koji šarena tipografija može doneti je loša čitljivost. Pravilan kontrast između fontova i pozadine pomoći će da se ovo izbegne. Međutim, osigurajte da kontrast izgleda prijatno i ne opterećuje oči.

Ne koristite previše boja. Ponovo pokušajte da ne pretvorite UI u nered. Previše boja izgleda distraktivno i amaterski.

Harmonija boja. Zapamtite osnove lekcije iz umetnosti. Koristite kolo boja i šeme da biste izabrali odgovarajuću paletu.

Pazite sa efektima. Fluorescentne, luminiscentne, metalne i užarene boje imaju svoje osobine i ne mogu uvek izgledati dobro na digitalnom ekranu.

Naučite osnove tipografije

Možda zvuči previše očigledno da neki dizajneri ignorišu osnove nauke o tipografiji. Oslanjaju se na moderne alate koji automatski biraju font ili se samo nadaju da će biti dovoljne estetske karakteristike odabranih fontova. Takav pristup izgleda kao učenje čitanja bez znanja abecede.

Dizajneri koji ne poznaju koncepte i anatomiju slovopisa ne mogu u potpunosti iskoristiti potencijal tipografije. Svako odlučuje sam ako treba da nauči nauku dubinski, ali osnove su temelj svakog zanata. O temi tipografije postoji prilično veliki broj dobrih knjiga koje možete proučiti, ali o njima ćemo pisati u nekom drugom članku.

Top 5 WP korisnih pluginova za 2020.

Top 5 WP korisnih pluginova za 2020.

Koji su najpopularniji WordPress pluginovi?

WordPress pluginovi su sjajan način za povećanje funkcionalnosti i dodavanje novih opcija vašem sajtu.

Postoji na desetina hiljada različitih pluginova koje bi mogli da odaberete. Ustvari WordPress plugin repository ima preko 54.000 različitih pluginova na raspolaganju. Pa kako da znate koji bi vam mogao trebati?

Na sreću, većina tih plaginova ima istu ili sličnu funkcionalnost i mogućnosti, tako da će sama ta činjenica pomoći da značajno suzite svoju pretragu. Takođe neki od tih pluginova su veoma loši tako da nije preporučljivo da ih instalirate na svoj sajt.

Kada kliknete na Listu najpopularnijih WP plaginova otvoriće vam stranicu sa pluginovima koje bi mogli da instalirate na svoj WordPress sajt.

1. Yoast SEO

yoast seo

Yoast SEO je obavezan WordPress plugin. Ako tražite način kako da poboljšate svoj SEO (Search Engine Optimization) onda će vam ovaj plugin pomoći da uradite baš to. I ne samo da će vam olakšati optimizaciju sadržaja i ključnih reči, već će vas tokom tog procesa i edukovati u vezi SEO.

2. Contact Form 7

contact form 7

Contact Form 7 je jedan od najpopularnijih pluginova za kreiranje kontakt formulara. Ovaj plugin će vam pomoći da kreirate veoma brzo, jednostavne kontakt formulare. Čak i sa veoma malo tehničkog znanja i iskustva možete kreirati veoma atraktivne i privlačne kontakt formulare i ugraditi ih bilo gde u svoj sajt.

3. Akismet

akismet

Akismet se obično instalira sa svakom novom WordPress instalacijom. Sve što trebate učiniti je da ga aktivirate, a vaša web lokacija će biti zaštićena od spam komentara. To je prilično koristan dodatak, posebno ako ste imali problema sa neželjenim komentarima u prošlosti.

4. W3 Total Cache

w3 total cache

Ako želite da poboljšate brzinu veb stranice, keširanje će vam pomoći da to učinite upravo to. V3 Total Cache jedan je od najpopularnijih dodataka za keširanje koji su dostupni. Aktiviranje ovog dodatka pomoći će da se smanji vreme potrebno vašoj web lokaciji i poboljšaće ukupne performanse.

5. Smush Image Compression

smush

Ako želite da privučete pažnju posetioca, moraćete da upotrebite impresivne slike. Međutim, mnoštvo visokokvalitetnih slika može biti prilično veliko, što rezultira sporijim učitavanjem mesta. Da biste smanjili veličinu slika bez žrtvovanja kvaliteta, onda ćete želeti da koristite dodatak poput Smush Image Compression. Ovaj popularni dodatak takođe ima i plaćene nadogradnje kako bi još više proširio svoju funkcionalnost.


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