8 tips for Print Designers Bytt til Web & Digital Design
Flere designere jobber på tvers av plattformer i disse dager og bytter frem og tilbake mellom trykte og digitale prosjekter. Selv om mye av teorien er den samme, er det i praksis mange tekniske forskjeller når det gjelder å jobbe med noe som skal skrives ut versus en webside. Det krever et spesifikt sett med kunnskap og ferdigheter for å jobbe effektivt og effektivt i begge miljøer.
Men det er mulig. Her deler vi åtte tips for trykkdesignere som går over til digitale prosjekter. (Og jeg kan garantere for hvert eneste tips som designer som har byttet.)
Utforsk Envato Elements
Design er flytende
En av tingene som ikke endrer seg i utskriftsdesign er størrelse. Hvert dokument er designet og skrevet ut i en viss størrelse. (Og ofte på et enkelt medium også.)
Dette er ikke slik nettet fungerer. Hver bruker kunne se på et nettsted ved hjelp av en annen nettleserbredde og høyde, eller se på nettstedet på en mobiltelefon eller nettbrett. Så hver design må stå for en rekke størrelser og enheter.
Gjør deg kjent med responsiv design, hva det er og hvordan det fungerer. Responsiv design (noen ganger kalt RWD) er en tilnærming til nettsteddesign der nettsteder er opprettet for å se optimalt uavhengig av enhet - stasjonær, nettbrett eller mobil. Designere lager designet ved hjelp av flytende, proporsjonsbaserte rutenettkonsepter og fleksibel typografi og bilder.
I tillegg til størrelsesendringer, er plassen "ubegrenset." Som designer er du ikke sittende fast i begrensningene på et 4 x 6-tommers postkort eller 11 by 17-plakat. Lerretet varer på så mange sider du vil, og kan bla nesten uendelig.
Lær litt HTML
Hvis du vil designe for nettet, må du kjenne til det grunnleggende. Og du kan starte med å trene selv. (Ta en titt på denne forrige Design Shack-artikkelen for en liste over gode steder å begynne.)
Begynn med litt HTML, språket på nettet. Med bare litt forståelse av HTML, kan du lære å enkelt endre farger, skrifter og størrelser på et nettsted. HTML er grunnlaget som alt nettbasert er bygd på og uten det, vil du slite i digital design.
Når du er komfortabel med det grunnleggende om HTML, kan du avgrense CSS og grunnleggende kode. CSS eller Cascading Style Sheets, lar deg opprette og endre et sett med stiler for nettstedet ditt basert på et stilark. Det skaper et sett med designregler og kan brukes til å lage hierarki for nettstedet og opprettholde visuell konsistens. Å forstå grunnleggende kodingskonsepter vil hjelpe deg å forstå hvorfor ting fungerer slik de gjør på nettet. Selv om koding ser ut som søppel i begynnelsen, er det fornuftig når du virkelig begynner å se på den.
Du trenger ikke å være en mester i HTML eller CSS eller kode for å lage et flott digitalt prosjekt, men det vil hjelpe enormt.
Lag dynamisk innhold
Utskriftsdesignet er innflatt. Tekst og bilder ligger på toppen av en eller annen type papir eller annen flat overflate. Digital design er dynamisk og aktiv. Husk dette og bruk det til din fordel.
Objekter kan bevege seg, inkludere lyd eller lenker og til og med verktøy som gjør at elementer dukker opp eller svever når brukeren kommer i nærheten av dem. Nett- og digitale prosjekter skal være designet for brukeropplevelsen. Dette kan være en ganske forandring fra noen av filosofiene du er vant til i den trykte verden.
Det er også viktig å bruke vanlige visuelle signaler og brukergrensesnitthandlinger slik at nettstedet ditt fungerer på en måte som brukere forventer og vet hvordan de skal bruke.
Farge er annerledes
Trykkdesignere jobber i CMYK. Digital design er basert i RGB- eller HEX-farge.
Akkurat som CMYK-farge er forklart ved bruk av tall for å representere fargeverdier av grunnleggende fargetoner for å gjøre alle mulige farger, fungerer RGB ved å bruke det samme konseptet. RGB - rød, grønn, blå - er blandet i forskjellige mengder for å skape enhver farge i det digitale spekteret.
Forskjellen er i hvordan farger skapes. CMYK - cyan, magenta, gul, svart - lages ved å kombinere farger i utskriftsprosessen. RGB er en kombinasjon av farger som vises i lys.
Farger er navngitt med RGB-verdier (fra 0 til 255 eller hver farge) for å lage 16 millioner forskjellige kombinasjoner.
HEX-verdier er en forlengelse av RGB-farge, og hver verdi tilsvarer en RGB-farge. En HEX-verdi er ganske enkelt HTML-uttrykket til en RGB-farge. Farger blir navngitt ved å bruke # etterfulgt av et sekssifret tall, der hvert tallpar refererer til rødt, grønt og blått. (HEX-verdier inneholder også bokstaver for å representere tall større enn 99.)
Forstå webtypografi
Utskriftsdesignere kan være vant til ideen om at de kan bruke hvilken som helst skrift og har et ubegrenset antall skrifttyper tilgjengelig. (Avhengig av lisensiering, selvfølgelig.)
Internett-typografi kan være noe vanskeligere, selv om den forbedrer seg hele tiden. Den største utfordringen er å forstå type og nettleserkompatibilitet. Ikke alle skrifttyper vil gjengis på samme måte på forskjellige enheter.
Så er det grunnleggende webstandarder og bekymringsmomenter for lesbarhet som kommer fra lesing på en skjerm. Liker det eller ei, sans serif-skrifter er stort sett standard når det kommer til brødtekst på nettet. Og det ofte bortkomne skrifttypet Arial, er overalt. Hvorfor? Fordi det alltid gjengis som Arial. Ingen overraskelser der.
Resten av tingene du vet om typen forblir de samme. Øv god kerning, ledende og sporing. Skala tekst proporsjonalt med annen type og elementer i designet for et pent, rent generelt utseende.
Mattestørrelse
Internett, som en gang var hjem til millioner av lavoppløselige bilder, begynner å utvikle seg igjen når det kommer til bilder takket være fremveksten av netthinneskjermer.
Selv om standarden for de fleste nettbilder er 72 dpi - jeg vet at dette virker veldig lite å skrive ut designere, men mindre bilder laster raskere og de ser like bra ut - flere nettsteder begynner å vurdere bilder for netthinnevisning. Disse høyoppløselige webbildene lagres ofte fremdeles med 72 dpi, men er mye større når det kommer til total størrelse.
I stedet for å lagre et bilde på 600 piksler bredt - en vanlig standard takket være Pinterest og festede bilder - kan et bilde for netthinnevisning være 1 564 piksler bredt.
Webbilder lagres ofte i spesifikke formater - JPEG, PNG eller GIF - avhengig av bildetype og bruk. Vanlige utskriftsformater som TIFF er uakseptable for nettbruk.
SEO har innvirkning på design
Bli kjent med søkemotoroptimalisering. Måten nettstedet ditt fungerer og hvilken tekst som vises på det (og i skjulte koder) kan ha en dramatisk innvirkning på hvem som finner nettstedet ditt og hvordan det blir rangert av søkemotorer. SEO er en viktig del av webdesignprosessen.
SEO forholder seg også til sosiale medier. Nesten hvert merke med nettsted har tilsvarende sosiale medier. Husk dette under designprosessen slik at alle delene kan opprettes og designes konsekvent.
Lær å gi slipp
Utskriftsdesign er veldig presis. Du kan måle alle rom og detaljer, og det vil alltid se ut som du har designet det. Internett fungerer bare ikke slik. Det er noen ting som vil se annerledes ut i forskjellige miljøer. Du må lære å gi slipp når det gjelder disse tingene.
Forstå mediet ditt og dets begrensninger. Ikke ofre designkonseptet ditt, men lær også at noen ting vil fungere på måter som kan være ukjente eller se på en bestemt måte. Godta det og gå videre.
Konklusjon
Jeg startet designkarrieren min i aviser. I dag designer jeg litt av alt og deler arbeidet mitt mellom trykk og nettprosjekter.
Selv om det tok litt arbeid fra min side å “få det” når det kommer til en verden av web og digital design, er det et uvurderlig ferdighetssett og nødvendighet for designere i dagens marked. Jeg kan ikke uttrykke hvor viktig det er for designere å lære å jobbe på tvers av medier og forstå intrikatene til hver enkelt.
Å kunne jobbe med trykte og digitale prosjekter vil gjøre deg til en bedre designer. Du vil lære ting du bærer på tvers av medier til prosjekter. Du vil bli mer salgbar og forhåpentligvis være fornøyd og utfordret når du lærer og bruker nye ferdigheter.
Er du en trykkdesigner som har begynt å jobbe med digitale designprosjekter? Del noen av tipsene og erfaringene dine med oss i kommentarene.
Bildekilder: Webtype og Jeff Eaton.
