Hvordan lage digitale eiendeler

Sep 12, 2025

hvordan

[1. 3]

Forberedelse av eiendeler for digital bruk er en kjerneoppgave for Junior designere i dag - og forskjellig fra Forbereder filer for utskrift . Du kan bli bedt om å opprette eller tilpasse bilder for nettsteder, sosiale medier kampanjer, displayannonser, e-post nyhetsbrev, video animasjoner, infographics og app design, for å nevne noen få.

På Conran Design Group. For eksempel kan en typisk oppgave være å produsere bilder for bruk i en Responsiv nettside , forklarer senior designer Ollie Rone-Clarke. "Når designen er blitt logget av, lager vi en kjerne-masterfil av hver aktivestørrelse, og disse blir deretter lagret for nettet, ved hjelp av riktig filformat for å gjøre filene så små som mulig, mens de fortsatt beholder nøkkeldetaljer - slik at disse eiendelene er raske å laste ned, for eksempel på mobil. "

Så hvordan går du om å skape og tilpasse eiendeler for digital bruk? Det er fire brede ting du må vurdere.

01. Master grunnleggende

Conran Design Group collaborated with food redistribution charity FareShare to produce its 2016 annual report and social media assets — Conran Design Group samarbeidet med mat omfordeling veldedighet fareshare å produsere sin 2016 årsrapport og sosiale medier eiendeler

For det første må du forstå grunnleggende, som forhåpentligvis har du dekket på designkurset ditt. "Fra et funksjonelt perspektiv, vanligvis bør du sørge for at du bruker de riktige fargeinnstillingene i Photoshop: RGB i stedet for CMYK , "Forklarer Osman Gani, Global Digital Reklamedirektør på Hogarth over hele verden . "Du må jobbe i de riktige digitale pikslene per tomme, noe som gir Photoshop-lag de riktige navnene, og plasser lagene fra bunnen til toppen.

"Du må eksportere de riktige digitale formatene som angitt i den korte, og sørge for at tekstbokser og bilder har blitt" snappet "riktig. Og du må følge beste praksis som navngivningskonvensjoner, klare mappestrukturer på serveren, og bruk av versjonskontrollfiler. "

02. Følg merkevare retningslinjer

Conran Design Group hjalp den å holde Storbritanny Tålmodig kampanje ved å gi merkevarens originale Tidyman-logoen en moderne vri

For det andre vil hvert prosjekt komme med digitale retningslinjer som er spesifikke for merkevaren, sier Andrea Esteban, digital designer for Battenhall. . Mye av tiden vil dette være relativt rutinemessig.

"De fleste av våre prosjekter kommer fra eksisterende kunder hvis retningslinjer vi allerede er kjent med," forklarer hun. "Men for nye kunder må vi spørre dem, fullt ut analysere deres krav, og tenke på alle begrensningene de kan presentere, når det gjelder filstørrelse og farger, for eksempel."

03. Test dine design på tvers av forskjellige plattformer

Rather than creating print and digital assets separately for FareShare, Conran Design Group created a strong unifying theme within the report that it could use across other platforms — I stedet for å skape utskrift og digitale eiendeler separat for Fareshare, skapte Conran Design Group et sterkt samlende tema i rapporten som den kunne bruke på tvers av andre plattformer

For det tredje, i et stadig skiftende digitalt miljø, må du holde deg oppdatert med plattformene du designer for. "Så for eksempel," sier Esteban, "Jeg har private sosiale medier kontoer for å teste - og deretter slette - innlegg, for å se hvordan de ser over alle enheter.

Vi designer ofte ganske innovative innlegg, som "Klikk for å avsløre" på Twitter eller "filter for å avsløre" på Instagram, så teste hvordan alt ser i strøm i stedet for å gjette er bedre. Tross alt dette bør det være enkelt å endre hver artbord til alle de forskjellige størrelsene du trenger: adjelly.com. har alle de forskjellige oppdaterte størrelsene, men googling hver plattform fungerer også. "

04. Kjenn din organisasjon

Hold Storbritannia Tidy Nødvendig En enhetlig identitet som bedre kommuniserte Core-merket

Til slutt må du også forstå systemene og prosessene i organisasjonen du har kommet for.

"Junior designere kommer inn i det grunnleggende om design og kapitalforvaltning, men de vil ikke være klare til studio arkiveringssystemet," sier Rone-Clarke. "Dette er hvor vi bruker mye tid med dem, og viser dem hvordan vi filer og setter opp stadier for hver designjobb."

Forstå leveransen

