Skriv ut designtips för webbdesigners

Jag började min karriär i tryck för nästan ett årtionde sedan och började gradvis övergå till webben. Hela det nya mediet innebar flera kreativa och tekniska hinder som jag fick lära mig att hantera och till och med omfamna.

Dagens artikel är för en ny generation av designers som gör motsatt hopp. Du har designat för den digitala världen under en tid och är redo att lära dig skrivdesign. Vi hjälper till med att underlätta övergången med några döda enkla och praktiska råd.

Skriv ut är inte död

I den ursprungliga 1984 Ghostbusters-filmen, när han blir frågad om han gillar att läsa, proklamerar Egon djupt? Skriv ut är död.? Detta uttalande var inte riktigt sant vid den tiden, men det var en extremt noggrann förskuggning av händelserna under de kommande tjugo åren, nämligen uppkomsten av Internet och personlig beräkning från obskärlighet till ubiquity.

Förvisso har denna revolution åtminstone tagit en basebollbat till publikationsbranschen och därmed tillgången till designjobb inom dem. Det är dock definitivt inte så att alla former av tryck är döda. Faktum är att utskriftsdesign kan vara en av de mest värdefulla och logiska färdigheterna att lägga till i din repertoar som webbdesigner.

Om du har kunder som äger småföretag behöver de inte bara webbplatser och logotyper, men också visitkort, brevpapper, skyltar, kläder och kanske även lokala tidningsannonser. De flesta av dem skulle hellre hoppa över huvudvärk att arbeta med flera designers och hitta en leverantör för allt detta material. Om du kan hantera både webb och utskrift, kan det vara du!

Upplösning

Låt oss börja med några grundläggande kunskaper som du troligen redan vet. I webbvärlden har du lyxen att arbeta med relativt lågupplösning. Nu kan du se det här som en dålig sak, eftersom detaljnivån är så begränsad, men att ha arbetat utförligt med båda, är lågvärdigt webbarbete mycket lättare att hantera värt.

En av de främsta orsakerna till detta är att du kan skapa 72dpi-grafik på nästan vilken dator som skapades under de senaste fyra eller fem åren. Mindre bilder är inte så processiva intensiva som större bilder. Om du är van vid att skriva ut och byta till att designa för webben, känns Photoshop som en helt ny applikation som körs på en super dator från framtiden. Du kanske tror att det låter som en överdrift, men vänta bara tills du har 50 lager i ett 11 x 17-dokument vid 300 dpi. Du kommer att dölja över Mac Pros på Apple.com vid dagens slut.

Tum, inte pixlar

Så hur är det olika för utskrifter än webben? Till att börja med pratar inte skrivdesigners i pixlar. Berätta för de flesta skrivskyddade designers att du vill ha något 1200px bredt och de ser på dig roligt (de vet vilka pixlar som är, men det är inte det typiska jargonget). Det beror på att mätningarna i deras versioner av Photoshop har satts i tum.

Detta är en viktig skillnad eftersom upplösning och storlek är beroende av varandra! 1.200 pixlar bred i ett 72dpi-dokument är mycket annorlunda än 1200 pixlar bred i ett 300dpi-dokument. Ett 5 x 7-utskriftsjobb kommer dock alltid att skriva ut något fem tum bredt med sju inches högt, bara bläckens densitet kommer att förändras.

Inte alltid 300dpi

Du har förmodligen fått veta att tryckdesigners bygger grafik i en 300dpi arbetsyta. Detta är inte alltid fallet och det antagandet kan göra att du ser ut som en amatör när det kommer dags att skriva ut.

De flesta småformatjobb skrivs ut på 300dpi. Dessa saker är de som kan kontrolleras noggrant och innehas av någon. Hur är det med en skylt? Är det nödvändigt att ha en så stor upplösning skriv ut för något du ser från hundratals meter bort? Det visar sig att svaret är? Nej? Storformat jobb som banderoller, skyltar och liknande är nästan alltid byggda under 300dpi, vanligen 150dpi men ibland ännu lägre beroende på storlek.

