Het maken van intro's of het toevoegen van tekst en titels aan je video kan frustrerend zijn - je hebt het gevoel dat het er niet helemaal goed uitziet, maar je weet niet precies wat er verbeterd kan worden. We zullen het probleem van het maken van intro's en het toevoegen van tekst aan video's ontleden met behulp van een eenvoudig raamwerk.
C.R.A.P is een eenvoudig en gemakkelijk te onthouden (om voor de hand liggende redenen) raamwerk dat door ontwerper Robin Williams naar voren is gebracht in haar boek The Non-Designer's Design Book. Bekijk het eens als je een beginnende interesse in design hebt en dit wilt koesteren.
Dus laten we aan de slag gaan.
Laten we voor de analyse deze intro nemen die ik op Typito heb gemaakt, met behulp van de eenvoudigste elementen die voor mij beschikbaar zijn:een rechthoek, fade-in-overgang en een reeks lettertypen.
De flauwe, eenvoudige manier om uw video te introduceren
C.R.A.P
Contrast
Contrast moet worden gebruikt om de belangrijkste punten te benadrukken die het publiek zou moeten onthouden.
In de bovenstaande intro zijn er slechts twee stukjes informatie, en de belangrijkste daarvan is de titel. We moeten de aandacht van de kijker op de titel vestigen, en dat kan worden bereikt door de titel een grotere lettergrootte te geven, zodat het eerste dat opvalt de titel is.
Een onderscheid maken tussen de titel en de ondertitel
Herhaling
Herhaling is het verenigen van alle onderdelen van het ontwerp door consistentie te bereiken
Als je naar het ontwerp van de intro kijkt, zijn er drie elementen:de rechthoekige patronen, de titel en de slogan die de titel ondersteunt. De drie elementen zijn niet van elkaar te onderscheiden en dit maakt de intro saai.
Nu kunnen we een apart lettertype geven aan de titel en de ondertitel om ze van elkaar te laten opvallen. Deze stijl kan vervolgens worden overgenomen in andere titels of tekst die je in de video moet toevoegen. Ik heb Roboto Black gebruikt voor de titel en Raleway voor de ondertitel.
Behalve dat ik aparte fontfaces heb gegeven, heb ik de schaduw van de ondertitel verwijderd, nu valt de titel meer op.
De rechthoekige patronen kunnen worden verenigd door ze één kleur te geven. Dit geeft ook een contrast tussen de patronen en de tekst, wat het een lust voor het oog maakt.
Uitlijning
Niets mag willekeurig worden geplaatst, elk element moet een relatie hebben met een ander element op de pagina (video in ons geval)
Nu bevindt de intro-animatie zich in het midden van de video, daarom kan het gepast zijn om de titel en de ondertitel in het midden uit te lijnen.
Je kunt ook zien dat de video langzaam van rechts naar links schuift, dus het zou er waarschijnlijk goed uitzien als we een onthulling kunnen geven in de overgang van rechts. Na een beetje spelen met de snelheid van de overgang:
Gewoon soepel naar binnen schuiven
Nabijheid
Items of informatiegroepen die niet aan elkaar gerelateerd zijn, mogen niet dicht bij de andere elementen staan, waardoor de lezer direct een visuele aanwijzing krijgt voor de organisatie en inhoud van de pagina (in ons geval wederom video)
Dit is niet noodzakelijkerwijs van toepassing op onze intro, aangezien deze maar heel weinig elementen bevat. Maar een ding om op te merken is dat je niet moet proberen om te veel elementen of tekst tegelijkertijd in te passen. Als je bijvoorbeeld een andere titel hebt die de video in verschillende hoofdstukken verdeelt, moet je waarschijnlijk een ander frame kiezen om de video in te plaatsen.
Plaats niet te veel inhoud in hetzelfde frame, spreid ze uit
We hadden veel over deze principes nagedacht toen we Typito maakten, daarom zijn ze standaard meegenomen in de bewegingssjablonen die we hebben gemaakt. Je kunt een van de sjablonen gebruiken die we hebben gemaakt, of het C.R.A.P-principe gebruiken om een geweldige intro voor je YouTube-video te maken.
De bewegingssjablonen die beschikbaar zijn op Typito