Hvor mye designkurs vil forberede deg på alt dette vil variere. Chloe Holden, en junior designer på Conran Design Group, sier at hennes var litt ujevn. "Mens jeg hadde lært at RGB var for digital og CMYK, var det for å skrive ut, hva jeg ikke skjønte før jeg var en praktikant, er viktigheten av å dobbeltsjekkere filinnstillinger når de går mellom digitale og utskriftsfiler," husker hun.

"Jeg lærte heller ikke hows og whys. Det er ikke før du jobber i et studio som du lærer å ta en kort og forstå leveransen tydelig. "

Elena Morán, en UX / UI designer på atom42. , peker også på betydningen av den korte for å forberede digitale eiendeler. "Pass på at du får en god en - og skam deg ikke for å presse tilbake hvis den ikke inneholder den informasjonen du trenger," understreker hun. "En baker kan ikke fungere uten mel, og du kan ikke gjøre eiendelene uten de riktige spesifikasjonene."

Stille spørsmål

The visual theme for FareShare closely linked print and digital — Det visuelle temaet for fareshare nært knyttet utskrift og digital

Viktigst, fortsett å stille spørsmål, legger hun til. "For eksempel, hvis noen ber deg om å opprette en skjermannonse, er viktige punkter til dobbeltsjekke, størrelsen på de kreative, dimensjonene som trengs og minimum og maksimal vekt tillatt. Er det animert eller statisk; Vil de ha et stillbilde eller vil de ha dynamiske elementer? Hvis det er animert, vil de ha en interaktiv annonse? Hvilken type fil: JPG, PNG, MP4, HTML5? Og hvor skal det bli vist? Hver plattform har sine egne unike regler. "

Dette kan alle være litt overveldende i begynnelsen. "Som en junior får du mye arbeid å gjøre, så tiden er nøkkelen. Sporing av timene dine gjør det lettere å forhindre problemer og korrekt organisere prosjektene dine.

"Og hvis du føler deg overveldet, fortell din linjeleder slik at de kan organisere, skyve tilbake og dele, om mulig, med resten av laget. Deling er omsorgsfull, så ikke bare si ja hele tiden eller du slutter opp med å produsere mindre høykvalitets eiendeler som et resultat. "

Tips for å skape digitale eiendeler

Logo Typeface ble gitt en "stemplet" effekt for å legge til renter og tekstur, samt å være optimalisert for digitale applikasjoner

01. Jobbe effektivt

"Spør alltid hva digital produksjon eiendelene er nødvendig for, hvor mange versjoner du trenger og over hvor mange breakpoints," sier Rone-Clarke. "Sett opp en prosess som noen andre på designteamet kan plukke opp. Pass på at du har en endelig liste over eiendeler som må opprettes. "

02. Forstå mål

"Vær klar over hva du designer for og hvor aktiva vil ende opp," sier Holden. "Da vet du hvordan du lager optimal design som passer til hvert digitalt program. For eksempel vil en eiendel for Instagram se veldig annerledes ut enn en for en nettside. "

03. Juster skjermens lysstyrke

"Når du endrer farger for digital, må du kontrollere at skjermens lysstyrke er opp," legger til Holden. "Det er en enkel ting, men veldig lett å glemme. Test det alltid og få en annen mening fra en senior designer. "

04. Lagre eiendeler riktig

"Lagring synes det enkleste trinnet, men hvis du ikke er sikker på formater, kan det være det vanskeligste i begynnelsen," sier Esteban. "Lagre, lagre for web, eksport: De har alle forskjellige innstillinger som vil gjøre livet ditt enklere - eller vanskeligere - så sjekk hvilken som er det beste alternativet for å optimalisere eksportene dine."

05. Få GIFS riktig

"Det er en stor trend akkurat nå for Gifs. Over videoer, men husk at de er superkomprimert, noe som betyr potensielt lavere kvalitetsinnhold, "legger til Esteban. "Også, hvis du eksporterer fra Photoshop, husk at det bare tillater 500 totalt rammer - som høres ut som masse, men det er ikke!"

Relaterte artikler:

6 måter å komme seg ut av din kreative rut
Hvordan å fremtidssikkert deg selv som en designer
De beste gratis skrifttyper for designere

Hvordan lage digitale eiendeler

01. Master grunnleggende

02. Følg merkevare retningslinjer

03. Test dine design på tvers av forskjellige plattformer

04. Kjenn din organisasjon

Forstå leveransen

Stille spørsmål

Tips for å skape digitale eiendeler

hvordan - Mest populære artikler

Slik bruker du Gravity Sketch

Mal en mischievous hare i akvarell

Master store miljøer i 3DS Maks

Lag interaktive 3D-typografiske effekter

Mal en sci-fi-spillinnstilling i Photoshop

Modell En Alien Pirat Creature i Zbrush

Opprett en digital ets en skisse

Lag interaktive diagrammer i ionisk 2

Kategorier