Prindikujunduse näpunäited veebidisaineritele
Trükikarjääri alustasin peaaegu kümme aastat tagasi ja liikusin tasapisi üle veebi. See täiesti uus meedium tõi kaasa mitmeid loomingulisi ja tehnilisi tõkkeid, millega pidin õppima hakkama saama ja isegi omaks võtma.
Tänane artikkel on mõeldud uue põlvkonna disaineritele, kes teevad vastupidise hüppe. Olete juba mõnda aega kujundanud digimaailma ja olete valmis õppima trükidisaini. Aitame üleminekut lihtsa ja lihtsa ja praktilise nõuandega.
Uurige Envato elemente
Prindi pole surnud
Algses 1984. aasta Ghostbustersi filmis kuulutas Egon, kui temalt küsitakse, kas talle meeldib lugeda, kuulutab Egon julgelt, et print on surnud. See väide polnud tol ajal päris tõsi, kuid see kujutas järgmise kahekümne aasta sündmusi, nimelt Interneti ja personaalarvutite tõusu varjatusest üldlevinud kohale, eriti täpselt.
Kindel on see, et see revolutsioon on vähemalt viinud pesapallikurika väljaandmissektorisse ja sellest tulenevalt ka disaini töökohtade kättesaadavuse neis. Kuid kindlasti pole nii, et kõik trükivormid on surnud. Tegelikult võib prindikujundus olla üks kõige väärtuslikumaid ja loogilisemaid oskusi, mida saate oma veebidisainerina oma repertuaari lisada.
Kui teil on kliente, kes omavad väikeettevõtteid, vajavad nad lisaks veebisaitidele ja logostele ka visiitkaarte, kirjatarbeid, kaupluste silte, rõivaid ja võib-olla isegi kohaliku ajalehe reklaame. Enamik neist jätaks pigem unarusse mitme disaineriga töötamise peavalu ja leiaks kogu selle materjali jaoks ühe pakkuja. Kui saate hakkama nii veebi kui ka printimisega, siis võite see olla teie!
Resolutsioon
Alustame põhiteadmistega, mida tõenäoliselt juba teate. Veebimaailmas on teil luksus töötada üsna madala eraldusvõimega piltidega. Nüüd võite seda pidada halvaks asjaks, kuna detailsuse tase on nii piiratud, kuid mõlemaga põhjalikult tööd tehes on madala eraldusvõimega veebitööd palju lihtsam väärt.
Selle üks peamisi põhjuseid on see, et saate luua 72dpi graafika peaaegu igas arvutis, mis on loodud viimase nelja või viie aasta jooksul. Väiksemad pildid pole protsessorimahukad kui suuremad pildid. Kui olete harjunud printima ja üle minema veebikujundusele, tunneb Photoshop tulevikus täiesti uut rakendust, mis töötab superarvutis. Võite arvata, et see kõlab liialdusena, kuid lihtsalt oodake, kuni teil on 50 kihti 11 ″ x17 ″ dokumendis kiirusega 300dpi. Päeva lõpuks kukutate Apple.com-i kaudu Mac Prosid.
Tollides, mitte pikslites
Kuidas on printimisel asjad teisiti kui veebis? Alustuseks ei räägi trükidisainerid pikslites. Öelge enamikule ainult printimiseks mõeldud disaineritele, et soovite midagi 1200 pikslit laiust ja nad näevad teile naljakaid (nad teavad, mis pikslid on, kuid see pole tüüpiline kõnepruuk). Seda seetõttu, et nende Photoshopi versioonide mõõtmed on seatud tollidele.
See on oluline erinevus, kuna eraldusvõime ja suurus on teineteisest sõltuvad! 72 piksli dokumendis on 1200 piksli laiune erinevus 300 piksli pikkuses dokumendis 1200 pikslit. 5 ″ x7 ″ prinditöö prindib küll alati viis tolli laiust kuni seitse tolli pikkust, ainult tindi tihedus muutub.
Mitte alati 300 dpi
Tõenäoliselt on teile öeldud, et prindidisainerid ehitavad graafikat 300 dpi tööruumis. Kuid see pole alati nii ja see eeldus võib teile printimise ajal ilmuda kui amatöör.
Enamik väikese vorminguga töid trükitakse kiirusega 300 dpi. Need on esemed, mida keegi saab tähelepanelikult kontrollida ja hoida. Aga kuidas on reklaamtahvlil? Kas on vaja sellist suurt eraldusvõimet, et näha midagi, mida näete sadade jalgade kaugusel? Selgub, et vastus on ei. Suureformaadilised tööd, näiteks ribareklaamid, stendid jms, ehitatakse peaaegu alati alla 300 dpi, tavaliselt 150 dpi, kuid sõltuvalt suurusest mõnikord isegi madalamaks.
Sageli võib eraldusvõime küsimuse esitada tõelisele asjatundjale: printerile (inimesele, mitte masinale). Te ei näe välja nagu idioot, kui lihtsalt küsite, kas see peaks olema 300 või 150 dpi töö. Need on projekti alustamisel tavalised küsimused ja enne töö alustamist on hädavajalikud.
Kas ma peaksin kontseptsioone looma vähese eraldusvõimega?
Arvestades tõsiasja, et arvutid suudavad 72dpi graafikat palju kiiremini välja ajada kui 300 dpi graafikat, on disaineritel sageli tavaks läbida esimesed paar vooru madala eraldusvõimega tööruumis ja töö sisuliselt uuesti üles ehitada suure eraldusvõimega ruumis projekti lõpp.
Trükidisainerite seas võib see olla tuliselt arutatud teema. Lõppkokkuvõttes taandub see eelistamisele, kuid mis seda väärt on, ei võta ma seda marsruuti peaaegu kunagi. Kui te ei tööta pidevalt suureformaadiliste töödega, ei tohiks suure eraldusvõimega kompuutrite ehitamine nii kaua aega võtta. Kui see juhtub, siis on tõesti tõesti aeg uue arvuti jaoks. Kõigi 72dpi-vormingus ehitamine ainult 300dpi-vormingusse teisendamiseks, alustades põhimõtteliselt otsast, tundub mulle alati vaeva, kui on täiesti lihtne oma ideid lihtsalt valmis saada.
Ainus erand sellest on laos olevad pildid. Kliendile esitamisel kasutan alati varude saitide pakutavaid üsna väikese eraldusvõimega komplekte, et vältida mitmete kallite piltide tarbetut ostmist.
Värv
Värv on tohutu teema ja väärib oma artiklit, nii et me ei kulutaks sellele siin liiga palju aega. Minu lihtne hoiatus on see, et värv trükimaailmas on täiesti uus pallimäng. Veebikujunduses muretsesime tavapäraselt veebiturvaliste värvide pärast, kuid tänapäeval on monitorid nii hämmastavad, et valime Photoshopis kõik soovitud värvid ja nõustume, et ekraanide vahel on varieeruvuse tase.
Trükiks kujundamisel töötate tindiga, mitte valgusega. Alustuseks tähendab see CMGB-s töötamist RGB asemel, kuid mõju ulatub sellest kaugemale. Materjalid nagu materjalid tulevad mängu koos paljude erinevate trükipresside ja meetoditega. Mõnikord pole ekraanil nähtav värv üldse see, mis paberil välja tuleb. Muul ajal nõuavad spetsiifilised protsessid, nagu siiditrükk, teatud aktsepteeritud tavasid.
Minu parim nõuanne on teada saada, milline on printimismeetod ja uurida seda võimalikult palju. Tavalise neljavärvitrükiga on kõige lihtsam töötada, kuid aeg-ajalt peate kliendi raha säästmiseks töötama ainult ühe või kahe värviga. Sellistel juhtudel peate olema loov ja õppima looma suurepäraseid disainilahendusi, mille palett on palju piiratud, kui olete harjunud töötama.
Samuti peate sageli töötama täppvärvidega, mis tähendab spetsiaalset tinti, mis on segatud väga konkreetse värviga, selle asemel et midagi, mis segatakse, rakendades paberile erinevaid värve. Täpsete värvidega töötamise kohta lisateabe saamiseks lugege meie hiljutist artiklit „Sissejuhatus täppvärvidega töötamisel”.
Mitte ainult Photoshop
Veebidisainerid elavad enamasti ainult Photoshopis. Need võivad hargneda Dreamweaveriks või isegi ilutulestikuks, kuid Adobe Creative Suite'i täiendav uurimine pole sageli vajalik.
Kuid printimisel teostate üldiselt lehe paigutust sellistes rakendustes nagu InDesign ja Illustrator. Mõni kahetsusväärne hing kasutab endiselt Quarki, kuid ma ei kujuta ette, miks. Hea uudis on see, et Photoshopis eriti tugev olemine muudab teid palju paremaks valmisolekuks valida InDesign. Halb uudis on see, et see on ikka väga erinev rakendus, seega on veel tonni õppida.
Üks olulisemaid mõisteid mõistmiseks on see, miks te kasutate mitut rakendust ja kuidas neid sünergilisel viisil oma töövoogu kaasata. Siin on lihtne vastus: Photoshop on rastergraafika jaoks, kõike muud (vektorgraafikat ja teksti) tuleks käsitleda oma lehe paigutuse rakenduses.
Näiteks oletame, et loote ajakirja kaane. Alustate PSD-ga, mis sisaldab teie kaanefotot. Siin saate teha tüüpilisi värviparandusi, kloonimistoiminguid, stiliseerida ja kõike muud, mida vajate foto printimiseks valmistamiseks. Kui olete sellega lõpetanud, saate selle PSD paigutada InDesignisse ja katta vektorgraafika (mis sageli luuakse Illustratoris) ja teksti, mis moodustavad ülejäänud katte.
Prinditud lehe paigutust saab visuaalselt mõistatuseks. Selles metafooris on InDesign lauaarvuti, kus oma mõistatust konstrueerida. Loote palju tükke teistes rakendustes ning koondate need kõik kokku ja segate InDesignis ringi. Kui asetate tegelikud progessitükid InDesignisse käsu File> Place kaudu, põhjustavad kõik muudatused, mida teete teises rakenduses paigutatud PSD-sse, EPS-i jne, teie InDesign-faili automaatselt.
Kas Photoshop ei tee teksti?
Sel hetkel võiksite küsida, miks teksti Photoshopis ei käidelda. Ausalt öeldes hoitakse faili PSD-osas sageli väga stiliseeritud teksti (viilude, maskide, varjude, tekstuuridega jne). Kuid lihttekstiga on InDesignis palju lihtsam töötada. Teksti mootor on palju parem ja mitte ainult ei muuda teksti paremaks, vaid võimaldab palju täpsemat manipuleerimist, nagu automaatne veergude jaotamine ja isegi õigekirja kontroll.
Veel üks suurem probleem on see, et te ei saada printerile tavaliselt ühte faili (printimisvalmis PDF-id on erand), selle asemel kogute kõik oma pusletükid kausta. See hõlmab teie erinevaid paigutatud PSD- ja EPS-faile, InDesign-faili ja isegi fonte. InDesignis töötamine annab teile automaatse käsu „Koguda väljundiks” luksuse, mis kogub kõik aktiivse failiga seotud ressursid automaatselt.
Verejooks ja kärpimine
Üks suurimaid rookie-vigu, mida prindikujunduses teha saate, on ebaõnnestunud kujundus. Prindimüüjad nõuavad disaineritelt teatud tehnilisi andmeid mitte sellepärast, et nad on valivad või ebakompetentsed, vaid seetõttu, et protsess toimib tõeliselt ja ilma nendeta on kogu prinditöö ohustatud.
Verejooksuga kujundamine on lihtne ja see võimaldab iga kord täiuslikku ääristeta professionaalset printimist. Kui sisestate verejooksu, lubate teha prindi, mis on suurem kui lõpliku töö suurus. Nii näeb üleliigne ära lõigates kõik ideaalselt välja ja läheb paremale servale, olenemata pisikestest paberivahetustest, mis printimise ajal võisid tekkida.
Veebidisainis, millega olete tuttav CSS-i karbimudel, on meil prindikujunduses ka midagi sarnast, mis põhimõtteliselt määratleb, kuidas peaaegu iga prinditöö peaks olema koostatud. Siin on lühike ülevaade selle toimimisest:
Sellel mudelil on kolm peamist piirkonda: õhutoru, sisustus ja ala. Sisekujundus on kõige lihtsamini mõistetav. See on trükitud dokumendi lõplik soovitud suurus; kus paber on kärbitud. Ülaltoodud näites on meie klient tellinud kujunduse, mis on viis tolli lai ja kolme tolli pikk. Siit peame looma veel kaks ala: ühe, mis on suurem kui trimm ja teine, mis on väiksem.
Suurem ala on veritsus. Nagu me just selgitasime, võimaldab see tindil minna otse lehe servast. Ülaltoodud tööl on gradiendiline taust, kuid see taust on laiendatud üle 5 ″ x3 ″ piiride, pindalale 5, 75 ″ x 3, 75 ″. Kui lisate üldisele suurusele 0, 25 ″, on tulemuseks 1/8-tolline tühjendus kogu lehe ümber, mis on Ameerika Ühendriikides tavapärane (Suurbritannias tavaliselt 2–5 mm). Kõik, mille te dokumendis sisestate, see peaks lehelt „veritsema”, olgu see foto või tekstuuriga täidis, peaks ulatuma sellele suuremale alale, pidades meeles, et see lõigatakse kuskile ümber trimmi joone.
Väiksem ala, mille lõin ülaltoodud näites, on „reaalala”, mis on väga oluline tükk, mida te veebidisainerina ei pruugi teada. Üldiselt on halb tava paigutada mittetõkestav tekst ja graafika lehe servale liiga lähedale. Soovite anda neile palju visuaalset hingamisruumi ja olla kindel, et nad ei trimmistu. Seetõttu on reaalala loodud omamoodi ohutuks tsooniks, kuhu saate seda tüüpi sisu paigutada. Näiteks kui soovite hiiglaslikku pealkirja, sirutage seda elava ala ühest otsast teise, kuid mitte kaugemale.
Eluruumide suurus ei ole standardiseeritud ja varieerub töökohtade lõikes märkimisväärselt. Rusikareeglina sisestan oma reaalala 1/8 ″ ümberringi, nii et see vastaks õhutusele. Erinevatel ajakirjadel ja ajalehtedel on aga oma seatud nõuded, mida peate järgima. Ka suurte tööde puhul pole 1/8 ″ sisestus piisavalt lähedal ja selle tulemuseks on graafika, mis näeb endiselt välja otsekui ääreni ilma hingamisruumita. Sel juhul peate selle silmamuna tegema ja otsustama vastuvõetava ruumi kaitseraua üle.
Õnneks saavad nii Illustrator kui ka InDesign suure osa teie jaoks dokumentide loomise tööst sedalaadi sisseehitatud spetsifikatsioonidega, kuid siiski on oluline mõista neid mõisteid. Samuti konsulteerige kindlasti oma prindimüüjaga, kuna tõenäoliselt on neil eelmonteeritud mallid, mis säästavad palju vaeva kõigi asjaosaliste jaoks.
Kujundustrendid
Arutelu lõpetuseks arutame lühidalt, kuidas läheneda trükikujundusele loomingulisest vaatenurgast. Esiteks saate kiiresti teada, et printimine on hoopis teistsugune meedium kui olete veebis harjunud. Veebikujunduses piirab teid ainult kujutlusvõime. Trüki korral on teil füüsiline lehe suurus, millele peab vastama; kerimine pole võimalik! See tähendab, et kui klient annab teile ühe tonni teksti, peate välja mõtlema, kuidas muuta see loetavaks ja atraktiivseks.
Samuti pidage meeles, et teie konkreetne kujundusstiil ja kalduvused võivad trükkida või mitte. Nii nagu teete veebidisaini, on oluline ka ringi vaadata ja arvestada printimise praeguste suundumustega. Minge raamatupoodi ja sirvige mõnda ajakirja (ärge jätke reklaame vahele, need on kõige parem osa) või vaadake see rämpspost läbi, enne kui see prügikasti jõuab.
Suundumuste teadvustamine ei pea sind konformistiks tegema, selle asemel aitab see sul hoida ühendust sellega, mida inimesed on harjunud nägema. Kui viimati pöörasite prindidisainile tähelepanu 1995. aastal, võiksite olla valmis tootma midagi, mis näib tänapäeva tarbijatele kole ja vananenud.
Samuti, kui olete teadlik ainult kaasaegse veebidisaini olukorrast, võib teil olla palju probleeme nende ideede tõlkimisega prinditud lehele viisil, mis on vaataja jaoks mõtestatud ja köitev. jQuery animatsioonid pole siin head, peate haarama kellegi fookuse puhtalt staatilise esteetilise atraktiivsuse kaudu.
See võtab aega ja harjutamist, kuid goo-disainer õitseb nii trüki- kui ka veebidisainis.
Järeldus
Kui aus olla, siis kui olete praegu veebidisainer, kes soovib trükkida, siis olete heas positsioonis. Paljuski pöördute tagasi lihtsama mõtteviisi juurde. Vastupidise teekonna tegemine nõuab palju uut tehnilist õppimist, eriti kui pildile tuleb kood.
Selle artikli eesmärk oli näidata teile, et te ei saa lihtsalt avada Photoshopit ja otsustada, et kavatsete ühel päeval trükidisaineriks saada. Teie teadmised veebidisainerina aitavad, kuid selles valdkonnas tuleb veel palju õppida. Kõik alates malli loomisest kuni kujundusliku viimistlemiseni on väga spetsiifiline trükiprotsess ja kui te ei tea oma asju, võidakse teil vigade eest rahaliselt vastutada. Esitades vähe aega tutvustatud teabe kohta, võib see säästa palju vaeva ja peavalu.
Jäta kommentaar allpool ja anna meile teada, millised trükispetsiifilised näpunäited teil ülemineku tegemiseks veebidisaineritele on!
Foto autorid: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck ja Steve Garfield.
