Trova l'aiuto che ti serve

Puoi trovare tutorial video, moduli di assistenza e post dei blog, adatti sia per principianti che esperti, che ti possono aiutare ad aumentare le tue abilità. Ricevi rapidamente risposte e istruzioni passo passo qui sotto.

Filtra per:

Livello principiante

Livello intermedio

Livello avanzato

Esplorare i componenti della galleria

Esplora le funzionalità avanzate dei componenti Galleria di Google Web Designer. Scopri come migliorare un annuncio banner standard di 300 x 250.
- Modalità avanzata
- Interfaccia utente
Zoom per la sequenza temporale in modalità avanzata

Natalie, ingegnere responsabile dell'esperienza utente, mostra come aumentare e diminuire lo zoom della sequenza temporale in modalità avanzata.
- Modalità avanzata
- Tutorial video
L'interfaccia di Web Designer

Scopri l'interfaccia di Google Web Designer: quali strumenti sono disponibili e dove trovarli.
- Panoramica
- Interfaccia utente
Suggerimenti per Google Web Designer - Parte 1

Crea e manipola contenuti 3D con la potenza di CSS3. Ruota oggetti e disegni 2D su qualsiasi asse, visualizzando traslazioni e trasformazioni 3D mentre progetti.
- 3D
- Blog
Modifica di stili utilizzando il riquadro CSS

Nel riquadro CSS vengono visualizzati gli stili degli elementi selezionati. Qui puoi anche modificare gli stili della classe, aggiungere stili incorporati e creare nuovi stili.
- Articolo della Guida
- Stili CSS
Gestire gli asset con la Raccolta

Le immagini, i file audio e video che utilizzi in un documento vengono definiti collettivamente asset. Gli asset vengono creati quando li importi nel tuo documento e vengono salvati nella Raccolta in modo da poterli visualizzare in anteprima e riutilizzare.
- Articolo della Guida
- Raccolta
Selezione multipla di fotogrammi chiave e miniature

Natalie, ingegnere responsabile dell'esperienza utente, fa una breve panoramica della selezione di più fotogrammi chiave in modalità avanzata e della selezione di più miniature in modalità veloce.
- Modalità avanzata
- Tutorial video
Cinque caratteristiche da analizzare

Esaminiamo cinque funzionalità e flussi di lavoro che potrebbero esserti molto utili in Google Web Designer: gruppi, campioni, BYOC, pubblicazione in Drive e layout fluidi.
- Panoramica
Note di rilascio

Dai un'occhiata all'ultima versione per scoprire le nuove funzionalità.
- Articolo della Guida
- Informazioni tecniche
Requisiti di sistema

Assicurati di avere i requisiti di sistema adatti.
- Articolo della Guida
- Informazioni tecniche
L'ambiente dell'annuncio

Google Web Designer supporta diversi ambienti degli annunci, tra cui Google Ads, Display & Video 360 e Google AdMob. Puoi passare da un ambiente all'altro con un clic.
- Articolo della Guida
- Creazione e modifica di contenuti
- Ambiente dell'annuncio
Utilizzare lo Strumento Testo

Aggiungi e formatta del testo. Usa i caratteri di Google Fonts e la funzionalità di adattamento del testo automatico per creare l'aspetto desiderato.
- Articolo della Guida
- Creazione e modifica di contenuti
- Aggiungere nuovi elementi
Utilizzo degli strumenti Penna e Forma

Disegna forme e linee SVG semplici o complesse.
- Articolo della Guida
- Creazione e modifica di contenuti
- Aggiungere nuovi elementi
Usare gli strumenti 3D

Google Web Designer ti consente di spostare e ruotare gli elementi in tre dimensioni. Puoi cambiare la vista per vedere gli elementi da qualsiasi posizione.
- Articolo della Guida
- Creazione di un annuncio
- Spostare e ridimensionare gli elementi
Utilizzare le sfumature

Una sfumatura è un riempimento multicolore in cui ogni colore diventa gradualmente quello successivo. Le sfumature possono essere applicate al bordo e al riempimento di elementi HTML, canvas e SVG.
- Articolo della Guida
- Creazione e modifica di contenuti
- Colori
- Sfumature
Raggruppamento e aggregazione di elementi