Ofta kan lösningsfrågan ställas till den verkliga experten i frågan: skrivaren (personen, inte maskinen). Du kommer inte att se ut som en idiot för att bara fråga om det ska vara ett jobb på 300 eller 150 dpi. Det här är vanliga frågor när du påbörjar ett projekt och är viktigt för att du ska kunna träna dig innan du faktiskt börjar.

Ska jag bygga koncept i Low-Res?

Med tanke på det faktum att datorer kan churn out 72dpi-grafik mycket snabbare än 300dpi-grafik, är det ofta praxis av designers att gå igenom de första designrundorna i en arbetslösare med låg upplösning och att i huvudsak bygga upp jobbet i högprestanda? nära slutet av projektet.

Bland utskrivna designers kan detta vara ett hett debatterat ämne. I slutändan kommer det till preferens men för vad det är värt tar jag nästan aldrig denna väg. Om du inte arbetar ständigt med stora formatjobb, bör det inte ta så lång tid att bygga kompositioner i high-res. Om det gör det är det förmodligen verkligen dags för en ny dator. Att bygga allt i 72dpi bara för att omvandla till 300dpi genom att väsentligen starta över verkar alltid som ett problem för mig när det är helt enkelt att bara bygga mina idéer som färdiga.

Det enda undantaget till detta är stockbilder. Jag utnyttjar alltid de relativt låga kompositionerna som tillhandahålls av lagerplatser när de presenteras för klienten för att förhindra onödigt köp av flera dyra bilder.

Färg

Färg är ett stort ämne och förtjänar sin egen artikel så vi spenderar inte för mycket tid på det här. Min enkla varning är att färgen i utskriftsvärlden är en helt ny ballspel. I webbdesign bekymrade vi oss för? Webbsäkra färger? men i dagskärmar är så fantastiska att vi i allmänhet bara väljer vilka färger vi vill ha i Photoshop och accepterar att det kommer att finnas en variation av skärm till skärm.

Vid design för utskrift arbetar du med bläck, inte ljus. För att börja betyder det att man arbetar i CMYK istället för RGB, men konsekvenserna går långt bortom det.Saker som material kommer i spel tillsammans med en mängd olika tryckpressar och metoder. Ibland är färgen du ser på din skärm inte alls det som kommer ut på papper. Andra tider kräver specifika processer som skärmutskrift för vissa accepterade metoder.

Mitt bästa råd här är att ta reda på vad utskriftsmetoden ska vara och undersöka den så mycket som möjligt. Ett vanligt fyra färgutskriftsjobb är det enklaste att arbeta med, men ibland måste du arbeta med bara en eller två färger för att spara dina kunders pengar. I dessa fall måste du bli kreativ och lära dig att skapa bra mönster med en mycket mer begränsad palett än vad du brukar arbeta med.

Du måste också ofta arbeta med spotfärger, vilket innebär att en dedikerad bläck blandas till en mycket specifik färg i stället för något som blandas live genom att använda olika färger på papperet. För att läsa mer om hur man arbetar med färgfärger, kolla in vår senaste artikel? En introduktion till arbetet med färgfärger.?

Inte bara Photoshop

Webbdesigners tenderar att leva enbart i Photoshop. De kan grenar ut till Dreamweaver eller till och med Fireworks, men ytterligare utforskning av Adobe Creative Suite är ofta onödigt.

Men i utskrift utför du vanligen sidlayout i applikationer som InDesign och Illustrator. Några ledsen själar använder fortfarande Quark men jag kan inte föreställa mig varför. Den goda nyheten här är att det är särskilt starkt i Photoshop gör du mycket mer beredd att hämta InDesign. Den dåliga nyheten är att det fortfarande är en helt annan applikation så det finns massor att lära.

Ett av de viktigaste begreppen att förstå är varför du använder flera applikationer och hur man integrerar dem i ditt arbetsflöde på ett synergistiskt sätt. Det enkla svaret här är att Photoshop är för rastergrafik, allt annat (vektorgrafik och text) ska hanteras i din sidlayout-app.

