Päinvastoin kuin luulisi sen nimen perusteella, tämä ei ole verkkosuunnittelusovellus. Sen sijaan Google Web Designer on keskittynyt HTML5-pohjaisten mainosten ja muun vastaavan verkkosisällön suunnitteluun. Käyttöliittymä tuntuu ristiriidalta videoeditorin ja verkkosuunnittelupaketin välillä. Jotta voit hyödyntää sitä, sinun on ladattava se täältä ilmaiseksi joko Macille tai Windowsille.
- Haluatko kokeilla Google Web Designeria? Lataa se ilmaiseksi täältä
Päästä alkuun
Sovelluksen käynnistäminen antaa sinulle mahdollisuuden jatkaa olemassa olevaa projektia, aloittaa uuden alusta alkaen tai käyttää jotakin mukana tulevista malleista.
Valitsimme ensin tarkistaa mallit. Valittavanasi on 14, ja jos et ole varma, mitä he tarjoavat, napsauta vain kumpaakin niistä saadaksesi kuvauksen siitä, mitä odottaa, sekä laitteita, joita kyseinen malli tukee.
Oikealla oleva hakukenttä auttaa sinua kaventamaan valintasi kriteeriesi perusteella - kuten etsimään tablet-laitteille toimivaa laajennettavaa lisäystä. Voit myös etsiä malleja, joilla on tietyt koot, esimerkiksi kirjoittamalla numero hakukenttään.
Jokaisessa esikatselussa on eri kokoja. Valitse yksi ja paina Vahvista.
Jos haluat työskennellä mieluummin tyhjästä, valitse sen sijaan käynnistysvalikosta Uusi. Näet, että sinulle annetaan useita vaihtoehtoja, jotka määrittelevät luomasi objektin. Oletuksena uudeksi tiedostoksi on asetettu Banneri, mutta käytettävissäsi on myös 8 muuta tyyppiä.
Voit valita ympäristön (Display ja Video 360, Google AdMob, Google Ads tai muu kuin Google-mainos), sen koon ja sen, tehdäänkö siitä reagoiva mainos vai ei.
Kun olet valmis, oikea käyttöliittymä paljastetaan sinulle.
Käyttöliittymä
Työtila on erittäin joustava, ja se, että sivupalkit näkyvät paikassa, kun avaat sovelluksen, ei tarkoita, että niiden on pysyttävä siellä, jos haluat eri työympäristön. Osioista voi tulla esimerkiksi vapaasti kelluvia ikkunoita, ja välilehdet voidaan järjestää uudelleen, ryhmien kokoa voidaan muuttaa, paneeleja voidaan lisätä eri ryhmiin jne., Mikä tekee huomattavan joustavasta järjestelmästä.
Työskentely omaisuuden kanssa
Projektissasi käyttämäsi tiedostot voidaan tuoda Import Assets -komennolla tai yksinkertaisemmin vetämällä ja pudottamalla ne työtilaan.
Niiden manipulointi ei ole niin intuitiivista kuin olet tottunut muihin luoviin sovelluksiin, ja huomaat vierailevasi usein ominaisuuspaneeleissa tekemällä edes yksinkertaisia muutoksia omaisuuteen. Kun useimmat sovellukset sallivat sinun muuttaa nykyistä omaisuutta suoraan, tämä tuntuu aluksi hieman hankalalta, vaikka totutkin siihen.
Tämä ei kuitenkaan ole kuvan sommittelutyökalu. Google Web Designer ei voi luoda sinulle resursseja, ja sinun tulee käyttää niitä toisella sovelluksella, kuten Photoshop. Tietysti, jos tarvitset vain staattisen kuvan, et tarvitse Googlen sovellusta. Siitä on paljon hyötyä sinulle kovaa, jos haluat tyylikäs animaatioita ja web-yhteensopiva koodi.
Animaatio
Animaatio on yksinkertainen asia asettaa avainkehykset eri ajankohtiin. Jos olet tottunut elokuvien tekemiseen, saat ydin siitä melko nopeasti.
Sovelluksen lähestymistapa on kuitenkin hieman hämärä, mutta kun olet asettanut avainkehyksen, joudut muuttamaan animoidun parametrin arvoa asettamaan kyseisen parametrin animoitavaksi. Arvon lukitsemiseksi ei ole painiketta, jotta prosessi voidaan aloittaa, joten arvon muuttaminen manuaalisesti ja sen asettaminen takaisin on ainoa tapa, jolla sovellus tietää, mitä parametria aiot muuttaa ajan myötä.
Kun se on kuitenkin tehty, kaikki muutokset, jotka on tehtävä samaan parametriin toisessa pisteessä aikajanalla, määritetään automaattisesti, kuten oletit.
Turhauttavasti sinulla ei ole mitään tapaa tietää, mitkä parametrit on todella asetettu animoitaviksi, mikä tarkoittaa, että jos palaat projektiin myöhemmin, et tiedä yhdellä silmäyksellä, minkä omaisuuden arvot on asetettu liikkumaan ja milloin.
Aikajana kertoo sinulle, mitkä objektit ovat animoituja, mutta et tiedä mitkä parametrit ellet toista animaatiota. Tämä on kaukana tehokkuudesta.
Tästä huolimatta näytön esineiden animointi on suhteellisen helppoa, ja lopputulos toimii erittäin hyvin. Voit animoida jopa 3D-muodossa.
Päivän päätteeksi Google Web Designerin avulla voit helposti suunnitella laajan valikoiman verkkomainoksia ilman, että sinun tarvitsee edes kirjoittaa koodiriviä itse, mikä on iso plus.
Tämä ei kuitenkaan tarkoita sitä, että koodereita ei oteta huomioon: napsauta Koodinäkymä nähdäksesi projektisi raakakoodina, jota voit sitten vapaasti muuttaa vastaamaan erityistarpeitasi, jos Designnäkymä ei sovi sinun tarpeisiin.
Esikatselu
Mainosten vahvistaja -osa seuraa projektiasi ja kertoo yhdellä silmäyksellä, kuinka suuri tiedosto on ja onko siinä jotain vikaa, kun olet luonut ystävällisen näköisiä vihreitä valintaruutuja.
Jos haluat nähdä, miltä projekti näyttää verkkoselaimessa, napsauta Esikatselu-painiketta ja valitse haluamasi projekti. Google Web Designer käynnistää sen ja aktivoi mainoksen.
Jos et määrittänyt tiettyä ulottuvuutta, sinulle tarjotaan erikokoisia vaihtoehtoja, joiden avulla voit valita esikatselun (kaikki näytetään oletuksena).
Kun olet valmis, paina Julkaise. Voit tallentaa sen paikallisesti kiintolevylle tai ladata sen eri Google-sijainteihin.
Sinulla on myös mahdollisuus tallentaa projektisi mallina, jota voit käyttää myöhemmin uudelleen.
Tuki
Ensimmäisen kerran sovelluksen kanssa työskenteleminen voi olla pelottava tehtävä, joten ole varma, että Google tarjoaa kattavia artikkeleita siitä, kuinka hyödyntää Web-suunnittelijaansa parhaalla mahdollisella tavalla, ja käyttäjäfoorumi on myös täynnä hyödyllisiä keskusteluja. Molemmat auttavat sinua ymmärtämään sovellusta ja ratkaisemaan useimmat (ellei kaikki) ongelmat.
Lopullinen tuomio
Google Web Designer on hyvännäköinen sovellus, jonka avulla voit luoda verkkomainoksia nopeasti riippumatta siitä, tiedätkö koodauksen vai ei. Se ei ole parhaiten suunniteltu sovellus Mac-alustalla, ottaen enemmän vihjeitä Windowsin käyttöliittymän ohjeista, mutta se toimii mainostettuna ja tuottaa hyviä animoituja projekteja. Ehdottomasti kannattaa tarkistaa.
- Olemme myös korostaneet parhaan verkkosivustojen rakentajan