I motsetning til hva du kanskje tror fra navnet, er dette ikke en webdesign-app. I stedet er Google Web Designer fokusert på å designe HTML5-baserte annonser og annet lignende nettinnhold. Grensesnittet føles som et kryss mellom en videoredigerer og en webdesignpakke. For å dra nytte av det, må du laste det ned gratis herfra, enten for Mac eller Windows.
- Vil du prøve Google Web Designer? Last den ned gratis her
Starter
Å starte appen gir deg muligheten til å fortsette med et eksisterende prosjekt, starte et nytt fra bunnen av, eller bruke en av de medfølgende malene.
Vi valgte å sjekke malene først. Det er 14 å velge mellom, og hvis du ikke er klar over hva de tilbyr, er det bare å klikke på en av dem for å få en beskrivelse av hva du kan forvente, samt enhetene som støttes av den malen.
Søkefeltet til høyre hjelper deg å begrense valget ditt ut fra kriteriene dine - for eksempel å lete etter et utvidbart tillegg som fungerer på nettbrett. Du kan se etter maler med bestemte størrelser på den måten også, for eksempel bare ved å skrive et nummer i søkefeltet.
Hver forhåndsvisning har et utvalg av størrelser. Velg en og trykk 'Bekreft'.
Hvis du heller vil jobbe helt fra bunnen av, velger du i stedet Ny. Du ser at du får forskjellige valg som vil definere objektet du oppretter. Som standard er en ny fil satt til 'Banner', men du har også 8 andre typer tilgjengelig.
Du kan velge miljøet (Display og Video 360, Google AdMob, Google Ads eller ikke-Google Ad), størrelsen, og om du vil gjøre det til en responsiv annonse eller ikke.
Når du er klar, blir det riktige grensesnittet avslørt for deg.
Grensesnitt
Arbeidsområdet er ekstremt fleksibelt, og bare fordi sidefelt vises på et sted når du åpner appen, betyr ikke det at de må være der hvis du foretrekker et annet arbeidsmiljø. Seksjoner kan for eksempel bli frittflytende vinduer, og faner kan endres, grupper kan endres, paneler kan legges til forskjellige grupper osv., Noe som gir et bemerkelsesverdig fleksibelt system.
Arbeide med eiendeler
Filene du bruker i prosjektet, kan hentes inn via kommandoen Importer eiendeler, eller enklere ved å dra og slippe dem på arbeidsområdet ditt.
Å manipulere dem er ikke så intuitivt som du kan være vant til med andre kreative apper, og du vil ofte besøke egenskapspanelene for å gjøre enda enkle endringer i eiendelene dine. Når de fleste apper i disse dager lar deg endre en eiendel direkte, føles dette først vanskelig, selv om du blir vant til det.
Dette er imidlertid ikke et bildesammensetningsverktøy. Google Web Designer kan ikke opprette ressurser for deg, og du bør bruke en annen app som Photoshop for å gjøre dem klar først. Selvfølgelig, hvis alt du trenger er et statisk bilde, trenger du ikke Googles app. Det er til stor nytte for deg tøffe, hvis du vil ha slanke animasjoner og webkompatibel kode.
Animasjon
Animering er et enkelt spørsmål om å sette nøkkelbilder på forskjellige tidspunkter. Hvis du er vant til filmskaping, får du kjernen i det ganske raskt.
Appens tilnærming er litt uklar, men når du har angitt en nøkkelramme, må du endre verdien på parameteren du vil animere for å angi parameteren som en du vil animere. Det er ingen knapp for å låse en verdi på plass for å starte prosessen, så manuell endring av verdien og deretter tilbakestilling er den eneste måten for appen å vite hvilken parameter du skal endre over tid.
Når det først er gjort, blir eventuelle endringer som gjøres til den samme parameteren på et annet tidspunkt langs tidslinjen, angitt automatisk, slik du forventer.
Frustrerende, du har ingen måte å vite hvilke parametere som faktisk er satt til å bli animert, noe som betyr at hvis du skulle gå tilbake til prosjektet ditt på et senere tidspunkt, vil du ikke raskt vite hvilket aktivas verdier er satt til å flytte og når.
Tidslinjen vil fortelle deg hvilke objekter som er animerte, men du vet ikke hvilke parametere med mindre du spiller animasjonen. Dette er langt fra effektivt.
Til tross for dette er det relativt enkelt å animere objekter på skjermen, og sluttresultatet fungerer veldig bra. Du kan til og med animere i 3D.
På slutten av dagen gjør Google Web Designer det enkelt for deg å designe et bredt spekter av nettannonser, uten selv å måtte skrive en kodelinje selv, noe som er et stort pluss.
Dette betyr imidlertid ikke å si at kodere ikke imøtekommes: klikk på Code View for å se prosjektet ditt i rå kode, som du da kan endre for å dekke dine spesifikke behov, hvis Design View ikke passer for deg behov.
Forhåndsvisning
Annonsevalideringsdelen holder oversikt over prosjektet ditt og forteller deg raskt hvor stor filen vil være, og om det er noe galt med det du har opprettet ved bruk av vennlige, grønne kryssfelt.
For å se hvordan prosjektet ditt ser ut i en nettleser, klikk på Preview-knappen og velg den du vil bruke. Google Web Designer starter den og aktiverer annonsen.
Hvis du ikke har angitt en bestemt dimensjon, vil forskjellige størrelser bli tilbudt deg, slik at du kan velge hvilken eller hvilke du vil forhåndsvise (alle er presentert som standard).
Når du er ferdig med arbeidet ditt, trykker du på Publiser. Du kan lagre den lokalt på harddisken eller laste den opp til forskjellige Google-steder.
Du har også muligheten til å lagre prosjektet som en mal, som du kan bruke på et senere tidspunkt.
Brukerstøtte
Å jobbe med en app for første gang kan være en skremmende oppgave, så vær trygg på at Google tilbyr omfattende artikler om hvordan du får mest mulig ut av sin webdesigner, og brukerforumet er også fylt med nyttige diskusjoner. Begge vil hjelpe deg med å forstå appen og løse de fleste (om ikke alle) problemer du måtte ha.
Endelig dom
Google Web Designer er en pen app som lar deg lage nettannonser raskt, enten du vet koding eller ikke. Det er ikke den best designede appen på Mac-plattformen, og henter dens signaler mer fra Windows-brukergrensesnittets retningslinjer, men den fungerer som annonsert, og produserer gode animerte prosjekter. Absolutt verdt å sjekke ut.
- Vi har også fremhevet den beste nettstedbyggeren