Il raggruppamento e l'aggregazione sono due modi per lavorare con un gruppo di elementi come se fossero un unico oggetto.
- Articolo della Guida
- Creazione e modifica di contenuti
- Aggregare elementi
- Raggruppare gli elementi
Panoramica sul layout adattabile

Il responsive design utilizza layout flessibili anziché fissi. In questo modo è possibile creare un solo annuncio con elementi che si adattano ai cambiamenti di orientamento e dimensioni, anziché dover creare diversi annunci simili.
- Articolo della Guida
- Adattabile
Ridimensionare il viewport

Durante la creazione di un layout reattivo è utile poter controllare l'aspetto che avrà il documento finito su schermi di diverse dimensioni.
- Articolo della Guida
- Adattabile
- Viewport
Informazioni sulle animazioni

Puoi creare animazioni in Google Web Designer specificando i fotogrammi chiave in determinati punti del tempo. In ciascun fotogramma chiave, puoi impostare le proprietà CSS dell'elemento animato. L'elemento cambierà gradualmente per assumere quelle proprietà durante il periodo di transizione dal fotogramma chiave precedente.
- Articolo della Guida
- Animazione
- Interattività
Animazione nella modalità veloce

In modalità veloce puoi creare l'animazione scena per scena: puoi aggiungere una nuova visualizzazione dell'intera pagina, cambiare gli elementi che vuoi animare e, facoltativamente, modificare la durata delle transizioni e l'easing.
- Articolo della Guida
- Animazione
- Interattività
Animazione nella modalità avanzata

In modalità avanzata, la sequenza temporale dell'animazione mostra ogni elemento come livello separato. I livelli ti consentono di modificare la posizione di ogni elemento nella pila di elementi oppure di nascondere o bloccare elementi per poter lavorare con maggiore efficienza.
- Articolo della Guida
- Animazione
- Modalità avanzata
Informazioni sull'easing

L'easing consente di modificare l'accelerazione e la decelerazione della transizione di un'animazione.
- Articolo della Guida
- Animazione
- Interattività
- Easing
Nidificare le animazioni

In molti casi creerai una singola sequenza temporale per l'intera pagina, con ogni elemento della pagina rappresentato in un'unica sequenza temporale. È presente anche una sequenza temporale di animazione separata per ogni contenitore principale. Ciò significa che puoi creare animazioni complesse mediante la nidificazione di un'animazione all'interno di un'altra.
- Articolo della Guida
- Animazione
- Interattività
- Nidificare
Ripetizione continua delle animazioni

Per ripetere continuamente un'animazione, puoi utilizzare due diverse tecniche. Ogni livello può essere ripetuto separatamente oppure puoi utilizzare eventi per ripetere continuamente tutti i livelli allo stesso tempo per un'animazione più complessa.
- Ripetizione continua
- Interattività
- Animazione
- Articolo della Guida
Informazioni sui percorsi di animazione

I percorsi di animazione ti consentono di animare gli oggetti facendoli spostare lungo curve e forme complesse.
- Articolo della Guida
- Animazione
- Interattività
- Movimento
Creare animazioni in modalità avanzata

In modalità avanzata, puoi animare ogni elemento creando fotogrammi chiave nella sequenza temporale. La sequenza temporale è una rappresentazione schematica delle animazioni, mentre i fotogrammi chiave indicano i punti di inizio e di fine delle animazioni.
- Articolo della Guida
- Animazione
- Interattività
- Modalità avanzata
Visualizzare l'anteprima dell'animazione ed eseguire lo scrubbing

L'anteprima e lo scrubbing ti permettono di visualizzare l'animazione mentre ci stai ancora lavorando su e di perfezionarla a seconda delle tue esigenze.
- Articolo della Guida
- Livelli
- Modalità avanzata
- Animazione
- Interattività
Informazioni sui componenti

I componenti sono moduli predefiniti che ti consentono di aggiungere funzionalità specifiche agli annunci o ai documenti HTML.
- Articolo della Guida
- Panoramica
- Componenti
Il componente Galleria a 360°

Usa un insieme di più immagini per mostrare la rotazione di un oggetto. Per impostazione predefinita, l'ultima immagine si unisce alla prima, consentendo all'utente di ruotare l'oggetto senza interruzioni in entrambe le direzioni.
- galleria
- Articolo della Guida
- Componenti
Il componente Galleria con vista a sequenza

