Fler designers arbetar idag över plattformar, växlar fram och tillbaka mellan utskrifts- och digitala projekt. Även om mycket av teorin är densamma, finns det i praktiken många tekniska skillnader när det gäller att arbeta på något som kommer att skrivas ut mot en webbplats. Det tar en viss uppsättning kunskaper och färdigheter för att fungera effektivt och effektivt i båda miljöerna.
Men det är möjligt. Här delar vi åtta tips för tryckdesigners som gör övergången till digitala projekt. (Och jag kan garantera varje enskilt tips som designer som har gjort omkopplaren.)
Designen är flytande
En av de saker som inte förändras i utskriftsdesign är storlek. Varje dokument är utformat och tryckt i en viss storlek. (Och ofta på ett enda medium också.)
Detta är bara inte hur webben fungerar. Varje användare kan titta på en webbplats med en annan webbläsarens bredd och höjd, eller titta på webbplatsen på en mobiltelefon eller surfplatta. Så varje design måste redovisa en mängd olika storlekar och enheter.
Bekanta dig med responsiv design, vad det är och hur det fungerar. Responsiv design (ibland kallad RWD) är ett tillvägagångssätt för webbdesign där webbplatser skapas för att se optimalt oavsett enhet - skrivbord, surfplattform eller mobil. Designers skapar designen med hjälp av flytande, proportionella gridkoncept och flexibel typografi och bilder.
Förutom storlek ändringar är utrymmet obegränsat.? Som designer är du inte fast i begränsningarna av ett 4 x 6 tum vykort eller 11 av 17 poster. Duken fortsätter för så många sidor som du vill och kan bläddra nästan oändligt.
Lär dig lite HTML
Om du vill designa för webben, måste du veta grunderna. Och du kan börja träna dig själv. (Kolla in den här föregående Design Shack-artikeln för en lista med bra ställen att börja.)
Börja med lite HTML, språket på webben. Med bara en liten förståelse av HTML kan du lära dig att enkelt ändra färger, teckensnitt och storlekar på en webbplats. HTML är grunden att allt webbaserat är byggt på och utan det, du kommer att kämpa i digital design.
När du väl är bekväm med grunderna i HTML, filial ut till CSS och grundläggande kod. CSS eller Cascading Style Sheets, kan du skapa och ändra en uppsättning stilar för din webbplats baserat på ett stilark. Det skapar en uppsättning designregler och kan användas för att skapa webbplatshierarki och upprätthålla visuell konsistens. Att förstå grundläggande kodningskoncept hjälper dig att förstå varför sakerna fungerar de sätt de gör på webben. Även om kodning ser ut som gibberish först, är det meningsfullt när du verkligen börjar titta på den.
Du behöver inte vara en mästare av HTML eller CSS eller kod för att skapa ett bra digitalt projekt, men det kommer att hjälpa oerhört.
Skapa dynamiskt innehåll
Utskriftsdesign är inatt platt. Text och bilder ligger på toppen av någon typ av papper eller annan plan yta. Digital design är dynamisk och aktiv. Kom ihåg detta och använd det till din fördel.
Objekt kan flytta, inkludera ljud eller länkar och till och med verktyg som gör att artiklar dyker upp eller svävar när användaren kommer nära dem. Web- och digitala projekt ska utformas för användarupplevelsen. Det här kan vara en ganska förändring från några av de filosofier du är van vid i tryckvärlden.
Det är också viktigt att använda vanliga visuella signaler och användargränssnittsåtgärder så att din webbplats fungerar på ett sätt som användare förväntar sig och vet hur man använder.
Färgen är annorlunda
Utskriftsdesigners arbetar i CMYK. Digital design är baserad i RGB eller HEX-färg.
Precis som CMYK-färg förklaras med siffror för att representera färgvärden för grundläggande nyanser för att göra varje möjlig färg fungerar RGB med samma koncept. RGB - röd, grön, blå - blandas i olika mängder för att skapa varje färg i det digitala spektrat.
Skillnaden är i hur färger skapas. CMYK - cyan, magenta, gul, svart - skapas genom att kombinera färger i utskriftsprocessen. RGB är en kombination av färger som visas i ljuset.
Färger heter RGB-värden (från 0 till 255 eller varje färg) för att skapa 16 miljoner olika kombinationer.
HEX-värdena är en förlängning av RGB-färg och varje värde motsvarar en RGB-färg. Ett HEX-värde är helt enkelt HTML-uttrycket för en RGB-färg. Färger heter med # följt av ett sexsiffrigt nummer, där varje nummerpar hänvisar till rött, grönt och blått. (HEX-värden innehåller också bokstäver för att representera antal större än 99.)
Förstå webbtyper
Utskriftsdesigners kan användas till idén att de kan använda vilken typsnitt som helst och ha ett obegränsat antal teckensnitt. (Beroende på licensiering, förstås.)
Webtypografi kan vara lite svårare, även om det förbättras hela tiden. Den största utmaningen är att förstå typ och webbläsarkompatibilitet. Inte alla teckensnitt kommer att göra samma sätt på olika enheter.
Då finns det grundläggande webbstandarder och läsbarhetsproblem som kommer från att läsa på en skärm. Gilla det eller inte, sans serif typsnitt är ganska mycket standard när det gäller kropptext på webben. Och den ofta skakade typsnittet Arial är överallt. Varför? Eftersom det alltid görs som Arial. Inga överraskningar där.
Resten av sakerna du vet om typen är desamma. Öva bra kärnning, ledning och spårning. Skala text i proportion till andra typer och element i designen för ett snyggt, rent övergripande utseende.
Bildstorleksfrågor
Webben, en gång hemma till miljontals bilder med låg upplösning, börjar utvecklas när det gäller bilder tack vare framväxten av näthinnan.
Medan standarden för de flesta webbbilder är 72 dpi - jag vet att det här verkar vara väldigt litet att skriva ut designers, men mindre bilder laddas snabbare och de ser bra ut - fler webbplatser börjar överväga bilder för näthinnan. Dessa högupplösta webbbilder sparas ofta med 72 dpi, men är mycket större när det gäller övergripande storlek.
I stället för att spara en bild med 600 pixlar bred - en vanlig standard tack vare Pinterest och fastnade bilder - kan en bild för näthinnans display vara 1 564 pixlar bred.
Webbbilder sparas ofta i specifika format - JPEG, PNG eller GIF - beroende på bildtyp och användning. Vanliga utskriftsformat som TIFF är oacceptabelt för webbanvändning.
SEO har en inverkan på design
Bli bekant med sökmotoroptimering. Hur din webbplats fungerar och vilken text som visas på den (och i dolda taggar) kan ha en dramatisk inverkan på vem som hittar din webbplats och hur den rankas av sökmotorer. SEO är en viktig del av webbdesignprocessen.
SEO gäller också sociala medier. Nästan alla märken med en närvaro på nätet har motsvarande sociala medier. Tänk på detta under designprocessen så att alla delar kan skapas och utformas konsekvent.
Lära sig att släppa taget
Utskriftsdesign är mycket exakt. Du kan mäta varje utrymme och detalj och det kommer alltid att se ut som om du utformade det. Webben fungerar inte så. Det finns vissa saker som kommer att se annorlunda ut i olika miljöer. Du måste lära dig att släppa taget när det gäller dessa saker.
Förstå ditt medium och dess begränsningar. Inte offra ditt designkoncept, men lär dig också att vissa saker kommer att fungera på sätt som kan vara obekanta eller se på ett visst sätt. Acceptera det och fortsätt.
Slutsats
Jag började min designkarriär i tidningar. Idag designar jag lite av allt och delar mitt arbete mellan utskrifts- och webbprojekt.
Även om det tog lite arbete från min sida att? Få det? När det gäller webben och digital design är det en ovärderlig kompetensuppsättning och nödvändighet för designers på dagens marknad. Jag kan inte uttrycka hur viktigt det är för formgivare att lära sig att arbeta på olika medier och förstå varianternas komplexitet.
Att kunna arbeta med utskrift och digitala projekt kommer att göra dig till en bättre designer. Du kommer att lära dig saker som du bär över media till projekt. Du kommer att bli mer marknadsförbar och förhoppningsvis vara nöjd och utmanad när du lär dig och använder nya färdigheter.
Är du en tryckdesigner som har börjat jobba med digitala designprojekt? Dela några av dina tips och erfarenheter med oss i kommentarerna.
Bildkällor: Webtyp och Jeff Eaton.