Een digitale activa maken

Sep 10, 2025
Procedures

Het voorbereiden van activa voor digitaal gebruik is een kerntaak voor Junior Designers vandaag - en verschillend van Bestanden voorstellen voor afdrukken ​U kunt gevraagd worden om afbeeldingen te maken of aan te passen voor websites, campagnes voor sociale media, display-advertenties, e-mailnieuwsbrieven, video-animaties, infographics en appontwerpen, om maar een paar te noemen.

Bij Conran Design Group Bijvoorbeeld, een typische taak kan zijn om afbeeldingen te produceren voor gebruik in een responsieve website , legt Senior Designer Ollie Rone-Clarke uit. "Zodra het ontwerp is afgemeld, maken we een kernbestand van elke activa-grootte en deze worden vervolgens opgeslagen voor het web, met behulp van het juiste bestandsindeling om de bestanden zo klein mogelijk te maken, terwijl u nog steeds sleuteldetail behoudt - Zodat deze activa snel te downloaden zijn, bijvoorbeeld op mobiel. "

Dus hoe je gaat over het maken en aanpassen van activa voor digitaal gebruik? Er zijn vier brede dingen die u moet overwegen.

01. Master de fundamenten

Conran Design Group collaborated with food redistribution charity FareShare to produce its 2016 annual report and social media assets

Conran Design Group heeft samengewerkt met de liefdadigheid van voedselherverdeling Farshare om zijn jaarverslag en sociale media-activa 2016 te produceren

Ten eerste moet je de fundamenten begrijpen, die hopelijk heb bedekt met je ontwerpcursus. "Vanuit een functioneel perspectief moet u meestal ervoor zorgen dat u de juiste kleurinstellingen in Photoshop gebruikt: RGB in plaats van CMYK , "Verklaart Osman Gani, Global Digital Reclame Director bij Hogarth wereldwijd ​"Je moet werken in de juiste digitale pixels per inch, het geven van Photoshop-lagen de juiste namen en positioneerlagen van onder naar boven.

"U moet de juiste digitale indelingen exporteren zoals bepaald in de korte en zorgt ervoor dat tekstvakken en afbeeldingen correct zijn geweest. En u moet zich houden aan beste praktijken zoals het benoemen van conventies, duidelijke mapstructuren op de server en het gebruik van versiebestanden. "

02. Volg de merkrichtlijnen

Conran Design Group helped the Keep Britain Tidy campaign by giving the brand's original Tidyman logo a modern twist

Conran Design Group heeft de Groot-Brittannië Tidy Campagne geholpen door het originele Tidyman-logo van het merk een moderne twist te geven

Ten tweede zal elk project worden geleverd met digitale richtlijnen die specifiek zijn voor het merk, zegt Andrea Esteban, digitale ontwerper voor Lattenhall ​Veel van de tijd dat dit relatief routine zal zijn.

"De meeste van onze projecten komen uit bestaande klanten wiens richtlijnen waar we al bekend mee zijn," legt ze uit. "Maar voor nieuwe klanten moeten we hen vragen, volledig analyseren van hun vereisten, en nadenken over alle beperkingen die ze kunnen presenteren, in termen van bestandsgrootte en kleuren, bijvoorbeeld."

03. Test uw ontwerpen op verschillende platforms

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

In plaats van afdruk- en digitale activa afzonderlijk te maken voor Farshare, creëerde Conran Design Group een sterk verenig thema binnen het rapport dat het over andere platforms kon gebruiken

Ten derde, in een steeds veranderende digitale omgeving, moet u up-to-date blijven met de platforms waar u voor ontstaat. "Dus bijvoorbeeld", zegt Esteban, "ik heb privé-sociale media-accounts om te testen - en vervolgens verwijderen - posten, om te zien hoe ze over alle apparaten kijken.

We ontwerpen vaak vrij innovatieve berichten, zoals 'klik om te onthullen' op Twitter of 'filter om te onthullen' op Instagram, dus testen hoe alles er in-stroom uitziet in plaats van te raden is beter. Na dit alles moet het eenvoudig zijn om elke artboard te veranderen in alle verschillende maten die u nodig hebt: adjelly.com Heeft alle verschillende up-to-date-maten, maar elk platform werkt ook. "

04. Ken uw organisatie

Keep Britain Tidy needed a unified identity that better communicated the core brand

Houd Groot-Brittannië netjes nodig een uniforme identiteit die het kernmerk beter kan communiceren

Ten slotte moet u ook de systemen en processen van de organisatie begrijpen waarvoor u kunt werken.

"Junior-ontwerpers komen binnen met de basis van de voorbereiding van het ontwerp en het activabeheer, maar ze zullen niet klaar zijn voor het Studio-archiveringssysteem", zegt Rone-Clarke. "Dit is waar we veel tijd met hen doorbrengen, laten zien hoe we een fasen indienen en opzetten voor elke ontwerpopdracht."

Begrijp de deliverables

Hoeveel uw ontwerpcursus zal u voorbereiden op dit alles zal variëren. Chloe Holden, een junior ontwerper bij Conran Design Group, zegt dat Hers een beetje fragmentarisch was. "Terwijl ik had geleerd dat RGB was voor digitaal en CMYK was voor afdrukken, wat ik niet realiseerde totdat ik een stagiair was, is het belang van dubbele controle-bestandsinstellingen bij het gaan tussen digitale en afdrukbestanden," herinnert ze zich.

"Ik heb ook niet geleerd de Hows and Whies. Het is pas dat je in een studio werkt die je leert hoe je een korte tijd kunt maken en de deliverables duidelijk kunt begrijpen. "