Låt oss säga att du skapar ett tidskriftsomslag. Du börjar med en PSD som innehåller ditt omslagsfoto. Här kan du utföra typiska färgkorrigeringar, kloningsåtgärder, stylisering och allt annat du behöver för att göra fotot färdigt att skriva ut. När du är klar med det kan du placera denna PSD i InDesign och överla vektorgrafik (ofta skapad i Illustrator) och text som utgör resten av omslaget.

Skriv ut sidlayout kan visualiseras som ett pussel. I denna metafor är InDesign bordplattan där du bygger ditt pussel. Du skapar mycket av bitarna i andra applikationer och sedan tar dem alla tillsammans och blandar dem runt i InDesign. Genom att placera de verkliga arbetsprocesserna i InDesign via kommandot Arkiv> Placera eventuella ändringar som du gör till den placerade PSD, EPS etc. i en annan app automatiskt att din InDesign-fil uppdateras.

Gör Photoshop inte text?

Vid denna tidpunkt kanske du undrar varför text inte hanteras i Photoshop. För att vara rättvis, hålls mycket stiliserad text (med bevels, masker, skuggor, texturer etc.) ofta i PSD-delen av filen. Enkel text är dock mycket lättare att arbeta med i InDesign. Textmotorn är mycket överlägsen och gör inte bara text bättre, men möjliggör mycket mer avancerad manipulation, såsom automatisk kolonnfördelning och jämn stavningskontroll.

Ett annat viktigt problem är att du i allmänhet inte skickar en fil till skrivaren (utskriftsklar PDF-filer är ett undantag), istället samlar du alla delar av ditt pussel i en mapp. Detta inkluderar dina olika placerade PSD- och EPS-filer, din InDesign-fil och även dina teckensnitt. Arbetar i InDesign ger dig en automatisk lyx? Samla för utdata? kommando som automatiskt samlar alla resurser som är associerade med den aktuella filen.

Bleed & Trim

En av de största rookiefel du kan göra i tryckdesign misslyckas med att designa med blöda. Utskriftsleverantörer kräver vissa specifikationer från designers, inte för att de är picky eller inkompetenta men för att det verkligen är hur processen fungerar och utan dessa är komprimerat hela utskriftsjobbet.

Att designa med blöder är enkelt och det gör att du kan göra perfekt gränslös professionell utskrift varje gång. Genom att införa ett blöder tillåter du att ett tryck görs som är större än det slutliga jobbet. På det sättet, när överskottet är avskuren, ser allt perfekt ut och går direkt till kanten, oavsett mindre pappersskift som kan ha inträffat under utskrift.

I webbdesign är du bekant med CSS-boxmodellen, väl i tryckdesign har vi något som liknar det som i princip definierar hur nästan varje utskriftsjobb ska byggas. Här är en snabb titt på hur det fungerar:

Det finns tre huvudområden för denna modell: blödet, trimmen och det levande området. Trimmen är lättast att förstå. Detta är den slutliga önskade storleken på det tryckta dokumentet; där papperet är? trimmat? till. I exemplet ovan har vår beställare beställt en design som är fem tum bred med tre inches lång. Härifrån måste vi skapa ytterligare två områden: en som är större än trimmen och en som är mindre.

Det större området är blödet. Som vi bara förklarade, tillåter detta bläck att gå direkt utanför kanten av sidan. Ovanstående jobb har en gradientbakgrund, men den bakgrunden sträcker sig över 5 "x3" gränserna till ett område på 5,75 "x3,75". Genom att lägga till 0,25 "till den totala storleken är resultatet en 1/8 tum blöja helt runt sidan, vilket är standard i USA (vanligtvis 2-5 mm i Storbritannien). Allt du placerar i dokumentet som borde blöder? borta från sidan, vare sig det är ett foto eller en texturerad fyllning, borde sträcka sig till det här större området med tanke på att det kommer att skäras ner till någonstans runt trimlinjen.

