Drukas dizaina padomi tīmekļa dizaineriem
Es savu drukas karjeru sāku gandrīz pirms desmit gadiem un pamazām pārcēlos uz tīmekli. Šis pilnīgi jaunais nesējs radīja vairākus radošus un tehniskus šķēršļus, kas man bija jāiemācās tikt galā un pat aptvert.
Šodienas raksts ir paredzēts jaunai dizaineru paaudzei, kas rīkojas pretēji. Jūs kādu laiku esat izstrādājis digitālo pasauli un esat gatavs apgūt drukas dizainu. Mēs palīdzēsim atvieglot pāreju, izmantojot dažus vienkāršus un praktiskus padomus.
Izpētiet Envato elementus
Drukāt nav miris
Oriģinālajā 1984. gada filmā Ghostbusters, kad viņam jautāja, vai viņam patīk lasīt, Egons drosmīgi pasludina, ka “drukāšana ir mirusi”. Šis apgalvojums tajā laikā nebija gluži patiess, bet tas bija ārkārtīgi precīzi paredzējis nākamo divdesmit gadu notikumus, proti, interneta un personālās skaitļošanas tehnikas pieaugumu no aizēnotības uz visuresamību.
Protams, šī revolūcija vismaz ir veikusi beisbola nūju publikāciju nozarē un attiecīgi arī dizaina darbu pieejamību tajās. Tomēr noteikti joprojām nav tā, ka visi drukas veidi ir beigušies. Faktiski drukas dizains var būt viena no vērtīgākajām un loģiskākajām prasmēm, ko pievienot savam web dizainera repertuāram.
Ja jums ir klienti, kuriem pieder mazi uzņēmumi, viņiem ir vajadzīgas ne tikai vietnes un logotipi, bet arī vizītkartes, kancelejas preces, veikalu izkārtnes, apģērbs un varbūt pat vietējo avīžu reklāmas. Lielākā daļa no tām labprātāk izlaiž galvassāpes, strādājot ar vairākiem dizaineriem, un visiem šiem materiāliem atrod vienu pakalpojumu sniedzēju. Ja varat rīkoties gan tīmeklī, gan drukājot, tas varētu būt jūs!
Izšķirtspēja
Sāksim ar dažām pamatzināšanām, kuras jūs, iespējams, jau zināt. Tīmekļa pasaulē jums ir greznība strādāt ar diezgan zemas izšķirtspējas attēliem. Tagad jūs to varētu uzskatīt par sliktu, jo detalizācijas līmenis ir tik ierobežots, taču, strādājot plaši ar abiem, zemas izšķirtspējas tīmekļa darbs ir daudz grūtāks.
Viens no galvenajiem iemesliem ir tas, ka 72dpi grafiku var izveidot gandrīz jebkurā datorā, kas tika izveidots pēdējo četru vai piecu gadu laikā. Mazāki attēli nav tik intensīvi apstrādājami kā lielāki attēli. Ja esat pieradis drukāt un pārslēgties uz tīmekļa izstrādi, Photoshop jūtas kā pilnīgi jauna lietojumprogramma, kas no nākotnes darbojas superdatorā. Var domāt, ka tas izklausās kā pārspīlējums, bet vienkārši pagaidiet, kamēr 11 ″ x17 ″ dokumentā ar 300 dpi ir 50 slāņi. Dienas beigās jūs pārmeklēsit Mac Pros vietnē Apple.com.
Collas, nevis pikseļi
Tātad, kā drukāšanai lietas atšķiras no tīmekļa? Iesākumā drukas dizaineri nerunā pikseļos. Sakiet lielākajai daļai dizaineru tikai ar drukāšanu, ka vēlaties kaut ko 1200 pikseļu platu, un viņi izskatīsies smieklīgi (viņi zina, kas ir pikseļi, bet tas nav parastais žargons). Tas ir tāpēc, ka viņu Photoshop versiju mērījumi ir iestatīti uz collas.
Šī ir svarīga atšķirība, jo izšķirtspēja un lielums ir savstarpēji atkarīgi! 1200 pikseļu platums 72dpi dokumentā ir ļoti atšķirīgs nekā 1200 pikseļu platums 300dpi dokumentā. Lai gan 5 ″ x7 ″ drukas darbs vienmēr izdrukās kaut ko piecu collu platumā un septiņu collu garumā, mainīsies tikai tintes blīvums.
Ne vienmēr 300 dpi
Jums droši vien ir teicis, ka drukas dizaineri veido grafiku 300dpi darbvietā. Tomēr tas ne vienmēr notiek, un šis pieņēmums var likt jums izskatīties kā amatierim, kad pienāk laiks drukāt.
Lielākā daļa maza formāta darbu tiek izdrukāti ar 300 dpi izšķirtspēju. Šie ir priekšmeti, kurus kāds var rūpīgi pārbaudīt un turēt. Kā būs ar stendu? Vai ir jābūt tik lielai izšķirtspējas izdrukai, lai kaut ko redzētu no simtiem pēdu attālumā? Izrādās, ka atbilde ir “nē”. Lielformāta darbi, piemēram, reklāmkarogi, stendi un tamlīdzīgi, gandrīz vienmēr tiek veidoti zem 300 dpi, parasti ar 150 dpi, bet dažreiz pat zemāk, atkarībā no izmēra.
Bieži vien izšķirtspējas jautājumu var uzdot reālam lietas ekspertam: printerim (personai, nevis mašīnai). Jūs neizskatīsities kā idiots, ja vienkārši vaicājat, vai tam vajadzētu būt 300 vai 150 dpi darbam. Šie ir bieži uzdotie jautājumi, uzsākot projektu, un ir svarīgi, lai viņi tiktu izstrādāti, pirms jūs faktiski sākat.
Vai man vajadzētu veidot koncepcijas ar nelielu izšķirtspēju?
Ņemot vērā faktu, ka datori var izlaist 72dpi grafiku daudz ātrāk nekā 300dpi grafika, bieži dizaineru prakse ir iet cauri pirmajām dizaina kārtām zemas izšķirtspējas darbvietā un būtībā atjaunot darbu “augstas izšķirtspējas” tuvumā. projekta beigas.
Drukas dizaineru vidū šī var būt karsti apspriesta tēma. Galu galā tas nāk par priekšroku, bet, tā kā tas ir vērts, es gandrīz nekad neizmantoju šo ceļu. Ja vien jūs pastāvīgi nedarbojaties ar lielformāta darbiem, augstas izšķirtspējas kompjūteru veidošanai nevajadzētu aizņemt tik daudz laika. Ja tā notiek, tad, iespējams, tiešām ir pienācis laiks jaunam datoram. Visu 72dpi izbūve, lai pārveidotu līdz 300dpi, pārsvarā sākot no jauna, man vienmēr šķiet apgrūtināta, kad ir pilnīgi vienkārši izveidot savas idejas kā gatavas drukāšanai.
Vienīgais izņēmums ir krājumi. Iesniedzot klientam, es vienmēr izmantoju diezgan zemas izšķirtspējas preces, ko nodrošina akciju vietnes, lai novērstu nevajadzīgu vairāku dārgu attēlu iegādi.
Krāsa
Krāsa ir milzīga tēma, kurai ir nepieciešams savs raksts, tāpēc šeit tam netērēsim pārāk daudz laika. Vienkārši brīdinu, ka krāsa drukātajā pasaulē ir pilnīgi jauna bumbiņa. Veidojot tīmekļa dizainu, mēs kādreiz uztraucāmies par “tīmeklī drošām krāsām”, taču mūsdienās monitori ir tik pārsteidzoši, ka mēs parasti Photoshop izvēlāmies tikai tās krāsas, kuras mēs vēlamies, un pieņemam, ka katrā ekrānā būs atšķirības.
Projektējot drukāšanai, jūs strādājat ar tinti, nevis ar gaismu. Lai sāktu, tas nozīmē strādāt CMYK, nevis RGB, bet sekas pārsniedz to. Materiāli, piemēram, materiāli, tiek izmantoti, kā arī dažādas drukas preses un metodes. Dažreiz ekrānā redzamā krāsa nepavisam nebūs tā, kas iznāk uz papīra. Citreiz īpaši procesi, piemēram, sietspiede, prasa ievērot noteiktas darbības.
Mans labākais padoms šeit ir uzzināt, kāda būs drukāšanas metode, un pēc iespējas izpētīt to. Ar četrkāršu standarta drukas darbu būs visvieglāk strādāt, taču dažkārt, lai ietaupītu klienta naudu, jums būs jāstrādā tikai ar vienu vai divām krāsām. Šajos gadījumos jums ir jābūt radošam un jāiemācās radīt lieliskus dizainus ar daudz ierobežotāku paleti, nekā jūs esat pieradis strādāt.
Jums bieži būs jāstrādā arī ar punktkrāsām, kas nozīmē speciālu tinti, kas sajaukta ar ļoti specifisku krāsu, nevis kaut ko, kas tiek sajaukts, uzklājot papīram dažādas krāsas. Lai uzzinātu vairāk par to, kā strādāt ar punktkrāsām, iepazīstieties ar mūsu neseno rakstu “Ievads darbam ar punktkrāsām”.
Ne tikai Photoshop
Web dizaineri mēdz dzīvot tikai Photoshop. Tie var izveidoties līdz Dreamweaver vai pat Fireworks, taču turpmāka Adobe Creative Suite izpēte bieži nav nepieciešama.
Tomēr drukājot, jūs parasti izkārtojat lapas izkārtojumu tādās lietojumprogrammās kā InDesign un Illustrator. Dažas žēl dvēseles joprojām izmanto Quark, bet es nevaru iedomāties, kāpēc. Labās ziņas šeit ir tas, ka, būdams īpaši spēcīgs Photoshop, jūs daudz vairāk gatavojaties izvēlēties InDesign. Sliktā ziņa ir tā, ka tā joprojām ir ļoti atšķirīga lietojumprogramma, tāpēc ir jāmācās daudz.
Viens no vissvarīgākajiem jēdzieniem, kas jāsaprot, ir iemesls, kāpēc jūs izmantojat vairākas lietojumprogrammas un kā sinerģiskā veidā tos iekļaut savā darbplūsmā. Vienkārša atbilde ir tāda, ka Photoshop ir paredzēta rastra grafikai, viss pārējais (vektorgrafika un teksts) jārisina jūsu lapas izkārtojuma lietotnē.
Piemēram, pieņemsim, ka jūs veidojat žurnāla vāku. Jūs sāksit ar PSD, kurā ir ietverts jūsu vāka fotoattēls. Šeit jūs varat veikt tipiskas krāsu korekcijas, klonēšanas darbības, stilizēšanu un visu citu, kas nepieciešams, lai fotoattēls būtu gatavs drukāšanai. Kad esat to pabeidzis, varat ievietot šo PSD InDesign un pārklāt vektorgrafiku (kuru bieži izveido Illustrator) un tekstu, kas veido pārējo vāku.
Drukātās lapas izkārtojumu var vizualizēt kā mīklu. Šajā metaforā InDesign ir galda virsma, kurā jūs veidojat savu mīklu. Daudzus gabalus jūs izveidojat citās lietojumprogrammās, pēc tam tos visus apvienojot un sajaucot InDesign. Ievietojot InDesign faktiskos darba gaitas, izmantojot komandu File> Place, visas izmaiņas, ko citā lietotnē veicat ievietotajā PSD, EPS utt., Jūsu InDesign fails tiks automātiski atjaunināts.
Vai Photoshop nedara tekstu?
Šajā brīdī jums varētu rasties jautājums, kāpēc teksts netiek apstrādāts Photoshop. Lai būtu taisnīgums, ļoti stilizēts teksts (ar slīpām, maskām, ēnām, faktūrām utt.) Bieži tiek turēts faila PSD daļā. Tomēr ar InDesign vienkāršo tekstu ir daudz vieglāk strādāt. Teksta dzinējs ir daudz labāks un ne tikai padara tekstu labāku, bet arī ļauj veikt daudz modernākas manipulācijas, piemēram, automātisku kolonnu izplatīšanu un pat pareizrakstības pārbaudi.
Vēl viena būtiska problēma ir tā, ka parasti printerim neizsūta vienu failu (izdrukājami PDF faili ir izņēmums), tā vietā visi jūsu mīklas gabali tiek apkopoti mapē. Tas ietver dažādus novietotos PSD un EPS failus, InDesign failu un pat jūsu fontus. Darbs InDesign nodrošina automātiskas komandas “Savākt izvadei” greznību, kas automātiski apkopo visus resursus, kas saistīti ar pašreizējo failu.
Asiņošana un apgriešana
Viena no lielākajām iesācēju kļūdām, ko varat pieļaut drukas noformēšanā, ir nespēja projektēt ar asiņošanas palīdzību. Drukas pārdevēji pieprasa no dizaineriem noteiktas specifikācijas nevis tāpēc, ka viņi ir picky vai nekompetenti, bet gan tāpēc, ka tas patiesi ir tas, kā process darbojas, un bez tiem viss drukas darbs tiek apdraudēts.
Projektēšana ar atgaisojumu ir vienkārša, un tā ļauj perfekti profesionāli drukāt bez malām katru reizi. Ievietojot atgaisotāju, jūs atļaujat izdrukāt, kas ir lielāks par gala darbu. Tādā veidā, kad pārpalikums tiek nogriezts, viss izskatās nevainojami un virzās pa labi līdz malai neatkarīgi no nelielām papīra nobīdēm, kas varētu būt notikušas drukāšanas laikā.
Tīmekļa dizaina jomā, kas jums ir pazīstams ar CSS lodziņa modeli, labi, ka drukas noformējumā mums ir kaut kas līdzīgs, kas principā nosaka, kā jāizveido gandrīz katrs drukas darbs. Īss ieskats tā darbībā:
Šim modelim ir trīs galvenās zonas: atgaisošana, apdare un tiešā daļa. Apdare ir visvieglāk saprotama. Šis ir drukātā dokumenta galīgais vēlamais izmērs; kur papīrs tiek “apgriezts” uz. Iepriekš minētajā piemērā mūsu klients ir pasūtījis dizainu, kura platums ir piecas collas un trīs collas garš. No šejienes mums jāizveido vēl divi apgabali: viens, kas ir lielāks par apdari, un otrs, kas ir mazāks.
Lielāks laukums ir asiņošana. Kā mēs tikko paskaidrojām, tas ļauj tintei nonākt tieši pie lapas malas. Iepriekšminētajam darbam ir gradienta fons, bet tas ir izstiepts ārpus 5 ″ x3 ″ robežām līdz 5, 75 ″ x3, 75 ″ laukumam. Kopējam izmēram pievienojot 0, 25 ″, rezultāts ir 1/8 collu asiņošana pa visu lapu, kas Amerikas Savienotajās Valstīs ir standarta (parasti 2-5 mm Apvienotajā Karalistē). Visam, ko ievietojat dokumentā, kam vajadzētu “iztukšot” lapu, piemēram, fotoattēlu vai teksturētu aizpildījumu, vajadzētu izstiepties uz šo lielāku laukumu, paturot prātā, ka tas tiks samazināts līdz kaut kur ap apgriešanas līniju.
Mazāks apgabals, ko izveidoju iepriekš minētajā piemērā, ir “tiešraides zona”, kas ir ļoti svarīgs gabals, par kuru jūs, iespējams, nezināt par tīmekļa dizaineru. Parasti ir slikta prakse tekstu un grafiku, kas nav asiņojošs, novietot pārāk tuvu lapas malai. Jūs vēlaties dot viņiem daudz vizuālas elpošanas telpas, kā arī būt pārliecināti, ka viņi netiks apgriezti. Tāpēc tiešraides zona ir izveidota kā sava veida droša zona, kurā varat ievietot šāda veida saturu. Piemēram, ja vēlaties milzīgu virsrakstu, izstiepiet to no viena tiešraides zonas gala uz otru, bet ne tālāk.
Apdzīvotās vietas izmēri nav standartizēti un dažādos darbos ievērojami atšķiras. Kā īkšķa principu, es visu dzīvi iestatu savu tiešo laukumu 1/8 ″, lai tas sakristu ar asiņošanas līmeni. Tomēr dažādiem žurnāliem un avīzēm ir savas noteiktas prasības, kuras jums jāievēro. Arī lieliem darbiem 1/8 ″ ieliktnis nav pietiekami tuvu, un tā radīs grafiku, kas joprojām izskatās tā, it kā iet uz augšu līdz malai, bez elpošanas telpas. Šajā gadījumā jums tas būs jārauj acs ābolā un jāizlemj par pieņemamu telpas buferi.
Par laimi gan Illustrator, gan InDesign var veikt lielu daļu darbu, radot dokumentus jums, izmantojot šāda veida iebūvētās specifikācijas, taču joprojām ir svarīgi saprast jēdzienus. Tāpat noteikti konsultējieties ar drukas pārdevēju, jo viņiem, iespējams, ir iepriekš izveidotas veidnes, kas visiem iesaistītajiem ietaupa daudz nepatikšanas.
Dizaina tendences
Lai pabeigtu mūsu diskusiju, īsi apspriedīsimies, kā radošai pieejai pievērsties drukas dizainam. Pirmkārt, jūs ātri uzzināsit, ka drukāšana ir ļoti atšķirīga vide, nekā jūs esat pieradis tīmeklī. Tīmekļa dizaina jomā jūs esat ierobežots tikai ar savu iztēli. Izmantojot drukāšanu, jums ir fizisks lappuses izmērs, kas ir jāatbilst; ritināšana nav iespējama! Tas nozīmē, ka tad, kad klients dod jums daudz teksta, jums ir jāizdomā, kā padarīt to piemērotu lasāmā un pievilcīgā veidā.
Turklāt paturiet prātā, ka jūsu konkrētais dizaina stils un tendences varētu vai nevar būt piemērotas drukāšanai. Tāpat kā jūs darāt darbu ar tīmekļa dizainu, ir svarīgi arī palūkoties un ņemt vērā pašreizējās drukas tendences. Dodieties ceļojumā uz grāmatu veikalu un pārlūkojiet dažus žurnālus (neizlaidiet reklāmas, tie ir vislabākie varianti) vai izpētiet šo nevēlamo pastu, pirms tas nonāk atkritnē.
Apzinoties tendences, jums nav jākļūst par konformistu, tā vietā tas palīdz uzturēt kontaktu ar to, ko cilvēki ir pieraduši redzēt. Ja pēdējo reizi jūs pievērsāt uzmanību drukas dizainam 1995. gadā, jums varētu būt tieksme ražot kaut ko tādu, kas mūsdienu patērētājiem izskatās neglīts un novecojis.
Tāpat, ja jūs zināt tikai mūsdienu web dizaina stāvokli, jums varētu būt daudz problēmu, pārveidojot šīs idejas drukātā lapā tādā veidā, kas ir gan jēgpilns, gan saistošs skatītājam. jQuery animācijas šeit nav nekas labs, jums ir jāpievērš uzmanība kādam, izmantojot tīri statisku estētisko pievilcību.
Tas prasa laiku un praksi, bet goo dizainers plauks gan drukāšanā, gan tīmekļa dizainā.
Secinājums
Godīgi sakot, ja jūs šobrīd esat tīmekļa dizainers, kurš vēlas uzsākt drukāšanu, jūs esat labā stāvoklī. Daudzos veidos jūs atgriezīsities pie vienkāršāka domāšanas veida. Lai veiktu pretēju braucienu, ir nepieciešams daudz jaunu tehnisku mācību, it īpaši, ja attēlā ir kods.
Šis raksts bija paredzēts, lai jums parādītu, ka jūs nevarat vienkārši uznirst Photoshop un izlemt, ka kādu dienu esat drukas dizainers. Jūsu kā tīmekļa dizainera zināšanas palīdz, taču joprojām ir jāveic daudz nozarei specifisku mācību. Viss, sākot no veidnes izveidošanas līdz dizaina pabeigšanai, ir ļoti specifisks drukāšanas process, un, ja jūs nezināt savus materiālus, jūs varat saukt pie atbildības par kļūdām. Nedaudz laika, lai izpētītu sniegto informāciju, varētu ietaupīt daudz nepatikšanas un galvassāpes.
Atstājiet komentāru zemāk un dariet mums zināmus padomus par drukāšanu tīmekļa dizaineriem, kuri veic pāreju!
Foto kredīti: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck un Steve Garfield.
