I motsats till vad du kanske tänker utifrån dess namn är detta inte en webbdesignapp. I stället fokuserar Google Web Designer på att utforma HTML5-baserade annonser och annat liknande webbinnehåll. Gränssnittet känns som en korsning mellan en videoredigerare och ett webbdesignpaket. För att dra nytta av det måste du ladda ner det gratis härifrån, antingen för Mac eller Windows.
- Vill du prova Google Web Designer? Ladda ner det gratis här
Komma igång
Att lansera appen ger dig möjlighet att fortsätta med ett befintligt projekt, starta ett nytt från grunden eller använda en av de medföljande mallarna.
Vi valde att kolla mallarna först. Det finns 14 att välja mellan och om du inte vet vad de erbjuder klickar du bara på någon av dem för att få en beskrivning av vad du kan förvänta dig, samt vilka enheter som stöds av den mallen.
Sökfältet till höger hjälper dig att begränsa ditt val baserat på dina kriterier - som att leta efter ett utökbart tillägg som fungerar på surfplattor. Du kan också leta efter mallar med specifika storlekar, till exempel bara genom att skriva ett nummer i sökfältet.
Varje förhandsvisning har olika storlekar. Välj en och tryck på "Bekräfta".
Om du hellre vill arbeta från grunden väljer du istället ”Nytt” från startmenyn. Du ser att du får olika val som definierar objektet du skapar. Som standard är en ny fil inställd på "Banner", men du har också åtta andra typer tillgängliga.
Du kan välja miljön (Display och Video 360, Google AdMob, Google Ads eller icke-Google Ad), dess storlek och om du vill göra den till en responsiv annons eller inte.
När du är redo avslöjas det korrekta gränssnittet för dig.
Gränssnitt
Arbetsytan är extremt flexibel och bara för att sidofält visas på en plats när du öppnar appen betyder det inte att de måste stanna kvar om du föredrar en annan arbetsmiljö. Avsnitt kan till exempel bli fritt flytande fönster och flikar kan ordnas om, grupper kan ändras, paneler kan läggas till i olika grupper etc., vilket ger ett anmärkningsvärt flexibelt system.
Arbeta med tillgångar
Filerna du använder i ditt projekt kan hämtas via kommandot Importera tillgångar, eller enklare genom att dra och släppa dem på din arbetsyta.
Att hantera dem är inte så intuitivt som du kunde vara van vid med andra kreativa appar och du kommer ofta att besöka fastighetspanelerna för att göra till och med enkla ändringar i dina tillgångar. När de flesta appar idag tillåter dig att ändra en tillgång direkt, känns det lite besvärligt först, även om du vänjer dig vid det.
Detta är dock inte ett bildkomponeringsverktyg. Google Web Designer kan inte skapa tillgångar åt dig och du bör använda en annan app som Photoshop för att göra dem redo först. Om allt du behöver är en statisk bild behöver du naturligtvis inte Googles app. Det är till stor nytta för dig tuffa, om du vill ha snygga animationer och webbkompatibel kod.
Animering
Animering är en enkel fråga om att ställa in nyckelbilder vid olika tidpunkter. Om du är van vid filmskapning får du kärnan i det ganska snabbt.
Appens tillvägagångssätt är dock lite oklart, som när du väl har ställt in en nyckelbild måste du ändra värdet på parametern du vill animera för att ställa in parametern som en du vill animera. Det finns ingen knapp för att låsa ett värde på plats för att starta processen, så att manuellt ändra värdet och sedan sätta tillbaka det är det enda sättet för appen att veta vilken parameter du ska ändra över tiden.
När det väl är gjort kommer alla ändringar som görs av samma parameter vid en annan punkt längs tidslinjen att ställas in automatiskt, som du förväntar dig.
Frustrerande har du inget sätt att veta vilka parametrar som faktiskt är inställda att animeras, vilket innebär att om du skulle gå tillbaka till ditt projekt vid ett senare tillfälle vet du inte med en överblick vilken tillgångs värden är inställda att flytta och när.
Tidslinjen visar vilka objekt som är animerade, men du vet inte vilka parametrar om du inte spelar animeringen. Detta är långt ifrån effektivt.
Trots detta är det relativt enkelt att animera alla objekt på skärmen, och slutresultatet fungerar mycket bra. Du kan till och med animera i 3D.
I slutet av dagen gör Google Web Designer det enkelt för dig att designa ett brett utbud av webbannonser utan att ens behöva skriva en kodrad själv, vilket är ett stort plus.
Det betyder dock inte att säga att kodare inte tillgodoses: klicka på kodvyn för att se ditt projekt i rå kod, som du sedan kan ändra för att passa dina specifika behov, om designvyn inte passar din behov.
Förhandsvisning
Avsnittet Annonsvaliderare håller reda på ditt projekt och berättar omedelbart hur stor filen blir och om det är något fel med det du har skapat genom att använda gröna kryssrutor som ser snyggt ut.
För att se hur ditt projekt ser ut i en webbläsare, klicka på Preview-knappen och välj den du vill använda. Google Web Designer startar sedan den och aktiverar annonsen.
Om du inte har angett en specifik dimension kommer olika storlekar att erbjudas dig, så att du kan välja vilka eller vilka du vill förhandsgranska (alla visas som standard).
Och när du har slutfört ditt arbete trycker du på Publicera. Du kan spara den lokalt på din hårddisk eller ladda upp den till olika Google-platser.
Du har också möjlighet att spara ditt projekt som en mall, som du kan återanvända vid ett senare tillfälle.
Stöd
Att arbeta med en app för första gången kan vara en skrämmande uppgift, så var säker på att Google erbjuder omfattande artiklar om hur man får ut det mesta av sin webbdesigner, och användarforumet är också fyllt med användbara diskussioner. Båda hjälper dig att förstå appen och lösa de flesta (om inte alla) problem du kan ha.
Slutlig dom
Google Web Designer är en snygg app som gör att du snabbt kan skapa webbannonser oavsett om du känner till kodning eller inte. Det är inte den bäst utformade appen på Mac-plattformen, med sina ledtrådar mer från Windows användargränssnittsriktlinjer, men den fungerar som annonserad och ger bra animerade projekt. Definitivt värt att kolla in.
- Vi har också markerat den bästa webbplatsbyggaren