Det mindre område som jag skapade i exemplet ovan är "live-området"? vilket är en mycket viktig del som du kanske inte vet om som webbdesigner. Generellt är det en dålig övning att placera blödande text och grafik för nära kanten av sidan. Du vill ge dem gott om visuellt andningsrum och försäkra dig om att de inte kommer att trimmas bort. Därför skapas liveområdet som en slags säker zon för att du ska kunna placera denna typ av innehåll. Om du till exempel vill ha en stor rubrik, sträcker du den från ena änden av det levande området till det andra, men inte längre.

Levande områdesstorlekar är inte standardiserade och varierar väsentligt från jobb till jobb. Som en tumregel lägger jag in mitt levande område 1/8 "hela vägen så att den matchar blödet. Men olika tidningar och tidningar har sina egna uppsatta krav som du måste följa. För stora jobb är en 1 / 8 "inset är inte tillräckligt nära och kommer att resultera i grafik som fortfarande ser ut som om de går helt upp till kanten utan andningsrum. I det här fallet måste du eyeballa det och bestämma om en godtagbar stötfångare i rymden.

Lyckligtvis kan både Illustrator och InDesign hantera mycket av arbetet med att skapa dokument för dig med dessa typer av inbyggda specifikationer, men det är fortfarande viktigt att förstå koncepten. Också, var noga med att samråda med din utskriftsleverantör eftersom de troligen har förbyggda mallar som sparar mycket problem för alla inblandade.

Designtendenser

För att avsluta vår diskussion, låt oss kortfattat diskutera hur man närmar sig en tryckdesign ur ett kreativt perspektiv. Först och främst lär du dig snabbt att utskriften är ett helt annat medium än vad du brukar använda på webben. I webbdesign är du bara begränsad av din fantasi. Med utskrift har du en fysisk sidstorlek som måste överensstämma med; rullning är inte möjligt! Det betyder att när du klient ger dig massor av text måste du räkna ut hur du gör det passande på ett läsligt och attraktivt sätt.

Tänk också på att din speciella designstil och tendenser kanske eller inte låter sig bra att skriva ut. Precis som du gör med webbdesign, är det viktigt att ta en titt och ta del av aktuella trender i tryck. Ta en tur till bokhandeln och bläddra i några tidningar (hoppa inte över annonserna, de är den bästa delen) eller kolla igenom det skräppostet innan det hämtar papperskorgen.

Att bli medveten om trender behöver inte göra dig en konformist, utan hjälper dig att hålla kontakten med vad folk brukar se. Om den sista gången du var uppmärksam på utskriftsdesign var 1995, kan du vara benägen att producera något som ser grimt och föråldrat ut till dagens konsumenter.

På samma sätt, om allt du är medveten om är modern webbdesign, kan du ha mycket problem med att översätta dessa idéer till en tryckt sida på ett sätt som är meningsfullt och engagerande för betraktaren. jQuery-animationer är inte bra här, du måste ta tag i någons fokus genom rent statisk estetisk överklagande.

Det tar tid och övning, men en goo-designer kommer att blomstra både i tryck och webbdesign.

Slutsats

Med all ärlighet, om du för närvarande är webbdesigner som vill skriva in, har du en bra position. På många sätt återgår du till ett enklare sätt att tänka. Att göra motsatt resa kräver mycket nytt tekniskt lärande, speciellt om koden kommer in på bilden.

Den här artikeln var avsedd att visa dig men att du inte bara kan öppna Photoshop och bestämma att du ska bli en designer på en dag. Din kunskap som webbdesigner hjälper men det finns fortfarande mycket branschspecifikt lärande som måste göras. Allt från mall skapande till design slutförandet är en mycket specifik process i tryck och om du inte vet dina saker kan du hållas ekonomiskt ansvarig för eventuella fel. Om du tar lite tid att gå igenom informationen som presenteras kan du spara mycket problem och huvudvärk.

Lämna en kommentar nedan och låt oss veta vilka tryckspecifika tips du har för webbdesigners som gör övergången!

Fotokrediter: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck och Steve Garfield.