Contrariamente a quanto potresti pensare dal suo nome, questa non è un'app di web design. Invece Google Web Designer si concentra sulla progettazione di annunci basati su HTML5 e altri contenuti web simili. L'interfaccia sembra un incrocio tra un editor video e un pacchetto di web design. Per trarne vantaggio, è necessario scaricarlo gratuitamente da qui, sia per Mac che per Windows.
- Vuoi provare Google Web Designer? Scaricalo gratis qui
Iniziare
L'avvio dell'app ti offre la possibilità di continuare con un progetto esistente, avviarne uno nuovo da zero o utilizzare uno dei modelli in bundle.
Abbiamo scelto di controllare prima i modelli. Ce ne sono 14 tra cui scegliere e se non sei chiaro cosa offrono, fai clic su uno di essi per ricevere una descrizione di cosa aspettarti, nonché i dispositivi supportati da quel modello.
Il campo di ricerca a destra ti aiuta a restringere la scelta in base ai tuoi criteri, ad esempio la ricerca di un'aggiunta espandibile che funzioni sui tablet. Puoi anche cercare modelli con dimensioni specifiche, ad esempio semplicemente digitando un numero nel campo di ricerca.
Ogni anteprima ha una scelta di dimensioni. Selezionane uno e fai clic su "Conferma".
Se preferisci lavorare da zero, scegli invece "Nuovo" dal menu di avvio. Vedrai che ti vengono date varie scelte che definiranno l'oggetto che stai creando. Per impostazione predefinita, un nuovo file è impostato su "Banner", ma hai anche altri 8 tipi disponibili.
Puoi selezionare l'ambiente (Display and Video 360, Google AdMob, Google Ads o non Google Ad), le sue dimensioni e se renderlo un annuncio adattabile o meno.
Una volta che sei pronto, ti viene rivelata l'interfaccia vera e propria.
Interfaccia
Lo spazio di lavoro è estremamente flessibile e solo perché le barre laterali vengono visualizzate in una posizione quando apri l'app, non significa che debbano rimanere lì se preferisci un ambiente di lavoro diverso. Ad esempio, le sezioni possono diventare finestre fluttuanti e le schede possono essere riordinate, i gruppi possono essere ridimensionati, i pannelli possono essere aggiunti a gruppi diversi, ecc., Rendendo il sistema notevolmente flessibile.
Lavorare con le risorse
I file che utilizzi nel tuo progetto possono essere importati tramite il comando Importa risorse o, più semplicemente, trascinandoli e rilasciandoli nell'area di lavoro.
Manipolarli non è così intuitivo come potresti essere abituato con altre app creative e ti ritroverai a visitare spesso i pannelli delle proprietà per apportare anche semplici modifiche alle tue risorse. Quando la maggior parte delle app in questi giorni ti consente di modificare direttamente una risorsa, all'inizio sembra un po 'imbarazzante, anche se ti ci abitui.
Tuttavia, questo non è uno strumento di composizione delle immagini. Google Web Designer non può creare risorse per te e dovresti prima utilizzare un'app diversa come Photoshop per prepararle. Ovviamente, se tutto ciò di cui hai bisogno è un'immagine statica, non avresti bisogno dell'app di Google. È di grande utilità per te, se vuoi animazioni eleganti e codice conforme al web.
Animazione
L'animazione è una semplice questione di impostare i fotogrammi chiave in vari momenti nel tempo. Se sei abituato a fare film, ne capirai il succo abbastanza rapidamente.
L'approccio dell'app è un po 'oscuro, poiché una volta impostato un fotogramma chiave, è necessario modificare il valore del parametro che si desidera animare per impostare quel parametro come quello che si desidera animare. Non è presente alcun pulsante per bloccare un valore in posizione per avviare il processo, quindi modificare manualmente il valore e poi reinserirlo è l'unico modo per l'app di sapere quale parametro stai per modificare nel tempo.
Una volta fatto ciò, qualsiasi modifica da apportare allo stesso parametro in un altro punto della sequenza temporale verrà impostata automaticamente, come previsto.
In modo frustrante, non hai modo di sapere quali parametri sono effettivamente impostati per essere animati, il che significa che se dovessi tornare al tuo progetto in un secondo momento non saprai a colpo d'occhio quali valori dell'asset sono impostati per essere spostati e quando.
La sequenza temporale ti dirà quali oggetti sono animati, ma non saprai quali parametri a meno che non riproduci l'animazione. Questo è tutt'altro che efficiente.
Nonostante ciò, è relativamente semplice animare qualsiasi oggetto sullo schermo e il risultato finale funziona molto bene. Puoi persino animare in 3D.
Alla fine della giornata, Google Web Designer ti consente di progettare facilmente un'ampia gamma di annunci web, senza nemmeno dover scrivere una riga di codice da solo, il che è un grande vantaggio.
Tuttavia, questo non significa che i programmatori non siano soddisfatti: fai clic su Vista codice per vedere il tuo progetto in codice non elaborato, che sei quindi libero di modificare in base alle tue esigenze specifiche, nel caso in cui esigenze.
Anteprima
La sezione Ad Validator tiene traccia del tuo progetto, dicendoti a colpo d'occhio quanto sarà grande il file e se c'è qualcosa di sbagliato in ciò che hai creato attraverso l'uso di caselle di spunta verdi dall'aspetto amichevole.
Per vedere come appare il tuo progetto in un browser web, fai clic sul pulsante Anteprima e scegli quello che desideri utilizzare. Google Web Designer lo avvierà e attiverà l'annuncio.
Se non hai impostato una dimensione specifica, ti verranno offerte varie dimensioni, permettendoti di scegliere quale o quali visualizzare in anteprima (sono tutte presentate per impostazione predefinita).
E quando hai completato il tuo lavoro, premi Pubblica. Puoi salvarlo localmente sul tuo disco rigido o caricarlo in varie posizioni di Google.
Hai anche la possibilità di salvare il tuo progetto come modello, che puoi riutilizzare in un secondo momento.
Supporto
Lavorare con un'app per la prima volta può essere un compito arduo, quindi stai certo che Google offre articoli completi su come ottenere il massimo dal suo Web Designer e il forum degli utenti è anche pieno di discussioni utili. Entrambi ti aiuteranno a capire l'app e a risolvere la maggior parte (se non tutti) i problemi che potresti avere.
Verdetto finale
Google Web Designer è un'app di bell'aspetto che ti consente di creare rapidamente annunci web, indipendentemente dal fatto che tu conosca la codifica o meno. Non è l'app progettata al meglio sulla piattaforma Mac, prende spunto maggiormente dalle linee guida dell'interfaccia utente di Windows, ma funziona come pubblicizzato e produce buoni progetti animati. Sicuramente vale la pena dare un'occhiata.
- Abbiamo anche evidenziato il miglior costruttore di siti web