Elena Morán, een UX / UI-ontwerper bij ATOM42 , wijst ook op het belang van de korte bij het voorbereiden van digitale activa. "Zorg ervoor dat je een goede ontvangt - en schaam je niet om terug te duwen als het niet de informatie bevat die je nodig hebt," benadrukt ze. "Een bakker kan niet werken zonder meel, en u kunt de activa niet zonder de juiste specificaties maken."

Vragen stellen

The visual theme for FareShare closely linked print and digital

Het visuele thema voor Farshare nauw verbonden print en digitaal

Het belangrijkste is om vragen te stellen, ze voegt eraan toe. "Als iemand je bijvoorbeeld vraagt ​​om een ​​display-advertentie te maken, zijn belangrijke punten om te dubbele-cheque de grootte van de benodigde dimensies en minimaal en maximaal mogelijk gewicht. Is het geanimeerd of statisch; Willen ze een stilstaand beeld of willen ze dynamische elementen? Als het geanimeerd is, willen ze dan een interactieve advertentie? Welk type bestand: JPG, PNG, MP4, HTML5? En waar wordt het weergegeven? Elk platform heeft zijn eigen unieke regels. "

Dit kan eerst enigszins overweldigend zijn. "Als een junior krijg je veel werk te doen, dus de tijd is de sleutel. Uw uren volgen maakt het zorgvuldig gemakkelijker om problemen te voorkomen en uw projecten correct te organiseren.

"En als je je overweldigd voelt, vertel je je lijnmanager, zodat ze kunnen organiseren, teruggaan en delen, indien mogelijk, met de rest van het team. Delen is zorgzaam, dus zeg niet alleen ja, of je zult eindigen het produceren van minder hoogwaardige activa als gevolg. "

Tips voor het maken van digitale activa

The logo typeface was given a ‘stamped’ effect to add interest and texture, as well as being optimised for digital applications

Het logo-lettertype kreeg een 'gestempeld' effect om interesse en textuur toe te voegen, evenals geoptimaliseerd voor digitale toepassingen

01. Werk efficiënt

"Vraag altijd welke digitale uitgang de activa nodig is voor, hoeveel versies u nodig hebt en over hoeveel breekpunten", zegt Rone-Clarke. "Een proces opzetten dat iemand anders op het ontwerpteam kan ophalen. Zorg ervoor dat u een definitieve lijst met activa hebt die moeten worden gemaakt. "

02. Begrijp doelen

"Wees duidelijk over waar je voor het ontwerpen en waar het actief eindigt," zegt Holden. "Dan weet u hoe u het optimale ontwerp kunt maken voor elke digitale toepassing. Een actief voor Instagram ziet er bijvoorbeeld heel anders uit voor één voor een webpagina. "

03. Pas de helderheid van het scherm aan

"Zorg er bij het wijzigen van kleuren voor digitaal of uw schermhelderheid op is", voegt HOLDEN toe. "Het is een eenvoudig ding, maar heel gemakkelijk te vergeten. Test het altijd en krijg een second opinion van een senior ontwerper. "

04. Bewaar activa correct

"Opslaan lijkt de gemakkelijkste stap, maar als u niet zeker bent van formaten, is het misschien de moeilijkste in het begin", zegt Esteban. "Opslaan, opslaan voor web, exporteren: ze hebben allemaal verschillende instellingen die uw leven gemakkelijker maken - of moeilijker - dus controleer welke de beste optie is om uw export te optimaliseren."

05. Krijg GIFS RECHTS

"Er is nu een grote trend voor Gifs Over video's, maar vergeet niet dat ze super gecomprimeerd zijn, wat potentieel lagere kwaliteitsinhoud betekent ", voegt Esteban toe. "Ook, als het exporteert vanuit Photoshop, vergeet dan niet alleen 500 totale frames - die klinkt als ladingen, maar het is niet!"

Gerelateerde artikelen:

  • 6 manieren om uit je creatieve sleur te komen
  • Hoe te futchend uzelf als een ontwerper
  • De beste gratis lettertypen voor ontwerpers

Procedures - Meest populaire artikelen

Webmeldingen uitschakelen voor Windows, MacOS en Android

Procedures Sep 10, 2025

(Beeldkrediet: toekomst) Als u een gewone webgebruiker bent, hebt u ongetwijfeld meldingen van websites gezien die u ..


Gebruik negatieve ruimte om betere handen te tekenen

Procedures Sep 10, 2025

Zelfs een schijnbaar complex proces zoals het tekenen van een hand kan worden vereenvoudigd, met de juiste tekeningtechnieken en ..


Meester grootschalige omgevingen in 3DS MAX

Procedures Sep 10, 2025

Het doel van dit stuk was om een ​​stuk van te produceren 3d kunst Dat is klaar om rechtstreeks van de framebu..


Hoe een chatbot-interface bouwen

Procedures Sep 10, 2025

In het midden van de 2000 ontvingen virtuele agenten en chatbots van de klantenservice veel adulatie, ook al waren ze niet erg ge..


Maak een personage met een sterke pose in Photoshop

Procedures Sep 10, 2025

Het creëren van overdreven mannelijke karakters draait alles om overdrijving, duwt de vormen, leuke, bewegings- en camera-hoek t..


Grow Plants in Houdini

Procedures Sep 10, 2025

Het sterke punt van Houdini is altijd zijn procedurele aard geweest. Met een paar knooppunten en een kleine set uitdrukkingen, ku..


Hoe maak je een RedShift-proxy in Cinema 4D

Procedures Sep 10, 2025

Cinema 4D is geweldig in veel dingen, maar het kan vertragen wanneer het veel objecten in de scène heeft, wat een ec..


Bouw een eenvoudige muziekspeler met reageer

Procedures Sep 10, 2025

Reageer is een populaire JavaScript-bibliotheek voor het bouwen van gebruikersinterfaces, en in deze tutorial ga ik z..


Categorieën