Na rozdíl od toho, co si možná myslíte z jejího názvu, nejde o aplikaci pro webový design. Místo toho se Google Web Designer zaměřuje na navrhování reklam založených na HTML5 a dalšího podobného webového obsahu. Rozhraní vypadá jako kříženec mezi editorem videa a balíčkem webdesignu. Abyste toho mohli využít, musíte si jej zdarma stáhnout odtud, ať už pro Mac nebo Windows.
- Chcete vyzkoušet Google Web Designer? Stáhněte si jej zdarma zde
Začínáme
Spuštění aplikace vám nabízí možnost pokračovat v existujícím projektu, zahájit nový od začátku nebo použít některou z dodávaných šablon.
Rozhodli jsme se nejprve zkontrolovat šablony. Můžete si vybrat ze 14 a pokud si nejste jistí, co nabízejí, stačí kliknout na některý z nich a získat popis toho, co můžete očekávat, stejně jako zařízení, která jsou touto šablonou podporována.
Vyhledávací pole vpravo vám pomůže zúžit výběr podle vašich kritérií - například při hledání rozšiřitelné doplňky, která funguje na tabletech. I tímto způsobem můžete hledat šablony se specifickými velikostmi, například pouhým zadáním čísla do vyhledávacího pole.
Každý náhled má výběr velikostí. Vyberte jednu a stiskněte „Potvrdit“.
Pokud raději pracujete od nuly, zvolte místo toho v nabídce spuštění možnost Nový. Uvidíte, že máte různé možnosti, které definují vytvářený objekt. Ve výchozím nastavení je nový soubor nastaven na „Banner“, ale máte k dispozici také dalších 8 typů.
Můžete vybrat prostředí (Display and Video 360, Google AdMob, Google Ads nebo Non-Google Ad), jeho velikost a to, zda z něj bude responzivní reklama.
Jakmile budete připraveni, odhalí se vám správné rozhraní.
Rozhraní
Pracovní prostor je extrémně flexibilní a to, že se postranní lišty objevují na místě, když otevřete aplikaci, neznamená, že tam musí zůstat, pokud dáváte přednost jinému pracovnímu prostředí. Sekce se mohou stát například volně plovoucími okny a je možné změnit pořadí karet, změnit velikost skupin, přidat panely do různých skupin atd., Což vytváří pozoruhodně flexibilní systém.
Práce s aktivy
Soubory, které používáte ve svém projektu, lze přenést pomocí příkazu Import Assets nebo jednodušeji přetažením na pracovní plochu.
Manipulace s nimi není tak intuitivní, jak jste zvyklí u jiných kreativních aplikací, a zjistíte, že často navštěvujete panely vlastností, abyste ve svých dílech provedli dokonce jednoduché změny. Když většina aplikací v dnešní době umožňuje přímo změnit dílo, je to zpočátku trochu trapné, i když si na to zvyknete.
Nejedná se však o nástroj pro skládání obrázků. Google Web Designer pro vás nemůže vytvářet podklady a měli byste nejprve použít jinou aplikaci, jako je Photoshop. Samozřejmě, pokud potřebujete pouze statický obrázek, nepotřebovali byste aplikaci Google. Je to velmi užitečné pro vás těžké, pokud chcete elegantní animace a web kompatibilní kód.
Animace
Animace je jednoduchá záležitost nastavení klíčových snímků v různých časových okamžicích. Pokud jste zvyklí na filmování, získáte jeho podstatu velmi rychle.
Přístup aplikace je trochu nejasný, protože jakmile nastavíte klíčový snímek, musíte změnit hodnotu parametru, který chcete animovat, a nastavit tento parametr jako ten, který chcete animovat. Neexistuje žádné tlačítko k uzamčení hodnoty na místě pro spuštění procesu, takže ruční změna hodnoty a její následné vrácení je jediný způsob, jak aplikace zjistit, který parametr se chystáte časem změnit.
Jakmile to ale bude hotové, všechny změny provedené ve stejném parametru v jiném bodě na časové ose se nastaví automaticky, jak byste očekávali.
Frustrující je, že nemáte způsob, jak zjistit, které parametry jsou ve skutečnosti nastaveny na animaci, což znamená, že pokud se později vrátíte ke svému projektu, nebudete na první pohled vědět, které hodnoty aktiv jsou nastaveny a kdy.
Časová osa vám řekne, které objekty jsou animované, ale pokud si animaci nepřehrajete, nebudete vědět, jaké parametry. To zdaleka není efektivní.
Navzdory tomu je animace libovolných objektů na obrazovce relativně jednoduchá a konečný výsledek funguje velmi dobře. Můžete dokonce animovat ve 3D.
Na konci dne vám Google Web Designer umožní snadno navrhnout širokou škálu webových reklam, aniž byste museli sami psát řádek kódu, což je velké plus.
To však neznamená, že se programátorům neřídí: kliknutím na zobrazení kódu zobrazíte svůj projekt v nezpracovaném kódu, který pak můžete libovolně upravit, aby vyhovoval vašim konkrétním potřebám, pokud by návrhové zobrazení nebylo vhodné pro vaše potřeby.
Náhled
Sekce Ad Validator sleduje váš projekt a na první pohled vám řekne, jak velký bude soubor, a jestli se něco děje s tím, co jste vytvořili pomocí přátelsky vypadajících zelených zaškrtávacích políček.
Chcete-li vidět, jak váš projekt vypadá ve webovém prohlížeči, klikněte na tlačítko Náhled a vyberte ten, který chcete použít. Google Web Designer ji poté spustí a reklamu aktivuje.
Pokud jste nenastavili konkrétní dimenzi, nabídnou se vám různé velikosti, které vám umožní vybrat, které z nich chcete zobrazit (všechny jsou ve výchozím nastavení uvedeny).
Až dokončíte práci, stiskněte Publikovat. Můžete jej uložit lokálně na pevný disk nebo nahrát do různých umístění Google.
Máte také možnost uložit svůj projekt jako šablonu, kterou můžete později znovu použít.
Podpěra, podpora
První práce s aplikací může být skličující úkol, takže si můžete být jisti, že Google nabízí komplexní články o tom, jak maximálně využít svého Web Designer, a uživatelské fórum je také plné užitečných diskusí. Oba vám pomohou porozumět aplikaci a vyřešit většinu (ne-li všechny) problémů, které byste mohli mít.
Konečný verdikt
Google Web Designer je dobře vypadající aplikace, která vám umožní rychle vytvářet webové reklamy, ať už znáte kódování nebo ne. Není to nejlépe navržená aplikace na platformě Mac, vychází spíše z pokynů pro uživatelské rozhraní Windows, ale funguje jako inzerovaná a vytváří dobré animované projekty. Rozhodně stojí za vyzkoušení.
- Zdůraznili jsme také nejlepšího tvůrce webových stránek