In tegenstelling tot wat je zou denken aan de naam, is dit geen app voor webontwerp. In plaats daarvan is Google Web Designer gericht op het ontwerpen van op HTML5 gebaseerde advertenties en andere soortgelijke webinhoud. De interface voelt als een kruising tussen een video-editor en een webdesign-pakket. Om er gebruik van te maken, moet je het hier gratis downloaden, voor Mac of Windows.
- Google Web Designer proberen? Download het hier gratis
De gestroomlijnde interface is vanaf het begin duidelijk (afbeelding tegoed: Google)
Ermee beginnen
Het starten van de app biedt u de mogelijkheid om door te gaan met een bestaand project, een volledig nieuw project te starten of een van de gebundelde sjablonen te gebruiken.
We kozen ervoor om eerst de sjablonen te bekijken. Er zijn er 14 om uit te kiezen en als u niet duidelijk weet wat ze bieden, 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.
Er zijn niet veel standaardsjablonen om uit te kiezen, maar met het zoekveld kunt u ongelooflijk gedetailleerde en grondige zoekopdrachten uitvoeren (afbeelding tegoed: Google)
Het zoekveld aan de rechterkant helpt u bij het verfijnen van uw keuze op basis van uw criteria, zoals het zoeken naar een uitbreidbare advertentie die werkt op tablets. Op die manier kunt u ook naar sjablonen met specifieke formaten zoeken, bijvoorbeeld door een nummer in het zoekveld te typen.
Elke preview heeft een keuze uit verschillende formaten. Selecteer er een en klik op ‘Bevestigen’.
Als u liever helemaal opnieuw werkt, kiest u in plaats daarvan ‘Nieuw’ in het opstartmenu. Je zult zien dat je verschillende keuzes krijgt die het object dat je maakt zullen definiëren. Standaard is een nieuw bestand ingesteld op ‘Banner’, maar je hebt ook 8 andere typen tot je beschikking.
U kunt de omgeving (Display en Video 360, Google AdMob, Google Ads of niet-Google Ad), het formaat ervan selecteren en of u er een responsieve advertentie van wilt maken of niet.
Zodra u klaar bent, wordt de juiste interface aan u onthuld.
Een sjabloon helpt u op weg te gaan en biedt u een kant-en-klaar formaat (afbeelding tegoed: Google)
Koppel
De werkruimte is uiterst flexibel en alleen al 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 van grootte worden veranderd, panelen kunnen aan verschillende groepen worden toegevoegd, enz., Wat zorgt voor een opmerkelijk flexibel systeem.
Werken met middelen
De bestanden die u in uw project gebruikt, kunnen worden binnengebracht via de opdracht Items importeren, of eenvoudiger door ze naar uw werkruimte te slepen en neer te zetten.
Het manipuleren ervan is niet zo intuïtief als u gewend bent met andere creatieve apps, en u zult merken dat u vaak de eigenschappenpanelen bezoekt om zelfs eenvoudige wijzigingen aan uw items aan te brengen. Wanneer je met de meeste apps tegenwoordig een item direct kunt wijzigen, voelt dit in het begin een beetje ongemakkelijk, hoewel je er wel aan went.
Dit is echter geen hulpmiddel voor het samenstellen van afbeeldingen. Google Web Designer kan geen items voor u maken en u moet een andere app zoals Photoshop gebruiken om ze eerst klaar te maken. Als u alleen een statische afbeelding nodig heeft, heeft u natuurlijk geen Google-app nodig. Het is van groot nut voor jou als je strakke animaties en web-compatibele code wilt.
Animatie is een beetje ingewikkeld, maar je beheerst het snel (Image credit: Google)
Animatie
Animeren is een simpele kwestie van het instellen van keyframes op verschillende tijdstippen. Als je gewend bent aan filmmaken, begrijp je het snel.
De benadering van de app is echter een beetje duister, want zodra u een keyframe heeft ingesteld, moet u de waarde van de parameter die u wilt animeren wijzigen om die parameter in te stellen als een parameter die u wilt animeren. Er is geen knop om een ​​waarde te vergrendelen om het proces te starten, dus het handmatig wijzigen van de waarde en vervolgens terugzetten is de enige manier waarop de app weet welke parameter u in de loop van de tijd gaat wijzigen.
Zodra dat is gebeurd, worden alle wijzigingen die u op een ander punt op de tijdlijn wilt aanbrengen in dezelfde parameter, automatisch ingesteld, zoals u zou verwachten.
Frustrerend genoeg weet u niet welke parameters daadwerkelijk zijn geanimeerd, wat betekent dat als u op een later tijdstip teruggaat naar uw project, u niet in één oogopslag weet welke waarden van activa worden verplaatst en wanneer.
De tijdlijn vertelt je welke objecten zijn geanimeerd, 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 heel goed. Je kunt zelfs animeren in 3D.
Aan het eind van de dag maakt Google Web Designer het u gemakkelijk om een ​​breed scala aan webadvertenties te ontwerpen, zonder zelf een regel code te hoeven schrijven, wat een groot pluspunt is.
Als u vertrouwd bent met coderen, kunt u uw project rechtstreeks wijzigen (afbeelding tegoed: Google)
Dit betekent echter niet dat er niet aan programmeurs wordt voldaan: klik op Codeweergave om uw project in onbewerkte code te bekijken, die u vervolgens vrij kunt wijzigen om aan uw specifieke behoeften te voldoen, mocht de Design View niet geschikt zijn voor uw behoeften.
Voorvertoning opent uw geselecteerde webbrowser en laat u zien hoe uw advertentie (s) eruit ziet (afbeelding tegoed: Google)
Voorbeeld
De Ad Validator-sectie 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 selectievakjes.
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 dan en activeert de advertentie.
Als u geen specifieke dimensie heeft ingesteld, worden u verschillende formaten aangeboden, zodat u kunt kiezen welke u wilt bekijken (ze worden standaard allemaal weergegeven).
En klik op Publiceren wanneer u klaar bent met uw werk. Je kunt het lokaal opslaan op je harde schijf of uploaden naar verschillende Google-locaties.
Je hebt ook de mogelijkheid om je project op te slaan als sjabloon, die je later opnieuw kunt gebruiken.
Als u verdwaald of verward bent, kunt u op de helppagina’s en forums gemakkelijk antwoorden op uw problemen vinden (afbeelding tegoed: Google)
Ondersteuning
De eerste keer met een app werken kan een hele klus zijn, dus wees gerust, Google biedt uitgebreide artikelen over hoe u het meeste uit zijn Web Designer kunt halen, en het gebruikersforum is ook gevuld met nuttige discussies. Beide helpen u de app te begrijpen en de meeste (zo niet alle) problemen op te lossen die u mogelijk heeft.
Eindoordeel
Google Web Designer is een mooie app waarmee u snel webadvertenties kunt maken, of u nu codering kent of niet. Het is niet de best ontworpen app op het Mac-platform en haalt meer uit 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 gemarkeerd
