Sadržaj
- 01. Prostor je neograničen
- 02. Možete koristiti bogate medije
- 03. Suradnja je ključna
- 04. Jedna veličina ne odgovara svima
- 05. Vaši dizajni nisu postavljeni u kamenu
- 06. Korisničko iskustvo je sve
- 07. 'Fold' je nebitan
- 08. Izgledi su fluidni, nisu fiksni
- 09. Poznavanje osnova izuzetno pomaže
- 10. Web tipografija je nezgrapna
- Daljnje čitanje
- .net magazin
- Smashing Magazine
- Popis odvojeno
- Kao ovo? Ne zaboravite provjeriti:
Prelazak s dizajna za tisak na dizajn za zaslon, a posebno za web, može biti frustrirajući proces. Čini se da bi sve trebalo biti jednostavno i jednostavno; imate dizajnerske vještine pa bi ih trebalo prevesti kao "za-poput" ... zar ne?
Nažalost, iako se temeljni aspekti dobrog dizajna itekako primjenjuju - veličina, boja, položaj, razmak, tipografska najbolja praksa i tako dalje - postoje mnoge jedinstvene karakteristike koje prelazak s printa na zaslon predstavljaju izazov.
Ovdje svodimo primarne razlike između dizajniranja za tisak i dizajniranja zaslona na sedam općih principa. Zaobiđite ih i uskoro ćete na putu ka savršenstvu piksela ...
01. Prostor je neograničen
Kada dizajnirate za tisak, ograničeni ste količinom prostora na stranici koju možete koristiti. To obično znači da sve ključne poruke trebate priopćiti u jednom širenju, što dovodi do težeg marketinga koji nije uvijek suptilan i profinjen.
Na webu možete koristiti medij za izazivanje marketinških poruka na gotovo neograničenoj količini prostora, što vam omogućuje da usavršite svoj pristup. Što je najvažnije, nemojte automatski pretpostavljati da će ista kopija raditi jednako dobro na zaslonu kao i u tisku; rasponi pažnje na internetu su kraći, ali kopiju možete proširiti kako biste postali profinjeniji i suptilniji. Također možete iskoristiti prednosti analitike da biste vidjeli put kojim ide vaš čitač, što vam omogućuje prilagodbu i poboljšanje vaše kopije.
02. Možete koristiti bogate medije
Jedna od najvećih razlika između dizajniranja za tisak i weba je ta što ste u tisku ograničeni na riječi i slike, dok na webu imate priliku koristiti razne medije kako biste pomogli ispričati priču, angažirati čitatelja i zahtijevati njihovu pažnju. Pametna upotreba videa, zvuka i interakcije s korisnikom može vam pomoći da uspostavite odnos s posjetiteljem (čitačem), zbog čega će provoditi više vremena na vašoj web stranici, trošiti više novca u vašoj internetskoj trgovini ili preporučiti vaš sadržaj većem broju ljudi.
To ne znači da biste automatski trebali podmetati svaku vrstu medija na koje možete položiti ruke; bilo koji sadržaj trebao bi dodati vrijednost korisničkom iskustvu, nudeći im iskustvo ili sadržaj koji drugdje ne mogu dobiti. Ako postignete pravu ravnotežu, ne samo da ćete prijeći ono što ste mogli postići u tisku, već ćete razviti i vjerne posjetitelje.
03. Suradnja je ključna
Iako su dizajneri tiska uglavnom prilično osamljena skupina ljudi, na webu postoji puno više suradnje - i to s dobrim razlogom: teško je imati svaku vještinu potrebnu za stvaranje cjelovitog web iskustva. Možda biste bili dobri u dizajniranju zanimljivih izgleda i pisanju uske kopije, ali bez mogućnosti kodiranja PHP-a i JavaScript-a, vaše će web mjesto biti statično i neinteligentno, ili možda kodirate HTML s najboljim od njih, ali niste tako vruće na dizajniranju kontrola korisničkog sučelja.
Najuspješnije web stranice kombiniraju niz različitih tehnologija koje zahtijevaju različite vještine. Ne bojte se pitati stručnjake za pomoć. To može biti isplativo ulaganje i dio je onoga što web čini tako živahnom zajednicom.
04. Jedna veličina ne odgovara svima
Kada dizajnirate za tisak, sve se može pouzdano izmjeriti u inčima, pikama i točkama. Kada dizajnirate zaslone, osnovna mjerna jedinica je piksel - ali piksel može biti različite veličine između dva različita zaslona. To je ideja s kojom se mnogi dizajneri tiska bore prilikom prelaska.
Nemojte pretpostavljati da će svi ostali vidjeti jer se na mrežnom MacBooku prikazuje rezolucija od 300 piksela kao jedan inč. Najčešći je pristup pretpostaviti 72 piksela da zauzima centimetar, ali to je u potpunosti nominalno - na zaslonu je sve fleksibilno.
05. Vaši dizajni nisu postavljeni u kamenu
Kako biste proširili prethodnu točku, jedan od najvećih izazova je ispuštanje ideje da je vaš dizajn postavljen u kamenu i fiksno izgleda. Na webu će različiti preglednici vaš sadržaj prikazivati malo drugačije. Posjetitelji mogu nadjačati tekstualne postavke, a ovisno o veličini zaslona i prozora, vaša se web lokacija može prikazati potpuno drugačije (zapravo, sada je prihvaćena najbolja praksa da bi se trebala prikazivati prilagodljivo veličini zaslona / prozora).
Ne trošite vrijeme pokušavajući postići piksel savršeno podudaranje između preglednika - nikad ga nećete postići, a jedna od snaga dizajna je u tome što je fluidni medij.
06. Korisničko iskustvo je sve
Za razliku od tiska, web je interaktivni medij koji korisniku može pružiti trenutne povratne informacije. Kao takvo, dizajniranje web stranice mnogo je sličnije stvaranju korisničkog iskustva nego dizajniranje brošure. Morate razmotriti kako se čitač može kretati vašim sadržajem, krećući se od stranice do stranice.
Imajte na umu da web stranica često djeluje i kao ambasador robne marke, tako da mora prenijeti sve vrijednosti poslovanja koje predstavlja. Usredotočite se na upotrebljivost, čineći interaktivna područja (poput navigacijskih traka poveznica, galerija slika i videozapisa) jednostavnima za uočavanje i korištenje.
07. 'Fold' je nebitan
U tiskanom obliku uvijek vas uče dizajnirati tako da je najvažniji sadržaj 'iznad preklopnika' - dio novina koji se prikazuje kad je papir presavijen u hrpu.
Na webu još uvijek postoji nabor; područje izvan odmah vidljivog dijela zaslona do kojeg trebate pomicati za pregled; ali nažalost kao web dizajner ne možete znati gdje se taj nabor nalazi na bilo kojem zaslonu preglednika.
Problem je u tome što na uređajima postoji toliko različitih razlučivosti zaslona, a korisnici mogu promijeniti veličinu prozora preglednika, tako da će se ono što vidite kao preklop na vašem računalu gotovo sigurno bitno razlikovati od onoga što svi ostali vide.
Umjesto da brinete o tome gdje je preklop, utješite se činjenici da korisnici weba znaju pomicati i da im je koncept prilično ugodan. Napravite poput Fiasco dizajna i umjesto toga se usredotočite na dizajniranje privlačnog, atraktivnog i zanimljivog sadržaja koji potiče vaše posjetitelje da se pomaknu i pogledaju više!
08. Izgledi su fluidni, nisu fiksni
Jedna od najtežih stvari koju bi dizajneri tiska mogli naučiti jest da web stranice mogu biti fluidne u svom izgledu. Umjesto propisivanja područja sadržaja fiksne veličine, na webu se pojedinačni okviri za tekst, slike i stupci mogu veličine prema širini prozora preglednika (okvira za prikaz). Ova razlika zaista znači da morate napustiti ideju da možete u potpunosti kontrolirati kako će se vaš dizajn prikazivati, ali ona ima i prednosti.
09. Poznavanje osnova izuzetno pomaže
Čak i ako imate nekoga drugog da napiše kôd, razumijevanje kako funkcioniraju blokovi weba pomaže u prevladavanju mnogih frustracija povezanih s dizajniranjem web stranice.
Ako odvojite vrijeme za učenje HTML-a (osnovnog gradivnog gradiva weba) i CSS-a (metoda kojom primjenjujemo estetske atribute na sadržaj), pomoći ćete vam razumjeti i ograničenja i mogućnosti medija. Naš članak Obuka za web dizajn: najbolji mrežni izvori trebali bi vam pomoći da pronađete odgovarajući resurs za učenje.
10. Web tipografija je nezgrapna
Do nedavno je web bio ograničen na vrlo mali izbor fontova 'sigurnih za web', što je dovelo do velike homogenizacije web tipografije. Srećom, sve je veći broj web fontova dostupnih putem usluga kao što su Google Web Fonts i TypeKit.
Ove i slične usluge imaju revolucionarni učinak na tipografiju koju ćete vidjeti na webu, ali još uvijek morate biti svjesni nekih problema. Stupanj kontrole nad vašim tipom daleko je ograničeniji na zaslonu nego u tiskanom obliku. Na primjer, još uvijek možete postaviti svoje vodeće, ali nema nikakve kontrole nad kerningom, a ako želite koristiti ukrasne glifove, morat ćete se zaprljati kodom da biste ručno zamijenili oblike slova ili specijalizirane podskupine fontova.
Daljnje čitanje
Web je prepun fantastičnih resursa za dizajnere koji pokrivaju sve što se može zamisliti. Odabrali smo nekoliko naših omiljenih web stranica koje će vam pomoći da započnete s dizajniranjem zaslona.
.net magazin
Naslov sestre CreativeBloq, .net magazine pokriva čitav niz mogućnosti dizajna i razvoja web stranica. Osim fantastičnih vodiča, časopis nudi i širok spektar industrijskih komentara i analiza, vijesti i značajki.
Smashing Magazine
Časopis Smashing sadrži mnoštvo članaka i vodiča o web dizajnu i razvoju, počevši od osnovnih blokova i napredujući sve do naprednog JavaScript kodiranja.
Popis odvojeno
Odavno se smatra da je ovaj internetski web magazin predvodnik definicije i usvajanja najbolje prakse u dizajniranju zaslona. Širok raspon članaka, uključujući opsežne arhive, pokriva sve, od upotrebe fontova do savjeta i trikova za raspored.
Riječi: Sam Hampton-Smith
Kao ovo? Ne zaboravite provjeriti:
- Najbolji besplatni web fontovi za dizajnere
- Savjeti, trikovi i popravci za Photoshop koje možete isprobati već danas
Ako imate još savjeta kako nam reći o dizajniranju zaslona, a ne o ispisu, upotrijebite polje za komentare u nastavku ...
