Savjeti za dizajn ispisa za web dizajnere
Karijeru u tisku započeo sam prije gotovo deset godina i postupno sam prešao na web. Cijeli ovaj novi medij donio je nekoliko kreativnih i tehničkih prepreka s kojima sam se morao naučiti nositi i čak prihvatiti.
Današnji članak namijenjen je novoj generaciji dizajnera koji rade suprotno. Već neko vrijeme dizajnirate za digitalni svijet i spremni ste naučiti dizajn tiska. Pomoći ćemo olakšati prijelaz s nekoliko mrtvih jednostavnih i praktičnih savjeta.
Istražite elemente Envatoa
Ispis nije mrtav
U originalnom filmu Ghostbusters iz 1984. godine, na pitanje da li voli čitati, Egon hrabro proglašava "otisak je mrtav". Ta izjava nije bila sasvim istinita u to vrijeme, ali bila je izuzetno precizna prognoza prethodnih dvadeset godina, naime uspon Interneta i osobnog računanja od nejasnoće do sveprisutnosti.
Da budemo sigurni, ova je revolucija u najmanju ruku odnijela baseball palicu za izdavačku industriju, a samim tim i dostupnost dizajnerskih poslova unutar njih. Međutim, definitivno još uvijek nije slučaj da su svi oblici tiska mrtvi. U stvari, dizajn printa može biti jedna od najcjenjenijih i najlogičnijih vještina koje ćete dodati svom repertoaru kao web dizajner.
Ako imate klijente koji posjeduju male tvrtke, ne trebaju im samo web stranice i logotipi, već i posjetnice, pribor za knjige, natpise u trgovini, odjeću i možda čak i oglase u lokalnim novinama. Većina bi radije preskočila glavobolju rada s više dizajnera i pronašla jednog davatelja za sav ovaj materijal. Ako možete obraditi i web i ispisati, to ste možda vi!
rezolucija
Započnimo s nekim osnovnim znanjem koje vjerojatno već znate. U web svijetu imate luksuz rada s slikama prilično niske razlučivosti. Sada biste to mogli vidjeti kao lošu stvar jer je razina detalja toliko ograničena, ali ako se intenzivno surađuje s oba, web-radom s niskom razlučivošću daleko je lakše baviti se vrijednim.
Jedan od glavnih razloga je taj što možete stvoriti grafiku 72dpi na gotovo bilo kojem računalu koje je nastalo u posljednje četiri ili pet godina. Manje slike nisu toliko intenzivne kao procesor. Ako ste navikli ispisivati i prelaziti na dizajn za web, Photoshop se osjeća kao potpuno nova aplikacija koja se iz budućnosti izvodi na super računalu. Možda mislite da to zvuči kao pretjerivanje, ali samo pričekajte da u dokumentu veličine 11 x x 17 at u 300 tpi imate 50 slojeva. Do dana dana ćeš se spustiti Mac Mac-a na Apple.com-u.
Inča, a ne piksela
Pa kako se stvari za ispis razlikuju od weba? Za početak, dizajneri ispisa ne govore u pikselima. Recite većini dizajnera samo za ispis da želite nešto široko 1200 px i oni će vam se činiti smiješnima (znaju što su pikseli, ali to nije tipični žargon). To je zato što su mjerenja u njihovim verzijama Photoshopa postavljena na inče.
Ovo je važno razlikovanje jer su rezolucija i veličina međusobno ovisni! Širina 1.200 piksela u dokumentu od 72 dpi vrlo je različita od 1200 piksela u dokumentu od 300 dpi. Iako će zadatak ispisa veličine 5 x x 7 uvijek biti otisnut u širini od pet i sedam centimetara, promijenit će se samo gustoća tinte.
Ne uvijek 300dpi
Vjerojatno su vam rekli da dizajneri ispisa grade grafiku u radnom prostoru od 300 tpi. Ali to nije uvijek slučaj i ta pretpostavka može učiniti da izgledate kao amater kada dođe vrijeme za ispis.
Većina zadataka malog formata ispisuje se na 300 dpi. Ti su predmeti koje netko može pomno pregledati i zadržati. A što je s panoom? Da li je potrebno imati ispis velike rezolucije za nešto što vidite sa stotina metara? Ispada da je odgovor „ne“. Poslovi velikog formata poput bannera, panoa i slično gotovo se uvijek grade ispod 300 dpi, obično pri 150 dpi, ali ponekad čak i niže, ovisno o veličini.
Pitanje razlučivanja često se može postaviti stvarnom stručnjaku: pisač (osoba, a ne stroj). Nećete izgledati kao idiot da biste jednostavno pitali treba li to biti posao od 300 ili 150 dpi, ovo su uobičajena pitanja prilikom pokretanja projekta i prijeko je potrebno da se razradite prije nego što zapravo pokrenete.
Trebam li graditi koncepte u low-Res?
S obzirom na činjenicu da računala mogu ubrzati grafiku od 72 dpi mnogo brže od grafike od 300 tpi, često je praksa dizajnera da prođu kroz prvih nekoliko krugova dizajna u radnom prostoru niske rezolucije i da u osnovi obnove posao u „visokoj rezoluciji“ u blizini kraj projekta.
Među dizajnerima ispisa ovo može biti vruće raspravljana tema. Konačno, sve se svodi na prednost, ali, ono što vrijedi, gotovo nikad ne zalazim na ovu rutu. Ako stalno ne radite na poslovima velikog formata, izgradnja reznica s visokom rezolucijom ne bi trebala potrajati toliko dugo. Ako se to dogodi, vjerojatno je stvarno vrijeme za novo računalo. Izgraditi sve u 72dpi samo za pretvaranje u 300dpi, u osnovi pokretanjem iznova, čini mi se kao gnjavaža kad je savršeno jednostavno napraviti moje ideje kao pripreme za ispis.
Izuzetak su slike s dionicama. Uvijek koristim prilične dijelove s niskom razlučivosti koje nude dionice pri predstavljanju klijentu kako bih spriječio nepotrebnu kupnju više skupih slika.
Boja
Boja je ogromna tema i zaslužuje vlastiti članak, tako da ovdje nećemo trošiti previše vremena na nju. Moje jednostavno upozorenje je da je boja u svijetu ispisa potpuno nova balistička igra. U web dizajnu smo se brinuli o "web sigurnim bojama", ali ovi su dani danas toliko nevjerojatni da u Photoshopu jednostavno biramo koje god boje želimo i prihvaćamo da će biti razna varijacija od ekrana do zaslona.
Kada dizajnirate za ispis, radite s tintom, a ne svjetlom. Za početak, to znači raditi u CMYK-u umjesto na RGB-u, ali implikacije su daleko izvan toga. Stvari poput materijala dolaze u igru zajedno s različitim tiskarskim prešama i metodama. Ponekad boja koju vidite na zaslonu uopće neće biti ono što se pojavljuje na papiru. Drugi put, specifični procesi poput sitotiska traže određene prihvaćene postupke.
Moj najbolji savjet ovdje je saznati koja će metoda tiskanja biti i istražiti je što je više moguće. Standardni posao ispisa u četiri boje bit će najlakši za rad, ali povremeno ćete morati raditi sa samo jednom ili dvije boje da biste uštedjeli novac svog klijenta. U tim slučajevima morate biti kreativni i naučiti stvarati sjajne dizajne s mnogo ograničenijom paletom nego što ste navikli raditi.
Često ćete morati raditi s mrljama boje, što znači posvećena tinta pomiješana s vrlo specifičnom bojom, a ne s nešto što se živo miješa primjenjujući različite boje na papir. Da biste pročitali više o radu s mrljama boje, pogledajte naš nedavni članak „Uvod u rad s mrljama u boji“.
Ne samo Photoshop
Web dizajneri imaju tendenciju da žive isključivo u Photoshopu. Mogu se odvojiti na Dreamweaver ili čak vatromet, ali svako daljnje istraživanje Adobe Creative Suite često je nepotrebno.
Međutim, u ispisu, izgled stranice obično izvodite u aplikacijama kao što su InDesign i Illustrator. Nekoliko žalosnih duša još uvijek koristi Quark, ali ne mogu zamisliti zašto. Dobra vijest je da se posebno snažan u Photoshopu čini puno spremnijim za preuzimanje InDesign-a. Loša vijest je da je to još uvijek drugačija aplikacija, tako da treba naučiti tonu.
Jedan od najvažnijih koncepata za razumijevanje je zašto koristite više aplikacija i kako ih sinergijski uključiti u svoj tijek rada. Jednostavan odgovor ovdje je da je Photoshop namijenjen rasterskoj grafici, a sve ostalo (vektorska grafika i tekst) treba rukovati u aplikaciji za izgled stranice.
Na primjer, recimo da stvarate naslovnicu časopisa. Započet ćete s PSD-om koji sadrži vašu fotografiju s naslovnice. Ovdje možete izvesti tipične korekcije boja, radnje kloniranja, stiliziranja i bilo što drugo što je potrebno da bi fotografija bila spremna za ispis. Nakon što završite s tim, možete staviti ovaj PSD u InDesign i prekrivati vektorsku grafiku (često stvorenu u Illustratoru) i tekst koji čine ostatak omota.
Izgled stranice ispisa može se vizualizirati kao zagonetka. U ovoj metafori, InDesign je radna površina na kojoj sastavljate zagonetku. Mnoge dijelove stvorite u drugim aplikacijama, a zatim ih sve zajedno zbližite i promiješajte u InDesign. Ako stavite stvarne radne faze u InDesign putem naredbe File> Place, sve promjene koje napravite na postavljenom PSD-u, EPS-u itd. U drugoj aplikaciji automatski će dovesti do ažuriranja vaše InDesign datoteke.
Ne radi li Photoshop tekst?
U ovom se trenutku možda pitate zašto se tekst ne obrađuje u Photoshopu. Da budemo korektni, visoko stilizirani tekst (sa kosovima, maskama, sjenama, teksturama itd.) Često se čuva u PSD dijelu datoteke. Međutim, u InDesign-u je jednostavni tekst mnogo lakši. Tekstualni mehanizam je daleko superiorniji i ne samo da tekst čini boljim, već omogućuje i mnogo naprednije manipulacije poput automatske raspodjele stupca, pa čak i provjere pravopisa.
Druga velika briga je što općenito ne šaljete jednu datoteku na pisač (PDF-ovi koji su spremni za ispis iznimka), umjesto toga skupite sve dijelove svoje zagonetke u mapu. To uključuje razne smještene PSD i EPS datoteke, vašu InDesign datoteku, pa čak i vaše fontove. Rad u InDesign-u daje vam luksuz automatske naredbe "Prikupi za izlaz" koja automatski prikuplja sve resurse povezane s trenutnom datotekom.
Krvarenje i obrezivanje
Jedna od najvećih početničkih pogrešaka koju možete učiniti u dizajnu ispisa je neuspjeh u dizajniranju. Dobavljači ispisa zahtijevaju određene specifikacije od dizajnera, ne zato što su izbirljivi ili nekompetentni, već zato što istinski kako taj postupak funkcionira i bez njih je cijeli posao ispisa ugrožen.
Dizajn s kišom je jednostavan i omogućuje savršen profesionalni ispis bez obruba svaki put. Umetanjem blende omogućujete da se napravi otisak koji je veći od veličine zadnjeg posla. Na taj način, kad se višak odreže, sve izgleda savršeno i ide pravo na rub bez obzira na manje pomake na papiru koji bi se mogli dogoditi tijekom ispisa.
U web dizajnu ste upoznati s CSS modelom kutija, pa i u dizajnu ispisa imamo nešto što izgleda slično što u osnovi definira kako gotovo svaki ispisni posao treba biti konstruiran. Evo kratkog pregleda kako to funkcionira:
Tri su glavna područja ovog modela: krvarenje, obrada i područje uživo. Obloga je najlakše razumjeti. Ovo je konačna željena veličina tiskanog dokumenta; gdje se papir "obrezuje". U gornjem primjeru naš je klijent naručio dizajn koji je širok pet i tri centimetra. Odavde moramo stvoriti još dva područja: jedno koje je veće od obruba i jedno koje je manje.
Veće područje je krvarenje. Kao što smo upravo objasnili, ovo omogućava da tinta ide odmah s ruba stranice. Zadatak iznad ima nagib pozadine, ali ta se pozadina proteže izvan granica 5 ″ x3 to na područje od 5, 75 ″ x 3, 75 ″. Dodavanjem 0, 25 ″ ukupnoj veličini, rezultat je probijanje 1/8 inča na cijeloj stranici, što je standardno u Sjedinjenim Državama (obično 2-5 mm u Velikoj Britaniji). Sve što stavite u dokument koji bi trebao "iskrvariti" sa stranice, bilo da se radi o fotografiji ili teksturiranom popunjavanju, trebalo bi se proširiti na ovo veće područje, imajući na umu da će biti sječeno negdje oko linije obrezivanja.
Manje područje koje sam stvorio u gornjem primjeru je "područje uživo", što je vrlo važan komad o kojem možda ne znate kao web dizajner. Općenito je loša praksa da se tekst i grafika bez krvarenja postavi preblizu rubu stranice. Želite im pružiti obilje prostora za vizualno disanje, a također ćete biti sigurni da ih se neće skinuti. Stoga je područje uživo uživo kao neka vrsta sigurne zone za postavljanje ove vrste sadržaja. Na primjer, ako želite ogroman naslov, ispružite ga od jednog kraja područja uživo do drugog, ali ne dalje.
Veličine područja uživo nisu standardizirane i znatno se razlikuju od posla do posla. U pravilu, područje uživo unosim 1/8 ″, tako da odgovara krvarenju. Međutim, različiti časopisi i novine imaju svoje vlastite zahtjeve koje morate slijediti. Također, za velike poslove uložak od 1/8 isn't nije dovoljno blizu i rezultirat će grafikom koja i dalje izgleda kao da ide pravo do ruba bez prostora za disanje. U ovom slučaju morat ćete ga zakloniti očima i odlučiti o prihvatljivom odbojnom prostoru.
Srećom, i Illustrator i InDesign mogu podnijeti velik dio stvaranja dokumenata za vas s ugrađenim ovakvim specifikacijama, ali važno je razumjeti koncepte. Također, svakako se posavjetujte s prodavateljem ispisa, jer oni vjerojatno imaju unaprijed pripremljene predloške koji štede puno problema svima koji su uključeni.
Trendovi dizajna
Za kraj naše rasprave, ukratko razmotrimo kako pristupiti dizajnu ispisa iz kreativne perspektive. Prije svega, brzo ćete saznati da je ispis vrlo različit medij nego na koji ste navikli na webu. U web dizajnu ograničena ste samo maštom. S ispisom imate fizičku veličinu stranice koja mora biti u skladu; pomicanje nije moguće! To znači da kad vam klijent daje tonu teksta, morate smisliti kako ga prilagoditi na čitljiv i privlačan način.
Također imajte na umu da se vaš određeni stil dizajna i sklonosti mogu ili ne moraju dobro ispisati. Baš kao što je to slučaj s web dizajnom, važno je pogledati oko sebe i uzeti u obzir trenutne trendove u tisku. Krenite u knjižaru s knjigama i pregledajte neke časopise (nemojte preskočiti oglase, oni su najbolji dio) ili pregledajte tu neželjenu poštu prije nego što pogodi kantu za otpatke.
Ako svjestan trendova ne morate biti konformist, već vam pomaže da budete u kontaktu s onim što su ljudi navikli vidjeti. Ako ste posljednji put obraćali pažnju na dizajn printa 1995. godine, mogli biste biti skloni proizvoditi nešto što izgleda ružno i zastarjelo današnjim potrošačima.
Isto tako, ako je sve što ste svjesni stanja modernog web dizajna, mogli biste imati puno problema prevesti ove ideje na tiskanu stranicu na način koji je značajan i privlačan za gledatelja. jQuery animacije ovdje nisu dobre, nečiji fokus morate privući kroz čisto statičnu estetsku privlačnost.
Potrebno je vrijeme i praksa, ali goo dizajner će doživjeti procvat i u tisku i u web dizajnu.
Zaključak
Iskreno, ako ste trenutno web dizajner koji želi ući u tisak, u dobroj ste poziciji. Na mnoge se načine vraćate jednostavnijem načinu razmišljanja. Ako krenete suprotno, potrebno je puno novog tehničkog učenja, pogotovo ako se ugleda kôd.
Ovaj je članak želio pokazati vam da ne možete jednostavno otvoriti Photoshop i odlučiti da ćete jednog dana biti dizajner tiska. Vaša znanja kao web dizajnera pomažu, ali treba još mnogo toga što se mora naučiti u industriji. Sve, od stvaranja predloška do finalizacije dizajna, vrlo je specifičan postupak ispisa i ako ne znate svoje stvari, mogli biste biti financijski odgovorni za bilo kakve pogreške. Uzimanje malo vremena za uvid u predstavljene informacije moglo bi vam uštedjeti puno problema i glavobolje.
Ostavite komentar u nastavku i javite nam savjete koji se odnose na ispis za web dizajnere koji čine prijelaz!
Fotografski popisi: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck i Steve Garfield.