Crea una galleria con vista a sequenza a scorrimento per più immagini. Modifica le proprietà del componente per creare esperienze 3D e tipi di carousel differenti.
- Articolo della Guida
- galleria
- Componenti
Il componente Navigazione galleria

Aggiungi un riquadro di navigazione posizionabile separatamente alle gallerie a scorrimento, con vista a sequenza o a 360°.
- Articolo della Guida
- galleria
- Componenti
Il componente Galleria a scorrimento

Crea una semplice galleria che gli utenti possono fare scorrere avanti e indietro per mostrare una serie di immagini diverse o un insieme di gruppi diversi.
- Articolo della Guida
- galleria
- Componenti
Il componente Aggiungi al Calendario

Crea promemoria di eventi che gli utenti possono aggiungere ai loro calendari.
- Articolo della Guida
- Calendario
- Componenti
Il componente Gesto

Acquisisci le interazioni degli utenti con l'annuncio.
- Articolo della Guida
- Componenti
- Gesto
Il componente Pulsante immagine

Crea un pulsante con grafica reattiva senza dover creare un'animazione basata su eventi per il pulsante.
- Articolo della Guida
- Pulsante
- Componenti
Il componente Area tocco

Posiziona un elemento trasparente su qualsiasi parte dello schermo che risponda al tocco o al clic dell'utente.
- Area tocco
- Componenti
Componente Tocca per chiamare/inviare SMS

Avvia una telefonata o invia un SMS al numero da te specificato da un annuncio per dispositivi mobili su smartphone supportati.
- Articolo della Guida
- Componenti
- Chiamare/inviare SMS
Il componente Mappa

Aggiungi al tuo progetto una mappa configurabile e disponibile per la ricerca. Il componente può mostrare la posizione dell'utente, così come altre informazioni specifiche basate sulla posizione.
- Articolo della Guida
- Mappe
- Componenti
Il componente Street View

Aggiungi al tuo progetto alcune immagini di Google Street View con cui l'utente possa interagire.
- Articolo della Guida
- Componenti
- Street View
Il componente Audio

Aggiungi audio all'annuncio.
- Articolo della Guida
- Componenti
- Audio
Il componente Video

Un modo facile per aggiungere un video all'annuncio.
- Articolo della Guida
- Componenti
Il componente YouTube

Aggiungi un video di YouTube all'annuncio. Personalizza il player e la riproduzione.
- Articolo della Guida
- Componenti
- YouTube
Il componente iframe

Carica nel tuo progetto elementi URL esterni, incluse pagine HTML esterne.
- Iframe
- Componenti
- Articolo della Guida
Il componente Sprite Sheet

Aggiungi animazioni in stile sprite, mostrando singoli sprite in sequenza come frame, oppure posiziona più immagini in uno sprite sheet per limitare il numero di file immagine singoli.
- Articolo della Guida
- Componenti
- Sprite sheet
API dei componenti

Consulta l'elenco di proprietà, eventi e metodi disponibili per ogni componente in modo da poter scrivere codice personalizzato.
- Articolo della Guida
- Anteprima
Informazioni sugli eventi

Gli eventi ti consentono di configurare le azioni in risposta ai gesti dell'utente, ai fotogrammi chiave della sequenza temporale o ad altre occorrenze nel tuo annuncio o documento HTML.
- Articolo della Guida
- Eventi
Creare azioni personalizzate

Con JavaScript, puoi creare azioni personalizzate. Una volta definita, un'azione personalizzata è riutilizzabile nella creatività.
- Articolo della Guida
- Eventi
Creare un annuncio banner

Gli annunci banner sono annunci semplici che rientrano in un'area di dimensioni specifiche di una pagina web o un'app.
- Articolo della Guida
- Annunci banner
- Creazione di un annuncio
Creare un annuncio espandibile

Una creatività espandibile è un annuncio con dimensioni iniziali di un banner standard che si espande raggiungendo dimensioni maggiori per darti più spazio per attirare l'attenzione degli utenti.
- Articolo della Guida
- Eventi
- Espandibile
Creare un annuncio interstitial

Gli annunci interstitial presentano un'esperienza pubblicitaria a pagina intera in corrispondenza di punti di transizione naturali, come un cambio di pagina, l'avvio di un'app o il caricamento del livello di un gioco.
- Articolo della Guida
- Interstitial
- Creazione di un annuncio
Creare un annuncio dinamico

