In tegenstelling tot wat je misschien uit de naam zou denken, is dit geen app voor webontwerp. In plaats daarvan richt Google Web Designer zich op het ontwerpen van op HTML5 gebaseerde advertenties en andere soortgelijke webinhoud. De interface voelt als een kruising tussen een video-editor en een webontwerppakket. Om hiervan te profiteren, moet u het hier gratis downloaden, voor Mac of Windows.
- Wilt u Google Web Designer proberen? Download het hier gratis
Beginnen
Door de app te starten, kunt u doorgaan met een bestaand project, een nieuw project starten of een van de meegeleverde sjablonen gebruiken.
We hebben ervoor gekozen om eerst de sjablonen te bekijken. Er zijn 14 om uit te kiezen en als u niet duidelijk weet wat ze aanbieden, klikt u gewoon op een van hen om een beschrijving te krijgen van wat u kunt verwachten, evenals de apparaten die door die sjabloon worden ondersteund.
Het zoekveld aan de rechterkant helpt u uw keuze te verfijnen op basis van uw criteria, zoals het zoeken naar een uitvouwbare advertentie die werkt op tablets. U kunt op die manier ook zoeken naar sjablonen met specifieke formaten, bijvoorbeeld door gewoon een cijfer in het zoekveld te typen.
Elke preview heeft een keuze uit formaten. Selecteer er een en klik op ‘Bevestigen’.
Als u liever helemaal opnieuw werkt, kiest u in plaats daarvan ‘Nieuw’ in het opstartmenu. U zult zien dat u verschillende keuzes krijgt die het object dat u aan het maken bent, zullen bepalen. Standaard is een nieuw bestand ingesteld op ‘Banner’, maar u heeft ook 8 andere typen tot uw beschikking.
U kunt de omgeving (Display en Video 360, Google AdMob, Google Ads of niet-Google-advertentie), de grootte en of u er een responsieve advertentie van wilt maken, selecteren.
Zodra u klaar bent, wordt de juiste interface aan u onthuld.
Koppel
De werkruimte is extreem flexibel, en alleen omdat zijbalken op een locatie verschijnen wanneer u de app opent, betekent dit niet dat ze daar moeten blijven als u de voorkeur geeft aan een andere werkomgeving. Secties kunnen bijvoorbeeld vrij zwevende vensters worden en tabbladen kunnen opnieuw worden gerangschikt, groepen kunnen worden vergroot of verkleind, panelen kunnen aan verschillende groepen worden toegevoegd, enz., Wat zorgt voor een opmerkelijk flexibel systeem.
Werken met activa
De bestanden die u in uw project gebruikt, kunnen worden binnengehaald via de opdracht Activa importeren, of eenvoudiger door ze naar uw werkruimte te slepen.
Het manipuleren ervan is niet zo intuïtief als u misschien gewend bent met andere creatieve apps, en u zult merken dat u de eigenschappenvensters vaak bezoekt om zelfs eenvoudige wijzigingen aan uw items aan te brengen. Wanneer je tegenwoordig met de meeste apps een asset rechtstreeks kunt wijzigen, voelt dit in het begin een beetje onwennig, hoewel je er wel aan went.
Dit is echter geen hulpmiddel voor het samenstellen van afbeeldingen. Google Web Designer kan geen middelen voor u maken en u moet een andere app zoals Photoshop gebruiken om ze eerst gereed te maken. Als u alleen een statische afbeelding nodig heeft, heeft u de Google-app natuurlijk niet nodig. Het is van groot nut voor u, als u gestroomlijnde animaties en web-compatibele code wilt.
Animatie
Animeren is een kwestie van keyframes op verschillende tijdstippen instellen. Als je gewend bent aan het maken van films, zul je er vrij snel achter komen.
De benadering van de app is echter een beetje onduidelijk, want als je eenmaal een keyframe hebt ingesteld, moet je de waarde van de parameter die je wilt animeren wijzigen om die parameter in te stellen als een parameter die je wilt animeren. Er is geen knop om een waarde op zijn plaats te vergrendelen om het proces te starten, dus het handmatig wijzigen van de waarde en vervolgens terugzetten is de enige manier voor de app om te weten welke parameter u in de loop van de tijd gaat wijzigen.
Als dat eenmaal is gebeurd, worden alle wijzigingen die u op een ander punt op de tijdlijn in diezelfde parameter aanbrengt, automatisch ingesteld, zoals u zou verwachten.
Frustrerend genoeg heb je geen manier om te weten welke parameters daadwerkelijk zijn ingesteld om te worden geanimeerd, wat betekent dat als je op een later tijdstip teruggaat naar je project, je niet in één oogopslag weet welke waarden van activa zijn ingesteld om te veranderen en wanneer.
De tijdlijn vertelt je welke objecten geanimeerd zijn, maar je weet niet welke parameters tenzij je de animatie afspeelt. Dit is verre van efficiënt.
Desondanks is het relatief eenvoudig om objecten op het scherm te animeren, en het eindresultaat werkt erg goed. U kunt zelfs in 3D animeren.
Uiteindelijk maakt Google Web Designer het u gemakkelijk om een breed scala aan webadvertenties te ontwerpen, zonder dat u zelf een regel code hoeft te schrijven, wat een groot pluspunt is.
Dit wil echter niet zeggen dat er niet aan codeerders wordt gedacht: klik op Codeweergave om uw project in onbewerkte code te zien, die u vervolgens vrij kunt aanpassen aan uw specifieke behoeften, mocht de ontwerpweergave niet geschikt zijn voor uw behoeften.
Voorbeeld
De sectie Advertentievalidatie houdt uw project bij en vertelt u in één oogopslag hoe groot het bestand zal zijn en of er iets mis is met wat u heeft gemaakt door het gebruik van vriendelijk ogende groene aankruisvakjes.
Om te zien hoe uw project eruitziet in een webbrowser, klikt u op de knop Voorbeeld en kiest u degene die u wilt gebruiken. Google Web Designer start het vervolgens en activeert de advertentie.
Als u geen specifieke dimensie heeft ingesteld, worden er verschillende formaten aangeboden, zodat u kunt kiezen van welke afmetingen u een voorbeeld wilt bekijken (ze worden standaard allemaal weergegeven).
En als u klaar bent met uw werk, klikt u op Publiceren. U kunt het lokaal op uw harde schijf opslaan of uploaden naar verschillende Google-locaties.
U heeft ook de mogelijkheid om uw project op te slaan als een sjabloon, die u op een later tijdstip opnieuw kunt gebruiken.
Ondersteuning
Voor het eerst met een app werken kan een hele klus zijn, dus wees gerust dat Google uitgebreide artikelen biedt over hoe u het meeste uit de webdesigner kunt halen, en het gebruikersforum staat ook vol met nuttige discussies. Beide zullen u helpen de app te begrijpen en de meeste (zo niet alle) problemen op te lossen.
Eindoordeel
Google Web Designer is een mooie app waarmee u snel webadvertenties kunt maken, of u nu bekend bent met coderen of niet. Het is niet de best ontworpen app op het Mac-platform, meer gebaseerd op de richtlijnen van de Windows-gebruikersinterface, maar het werkt zoals geadverteerd en produceert goede geanimeerde projecten. Zeker de moeite van het bekijken waard.
- We hebben ook de beste websitebouwer uitgelicht