Gli annunci dinamici presentano al tuo pubblico le offerte pertinenti usando le informazioni presenti in un feed di dati per stabilire le immagini e il testo da mostrare.
- Articolo della Guida
- HTML AMP
- Creazione di un annuncio
Annunci HTML AMP

Usa Google Web Designer per creare annunci HTML AMP. Gli annunci realizzati con AMP (Accelerated Mobile Pages) si caricano più velocemente rispetto agli annunci comuni e sono pertanto l'ideale per i dispositivi mobili.
- Articolo della Guida
- Creazione di un annuncio
- HTML AMP
Utilizzare i modelli

I modelli sono annunci preconfigurati di dimensioni standard, con gli stili e le funzioni più comuni. Puoi creare rapidamente un annuncio efficace e funzionante sostituendo le immagini e gli altri asset.
- Articolo della Guida
- Creazione di un annuncio
- Modelli
Creare un modello personalizzato

Salva ogni annuncio creato come modello. In questo modo puoi risparmiare tempo, in particolare quando crei numerose versioni dello stesso annuncio.
- Articolo della Guida
- Creazione di un annuncio
- Modelli
Lo strumento di convalida degli annunci

Lo Strumento di convalida degli annunci controlla l'eventuale presenza di problemi comuni nell'annuncio e mostra i risultati in tempo reale in un riquadro.
- Articolo della Guida
- Creazione di un annuncio
Sfogliare la struttura del tuo documento in Outliner

Il riquadro Outliner fornisce una visualizzazione ad albero degli elementi presenti nel documento per velocizzare la selezione e la navigazione.
- Articolo della Guida
- DOM
Visualizzare in anteprima l'annuncio o la pagina HTML

Durante la creazione dell'annuncio o della pagina HTML puoi visualizzare l'anteprima dell'elemento nel browser per controllarne il funzionamento e l'aspetto quando viene pubblicato.
- Articolo della Guida
- Anteprima
Pubblicare il tuo lavoro

Quando pubblichi il tuo progetto vengono generati file finali pronti per essere trasferiti. Google Web Designer consente di pubblicare i progetti in una cartella locale oppure direttamente su Google Drive o Studio.
- Articolo della Guida
Zoom per la sequenza temporale in modalità avanzata

Natalie, ingegnere responsabile dell'esperienza utente, mostra come aumentare e diminuire lo zoom della sequenza temporale in modalità avanzata.
- Modalità avanzata
- Sequenza temporale
- Tutorial video
Funzioni di easing (Inizio/fine del passaggio)

Natalie, ingegnere responsabile dell'esperienza utente, spiega come aggiungere le funzioni di easing Step-start e Step-end, particolarmente utili se vuoi far passare all'istante l'animazione da un fotogramma chiave a un altro (senza usare una transizione graduale).
- Tutorial video
- Easing
Nascondere e bloccare i livelli delle sequenze temporali

Natalie, ingegnere responsabile dell'esperienza utente, spiega i passaggi per nascondere e bloccare più livelli nella sequenza temporale.
- Modalità avanzata
- Sequenza temporale
- Tutorial video
Panoramica sull'interfaccia utente

Jon, ingegnere responsabile dell'esperienza utente, fa una panoramica dell'interfaccia utente di Google Web Designer. Scopri come usare i vari riquadri e barre degli strumenti, nonché come organizzare e regolare l'area di lavoro come preferisci.
- Tutorial video
- Interfaccia utente
Panoramica sugli eventi

L'ingegnere di Google Web Designer Maciek fa una panoramica del flusso di lavoro Eventi. Scopri come usare gli eventi per impostare stili CSS, aggiungere azioni personalizzate e non solo.
- Tutorial video
- Eventi
Panoramica sullo strumento Sfumatura

L'ingegnere di Google Web Designer Jean-Pierre fa una panoramica delle sfumature, incluse quelle lineari e radiali, e dello strumento di modifica delle sfumature.
- Tutorial video
- Sfumature
Panoramica delle forme

L'ingegnere di Google Web Designer Jean-Pierre fa una panoramica degli strumenti forma, tra cui l'ovale e il rettangolo.
- Tutorial video
- Forme
Panoramica sul testo

L'ingegnere di Google Web Designer Shuo fa una panoramica della funzionalità di testo, incluso l'uso del riquadro Testo. Scopri come ridimensionare e spostare il testo, come copiare stili di testo tra i documenti e non solo.
- Tutorial video
- Testo
Panoramica del disegno in 2D e 3D

L'ingegnere di Google Web Designer Lucas fa una panoramica degli strumenti e delle funzionalità di disegno 2D e 3D.
- Tutorial video
- Creazione e modifica di contenuti
Panoramica sulla modalità avanzata della sequenza temporale

L'ingegnere di Google Web Designer Natalie spiega come funziona la modalità avanzata della sequenza temporale. Scopri come creare animazioni, usare i fotogrammi chiave, impostare l'easing e non solo.
- Modalità avanzata
- Tutorial video
Strumento di convalida degli annunci

L'ingegnere di Google Web Designer Jon fa una panoramica della funzionalità Strumento di convalida degli annunci. Questo miglioramento del flusso di lavoro controlla l'eventuale presenza di problemi nell'annuncio e mostra i risultati nel riquadro Strumento di convalida degli annunci. Anche se l'approvazione dell'annuncio non è garantita, puoi visualizzare e correggere subito i problemi.
- Creazione di un annuncio
- Tutorial video
Insiemi di riquadri dell'area di lavoro

L'ingegnere di Google Web Designer Yaqi spiega gli insiemi di riquadri dell'area di lavoro per consentirti di salvare i tuoi insiemi di riquadri preferiti in Google Web Designer.
- Tutorial video
- Area di lavoro
- Configurazione
Panoramica sui percorsi di animazione

L'ingegnere di Google Web Designer Lucas fa una panoramica dei percorsi di animazione. I percorsi di animazione ti consentono di animare oggetti mentre si spostano lungo il percorso stabilito. Puoi impostare dei punti di ancoraggio per definire l'animazione e curvarli o collegarli come preferisci.
- Tutorial video
- Movimento
Modificare il percorso di animazione

L'ingegnere di Google Web Designer Chia-Ling spiega come funziona la modifica del percorso di animazione. Impara diversi modi per modificare l'animazione sullo stage usando la funzione di modifica del percorso di animazione.
- Tutorial video
- Movimento
Panoramica dei gruppi

In questo video, l'ingegnere di Google Web Designer, Lucas, offre una demo della funzione Gruppi.
- Raggruppare gli elementi
- Tutorial video
Gruppi con panoramica degli eventi

L'ingegnere di Google Web Designer Lucas fa una panoramica dell'utilizzo degli eventi nella nuova funzionalità Gruppi. Puoi usare i gruppi per creare raccolte riutilizzabili di elementi che puoi modificare e gestire come un unico oggetto. Combina l'oggetto con eventi per creare rapidamente animazioni efficaci.
- Tutorial video
- Eventi
- Raggruppare gli elementi
Flusso di lavoro per gli annunci adattabili

Kent Myers, esperto di creatività di Google Web Designer, spiega il flusso di lavoro con annunci adattabili. Scopri come creare un annuncio adattabile personalizzato in modo facile e veloce usando un modello adattabile.
- Adattabile
- Tutorial video
Outliner

In questo video, l'ingegnere di Google Web Designer, Jean-Pierre, offre una panoramica del Outliner.
- Tutorial video
- Outliner
Ridimensionamento dei fotogrammi chiave nella sequenza temporale

L'ingegnere di Google Web Designer Natalie ci parla della funzionalità di ridimensionamento dei fotogrammi chiave. Tieni premuto MAIUSC mentre trascini i fotogrammi chiave selezionati sulla sequenza temporale in modalità avanzata per modificare la lunghezza di un'animazione e mantenere proporzionale la spaziatura tra i fotogrammi chiave.
- Modalità avanzata
- Sequenza temporale
- Tutorial video
Esplorare i componenti della galleria in Google Web Designer

Esplora le funzionalità avanzate dei componenti Galleria di Google Web Designer.
- Blog
- galleria
- Componenti
Suggerimenti per Google Web Designer - Parte 2

Crea codice personalizzato, usa gli eventi della sequenza temporale per ripetere l'annuncio e non solo.
- Modalità avanzata
- Codice personalizzato
- Blog
Esplorare il testo in Google Web Designer

Ti mostreremo come gestire l'aspetto del testo nel tuo documento di Google Web Designer.
- Testo
- Blog

Trova l'aiuto che ti serve

Inizia