Una guida completa per Zero Block

Controlla ogni elemento. Puoi controllare ogni elemento del blocco, inclusi testo, immagini, pulsanti o sfondo. Inoltre, puoi decidere la loro posizione, dimensione e risoluzione dello schermo su cui appariranno.

Livelli. Si tratta di uno strumento utile per creare profondità con tecniche di sovrapposizione e opacità.

Bordi dello schermo e allineamento della griglia. Ogni elemento del sito web può essere posizionato rispetto alla griglia di layout o ai bordi dello schermo.

Risoluzioni dello schermo personalizzate. Definisci valori di risoluzione dello schermo personalizzati per adattare perfettamente il tuo layout a un dispositivo specifico. I breakpoint possono essere impostati ovunque tra 320px e 1920px per un controllo reattivo completo.

Tipografia avanzata. I designer hanno piena libertà creativa per creare soluzioni tipografiche uniche.

Guide. Utilizza le guide visive per avere un controllo preciso sul tuo layout. Puoi impostarle in modo che appaiano solo a determinate risoluzioni dello schermo, così non perderai tempo a nasconderle quando non sono necessarie.

Zoom dell'area di lavoro dal 20 al 300%. Questo intervallo semplifica il lavoro con gli elementi sull'area di lavoro. Ingrandisci per regolare i piccoli dettagli o rimpicciolisci per vedere l'intera area di lavoro, ad esempio quando lavori con molti elementi contemporaneamente.

Posizionamento flessibile delle immagini nelle forme. Regola manualmente quale parte di un'immagine è visibile all'interno di una forma. Ciò consente un maggiore controllo sul layout dei blocchi quando le opzioni di posizionamento predefinite non si adattano al proprio progetto.

Gruppi come oggetti. Combinare più elementi in gruppi per semplificare l'impostazione delle animazioni, la modifica e la rotazione degli elementi e altro ancora.

Opacità. Impostare il livello di opacità su qualsiasi elemento e sugli effetti ombra sottostanti. Regolare ogni parametro, come la composizione o la visibilità degli elementi, per ogni risoluzione dello schermo.

Piastre. Aggiungere piastre colorate, schede di contenuto o inserire immagini all'interno delle forme.

Video. Aggiungi video YouTube o Vimeo al tuo sito web. In Zero Block puoi regolare le dimensioni e la posizione sulla pagina.

Aggiunta di codice HTML. Aggiungi qualsiasi elemento a Zero Block il codice HTML e regola il posizionamento di questi elementi su ogni schermata.

Tooltip. Utilizza questo strumento interattivo per aggiungere brevi suggerimenti pop-up. Puoi personalizzare il colore, l'ombra, le dimensioni, selezionare e caricare un'icona all'interno di un cerchio o un'immagine sopra il testo.

Modulo di feedback. Aggiungi campi di immissione dati e servizi di acquisizione dati. Imposta lo stile del modulo e animalo.

Editor vettoriale. Crea e modifica immagini vettoriali direttamente in Zero Block. Utilizzando l'editor vettoriale di Tilda, puoi creare tutti i tipi di forme e modificare i file SVG importati.

Animazione dell'aspetto degli elementi. Anima il modo in cui gli elementi web appaiono su una pagina, ad esempio con dissolvenza, zoom o scorrimento dalla parte superiore, inferiore, sinistra o destra dello schermo.

Animazione passo dopo passo. Usa l'animazione passo dopo passo per rendere la tua pagina più coinvolgente e dinamica. Puoi attivare le animazioni al clic, allo scorrimento, al passaggio del mouse o quando un elemento appare sullo schermo. Puoi anche regolare l'accelerazione per ogni passo per controllare la fluidità. Scegli l'impostazione giusta e regola l'accelerazione con le curve di Bézier.

Scorrimento parallasse. Usa un effetto di scorrimento parallasse o crea un effetto parallasse al movimento del mouse.

Elementi fissi durante lo scorrimento. Specifica la distanza per cui l'elemento deve rimanere fisso e la sua posizione.
Applica elementi fissi durante lo scorrimento. Puoi impostare la distanza durante la quale l'elemento rimarrà fisso e la sua posizione. Puoi anche rendere Zero Block l'intero Zero Block . Questo ti consentirà, ad esempio, di creare un menu fisso con un layout non standard degli elementi.

Layout automatici. Semplifica il tuo flusso di lavoro automatizzando l'allineamento degli elementi all'interno di un gruppo. I layout automatici ti aiutano a creare progetti più rapidamente, a scambiare facilmente i contenuti e ad adattare automaticamente i layout a diversi dispositivi.

Se progetti layout in un editor grafico prima di fare qualsiasi cosa, usa Zero Block trasferirli sul tuo sito web così come sono. Per questo, Zero Block una griglia a 12 colonne e parametri personalizzabili per ogni elemento. Questi includono coordinate, dimensioni, posizionamento rispetto alla griglia o allo schermo, parametri di opacità e ombra. Usa questi strumenti per ricreare il tuo layout in Zero Block.

Zero Block L'interfacciaZero Block è simile a quella di un editor grafico. Basta aggiungere gli elementi necessari e assegnare loro le coordinate appropriate. È facile da fare in Zero Block, soprattutto se l'hai già fatto in precedenza. Utilizza Zero Block trasferire rapidamente la tua idea da un editor grafico al tuo sito web senza bisogno di scrivere alcun codice.

Se stai creando una pagina web o una landing page e non riesci a trovare il blocco giusto nella libreria Tilda, troverai Zero Block il Zero Block . Ecco alcuni esempi.

I siti web realizzati su Tilda sono spesso creati con blocchi, in modo che i visitatori scorrano le sezioni. Si tratta di una tendenza di unificazione del web design, in cui il contenuto viene prima del design.

Se volete cambiare il modo in cui i visitatori leggono le informazioni sul vostro sito web, Zero Block è un ottimo strumento per farlo.

Zero Block alla grande per riunire elementi con bordi irregolari in un'unica composizione, rendendo tutte le distanze visivamente simili.

In Zero Block, usare i livelli è un gioco da ragazzi. Puoi facilmente sovrapporre immagini, testi su un pannello e pulsanti sopra le immagini. Crea effetti aggiuntivi giocando con il loro posizionamento.

Per semplificare le operazioni quando si ha a che fare con più elementi, utilizzare i livelli. Questo strumento consente di gestire ogni elemento, modificarne la posizione, nasconderlo o bloccarlo.

Per aprire il pannello Livelli, utilizzare queste scorciatoie da tastiera: ⌘+ L o Ctrl + L (per Mac) o Ctrl + L (per Windows).

Zero Block agli utenti di creare composizioni personalizzate multi-elemento come testi, immagini, linee, pannelli e pulsanti. È anche possibile combinare diversi elementi in un unico oggetto. Ad esempio, è possibile progettare una scheda articolo e aggiungere un link ad essa. Questo tipo di gruppo di elementi può essere animato, distanziato con margini, dotato di ombra e personalizzato con altre impostazioni. Per creare un gruppo di oggetti, selezionare diversi elementi, raggrupparli e, nelle impostazioni del gruppo, scegliere Oggetto.

Questa landing page mette in evidenza le funzionalità di Tilda particolarmente utili per le aziende ed è composta da blocchi contenenti più elementi.

L'effetto hover modifica l'aspetto di un elemento quando l'utente ci passa sopra con il mouse. Puoi utilizzarlo come elemento di design aggiuntivo o come elemento funzionale di un articolo o di un'infografica.

Perfetto in situazioni in cui è impossibile modificare un blocco predefinito nel modo desiderato utilizzando le sue impostazioni.

Se hai selezionato un blocco Tilda predefinito e desideri apportare alcune modifiche, utilizza l'opzione Converti in Zero Block. Ciò ti consentirà di modificarlo come se fosse unZero Block. Questa opzione è disponibile per la maggior parte dei blocchi Tilda.

Analizziamo questo processo in più fasi. Ad esempio, modifichiamo il blocco dei prezzi posizionando le icone all'esterno dei pannelli informativi.

Esempio di un blocco convertito in Zero Block:

I blocchi predefiniti di Tilda offrono numerose impostazioni. Aggiungi quello più appropriato dalla libreria. Apri il pannello Impostazioni e verifica se è possibile modificare il modello in base alle tue esigenze. È possibile che non sia necessario Zero Block .

Gli esempi riportati di seguito sono stati realizzati con i blocchi predefiniti di Tilda.

Su Tilda è possibile specificare i margini separatamente per i dispositivi desktop e mobili.

Su Tilda, i blocchi predefiniti sono disposti su una griglia a 12 colonne. È possibile definire i rientri in modo che siano uguali a qualsiasi numero di colonne. Se hai progettato il tuo blocco in Zero Block tenere conto della griglia, non potrai impostare gli stessi rientri per i blocchi predefiniti (dovrai convertirli in Zero Block).

Supponiamo che tu stia alternando blocchi predefiniti e Zero Block nel layout del tuo sito web. Mentre in Zero Block puoi posizionare gli elementi dove vuoi, questo non sarà possibile nei blocchi predefiniti. Quindi è bene tenere presente che i blocchi già pronti possono essere posizionati solo sulla griglia.

Ti consigliamo di utilizzare una griglia quando progetti il tuo sito web in Zero Block. Posiziona gli elementi principali rispetto alla griglia. In questo modo, il tuo progetto potrà essere facilmente combinato con tutti gli altri blocchi Tilda.

Seleziona il tema dell'interfaccia preferito per l'editor: standard, chiaro o scuro. Puoi anche ridurre le dimensioni dell'interfaccia per ciascuno di essi in modo che occupi meno spazio sullo schermo. Dove abilitarlo: Zero Block clicca su "Tab" → Zero Block → Tema.

In Zero Block è possibile aggiungere elementi più complessi rispetto a testi, immagini, forme e pulsanti.

Aggiungi e configura video da YouTube, Vimeo, Kinescope, iFrame oppure carica un file MP4 o WebM. Modifica le dimensioni e le proporzioni del video, la sua opacità, crea ombre e applica animazioni.

Nelle impostazioni video, puoi impostare la riproduzione automatica, abilitare e disabilitare il looping, impostare l'ora di inizio e di fine per ogni video e caricare la tua copertina personalizzata.

Aggiungi qualsiasi elemento incorporando codice HTML. Ad esempio, elementi interattivi, registrazioni online, lettori musicali, calendari, calcolatrici e post sui social media. Puoi regolare la posizione di questi elementi su ogni schermata.

Un tooltip è un suggerimento interattivo che appare quando il cursore del mouse viene posizionato su un elemento di un sito web. Può essere utile se si sta descrivendo un argomento complesso e si desidera descriverne le parti in una foto. Ad esempio, se si vendono cottage in un complesso residenziale, è possibile disegnare una mappa e contrassegnare ogni edificio su questa mappa.

Il tooltip è dotato di diverse impostazioni utili: è possibile regolare il colore, l'ombra e le dimensioni, caricare un'icona che appare all'interno di un cerchio o caricare un'immagine che apparirà al passaggio del mouse.

Dopo aver posizionato gli elementi/tooltip sulla pagina, non dimenticare di controllare la posizione di ciascun tooltip per tutte le risoluzioni. In caso contrario, il prompt rischia di essere tagliato nella parte superiore, inferiore o ai bordi del blocco.

Aggiungi un modulo online orizzontale o verticale a Zero Block. Successivamente, personalizza ogni impostazione, come i campi di immissione dati o i servizi di acquisizione dati, i messaggi di successo e di errore, gli stili dei moduli o le animazioni.

In Zero Block è possibile creare e modificare elementi vettoriali. Ad esempio, forme insolite, icone o piccoli elementi disegnati come sottolineature o frecce. L'editor vettoriale è utile anche per perfezionare gli elementi SVG importati direttamente su Tilda.

A ciascun elemento è possibile assegnare le coordinate relative ai quattro lati di uno schermo o di una griglia, l'opacità e l'ombra; è inoltre possibile ruotare gli elementi o assegnare loro un collegamento.

I righelli facilitano il lavoro con gli elementi di layout. Si tratta di linee orizzontali nella parte superiore e linee verticali sul bordo sinistro dello schermo, da cui è possibile "tirare" le guide. I righelli e le guide aiutano a impostare la disposizione desiderata degli elementi nel layout, a monitorare i rientri e l'allineamento e a mantenere dimensioni e proporzioni costanti degli elementi. Per abilitare i righelli, vai su Impostazioni in Zero Block Mostra righelli.

A ogni elemento è possibile assegnare una dimensione in pixel o una percentuale delle dimensioni dello schermo. Ad esempio, se desideri creare un elemento che occupi metà dello schermo indipendentemente dalle sue dimensioni, imposta la larghezza e l'altezza in %, non in pixel.

Scopri tante sorprese con Zero Block. Ecco un elenco degli effetti che puoi utilizzare sul tuo sito web.

Usa un pulsante per gli effetti al passaggio del mouse in Zero Block. Puoi impostare le dimensioni che preferisci e persino renderlo rotondo modificando le impostazioni. Vuoi che sia visibile solo al passaggio del mouse? Allora rendilo trasparente e, per il passaggio del mouse, seleziona un'opacità del 30% e un colore a tua scelta.

Posiziona il pulsante sugli elementi che desideri coprire con l'effetto hover. Questi possono essere immagini o testo. Se necessario, assegna un link URL al pulsante.

Per bloccare un elemento durante lo scorrimento, modifica le impostazioni dell'immagine su Comportamento — Fisso. Questa funzione è disponibile per le immagini di sfondo e le immagini all'interno di una forma. Se la applichi a un'immagine all'interno di un pannello, l'immagine si estenderà su tutto lo schermo. Tuttavia, sarà visibile solo all'interno della forma. Se in un blocco vengono utilizzate più forme di questo tipo, l'immagine all'interno sarà una continuazione di se stessa.

È possibile combinare immagini fisse e immagini statiche per creare effetti aggiuntivi e composizioni insolite.

Se desideri che alcuni elementi vengano visualizzati al di fuori di Zero Block sovrapposti ai blocchi adiacenti, utilizza Overflow. Lo trovi nel pannello Impostazioni in Zero Block.

In Zero Block è anche possibile impostare parametri diversi per gli assi X e Y. Ciò può essere utile quando si desidera creare schede che scorrono orizzontalmente senza spostamento verticale.

Se si imposta X su "Nascosto" e Y su "Visibile/Auto", in Zero Block apparirà una barra di scorrimento verticale e il blocco rimarrà fisso fino a quando non verrà visualizzato tutto il contenuto lungo l'asse Y.

Se imposti X su "Visibile/Auto" e Y su "Nascosto", i contenuti al di fuori dell'area di lavoro sull'asse X verranno visualizzati con lo scorrimento orizzontale.

Il Zero Block essere bloccato sulla pagina in modo che rimanga nella parte superiore o inferiore della pagina durante lo scorrimento. Ciò è utile, ad esempio, per creare un menu fisso con un design personalizzato. Per impostare il blocco, vai su Impostazioni → Posizione e overflow.

Puoi anche fare in modo che il blocco non venga visualizzato immediatamente, ma solo dopo alcuni scorrimenti (Appear Offset). In questo caso, puoi utilizzare una delle due animazioni di apparizione: Dissolvenza in entrata o Scorrimento verso l'alto/verso il basso.

Zero Block cinque risoluzioni di schermo di base per modificare la reattività del tuo sito web: 320px, 480px, 640px, 960px e 1200px. È possibile estendere questo intervallo aggiungendo dei breakpoint. I breakpoint consentono di ottenere il layout perfetto per tutti gli elementi del sito web a risoluzioni specificate. Una configurazione flessibile può essere utile, ad esempio, quando gli utenti visitano il sito web su dispositivi con risoluzioni dello schermo irregolari.

Quando si progetta Zero Block, è essenziale testare come appare il sito web su tutti gli schermi. È possibile farlo direttamente in Zero Block sull'immagine del dispositivo corrispondente.

Zero Block progettato in modo che ogni elemento su ogni schermo possa essere personalizzato individualmente. Quando si modifica la composizione o il contenuto di uno di essi, il blocco potrebbe apparire diverso sugli schermi con risoluzione inferiore a causa delle differenze nella lunghezza delle righe o nelle dimensioni degli elementi.

Quando si crea uno Zero Block zero, ricordarsi di personalizzare manualmente i layout per ogni risoluzione. Tenetelo presente prima di pubblicare il sito web.

Se l'intero sito web è progettato in Zero Block, è più comodo suddividerlo in blocchi separati. In questo modo, è possibile disattivare i blocchi per gli schermi a bassa risoluzione o disattivarli temporaneamente per l'intero sito web.

Se si utilizzano molti dettagli su uno schermo di grandi dimensioni, è possibile rendere il layout più semplice e conciso sugli schermi con risoluzione inferiore per facilitarne la percezione.

Ecco un esempio di composizione visiva unica per ogni dimensione dello schermo:

Se non ti piace il design adattivo e desideri ricominciare da zero, puoi cancellare le impostazioni relative agli elementi per risoluzioni dello schermo inferiori. Per farlo, seleziona uno o più elementi → clicca con il tasto destro del mouse per aprire il menu contestuale → Cancella design adattivo.

Il layout automatico in Zero Block una tecnica di progettazione che consente di creare rapidamente layout, modificare contenuti e adattare il design a diverse risoluzioni dello schermo. È utile per creare elementi quali schede, pulsanti con più elementi, voci di menu e altro. Consulta la guida alla configurazione del layout automatico nel Centro assistenza.

I layout automatici controllano il posizionamento degli elementi in un gruppo rispetto l'uno all'altro. Una volta impostate la direzione e le distanze, essi si allineano automaticamente secondo queste regole, indipendentemente dalle modifiche apportate al contenuto del gruppo. Ad esempio, se è necessario aggiungere un'altra immagine a un gruppo durante la creazione di una galleria, essa si "adatterà" secondo le regole specificate, senza bisogno di spostare manualmente gli altri elementi del gruppo.

Consulta il tutorial sull'uso dei layout automatici:

È possibile animare ogni elemento così come appare in Zero Block. Esistono sei tipi di animazioni:

Ogni tipo di animazione include le proprie impostazioni. Diamo un'occhiata.

La durata è la lunghezza dell'animazione in secondi. Più alto è il valore, più lenta sarà l'animazione.

La distanza è lo spazio tra la posizione iniziale di un elemento animato e la sua posizione finale. È specificata solo per le animazioni in cui gli oggetti appaiono dai lati.

La scala è la dimensione di un elemento all'inizio dell'animazione espressa come percentuale della dimensione originale. Questo parametro viene impostato quando si verifica un ingrandimento o un ridimensionamento. Se il valore è superiore a 100, l'elemento è più grande dall'inizio e viene ridimensionato alla sua dimensione originale. Se il valore è inferiore a 100, l'elemento viene ingrandito alla sua scala originale.

Il ritardo è il ritardo nella riproduzione dell'animazione, espresso in secondi. Se il valore è 0, l'animazione inizierà non appena il blocco apparirà sulla pagina.

Quando è opportuno utilizzare il ritardo? Può essere utile se un altro oggetto si sovrappone o cancella un elemento significativo. Se in una pagina sono presenti diversi oggetti animati, assegnare impostazioni di ritardo diverse a ciascun elemento. Ciò consente di guidare lo sguardo dell'osservatore, conducendolo da un elemento all'altro.

L'offset di attivazione è la distanza, misurata in pixel, dal bordo inferiore dello schermo in cui l'elemento appare sulla pagina. Per impostazione predefinita, l'animazione inizia non appena l'elemento supera la linea inferiore della pagina. Se desideri ritardare l'animazione fino a quando l'elemento non è visibile allo spettatore (e non nella parte inferiore della pagina), imposta la distanza dal bordo inferiore alla quale inizierà l'animazione. Se l'oggetto si trova inizialmente a una distanza inferiore al valore di questo parametro, non sarà visibile fino a quando l'utente non scorrerà verso il basso.

Una volta impostati i parametri necessari, controlla l'animazione direttamente nell'editor. Per vedere l'elemento animato in azione, clicca su "Riproduci elemento" per un singolo elemento e su "Riproduci tutto" per più elementi e vedere come funzionano insieme.

Con l'animazione passo passo, puoi assegnare passaggi di trasformazione sequenziali a qualsiasi elemento della pagina e consentire ai visitatori di interagire con essi.

Per aggiungere un'animazione passo passo a un elemento in Zero Block, seleziona l'elemento, apri le sue impostazioni e vai alla sezione Animazione passo passo (situata alla fine delle impostazioni dell'elemento).

Gli elementi appaiono e si muovono quando il visitatore scorre la pagina verso l'alto o verso il basso.

Tutti gli esempi di animazione riportati di seguito sono disponibili come modelli, quindi puoi aggiungerli ai tuoi progetti e utilizzarli come preferisci.Esempi di animazione

durante lo scorrimento:

Questo tipo di animazione viene attivato quando un elemento appare sullo schermo.

Elemento sullo schermo: l'animazione viene attivata quando un elemento attraversa la parte inferiore del browser e appare sulla pagina web.

Blocco sullo schermo: l'animazione viene attivata quando un Zero Block l'elemento attraversa la parte inferiore del browser e appare sulla pagina web.

Questo tipo di animazione viene attivato quando un visitatore passa con il mouse su un elemento.

Questo tipo di animazione viene attivato quando un visitatore clicca sull'elemento.

Ogni tipo di animazione ha impostazioni aggiuntive:

Start Trigger è un evento che attiva l'animazione. Scegli tra Window Top, Window Center e Window Bottom.
L'impostazione predefinita è Window Bottom; l'animazione inizierà non appena supererà la parte inferiore del browser.

Trigger Offset è la distanza in pixel dallo Start Trigger selezionato. L'animazione inizia una volta che quella distanza è stata scorsa.

Loop è un parametro che consente di ripetere indefinitamente i passaggi specificati. È possibile ripetere l'animazione un numero infinito di volte (impostare Loop con Reverse) o riprodurre l'animazione una sola volta (impostare Loop Once).

Easing imposta la fluidità dell'animazione. Su Tilda, puoi scegliere uno dei 29 tipi di easing che influenzeranno la visualizzazione dell'animazione configurata. Il tipo di fluidità selezionato può essere modificato utilizzando le curve di Bézier.

Puoi testare l'animazione risultante utilizzando i pulsanti Play Element (vedi l'animazione dell'elemento selezionato) / Play All (riproduci l'animazione di tutti gli elementi nel blocco). Questa opzione è disponibile per tutti i tipi di animazione tranne l'animazione durante lo scorrimento.

Per comodità, è possibile lavorare sull'animazione in due schede del browser: modificare Zero Block una e aprire l'anteprima della pagina nell'altra. Ciò consente di controllare rapidamente il risultato senza uscire Zero Block. Prima di testare il risultato, non dimenticare di salvare le modifiche in Zero Block aggiornare la pagina di anteprima.

Quando utilizzi l'animazione passo passo, puoi aggiungere passaggi e personalizzare le proprietà di ciascuno di essi. Ciò determinerà modifiche nei parametri di ciascun elemento selezionato nella tua pagina web. Crea una traiettoria e dei movimenti dei tuoi elementi sulla pagina in base a diversi passaggi.

Per modificare lo stato iniziale di un elemento, ad esempio se desideri che sia invisibile all'inizio, imposta l'opacità su 0 e la durata su 0 secondi o 0 pixel (per l'animazione durante lo scorrimento).

Utilizzando le impostazioni dei passaggi, è possibile modificare le proprietà dell'elemento a cui viene applicata l'animazione.

È possibile impostare la posizione (Sposta), la dimensione (Scala), la trasparenza (Opacità) dell'elemento e l'angolo di rotazione dell'elemento (Ruota).

Parallasse durante lo scorrimento. Quando si applica questa animazione a un elemento, la sua velocità di movimento sarà diversa dalla velocità degli altri elementi durante lo scorrimento della pagina. Nelle impostazioni è possibile impostare la velocità di movimento: a una velocità bassa compresa tra 0 e 100, si muoverà più lentamente rispetto allo scorrimento, mentre a una velocità alta compresa tra 100 e 200, si muoverà molto più velocemente.

Parallasse al movimento del mouse. Un elemento con questo tipo di animazione si sposta nella direzione opposta al movimento del cursore. La sua portata di movimento verticale e orizzontale può essere impostata nelle impostazioni.

Questo tipo di animazione consente di bloccare gli elementi durante lo scorrimento. Nelle impostazioni è possibile specificare la distanza entro la quale gli elementi rimangono fissi in una posizione specifica (il blocco avviene solo all'interno del blocco). Dopo aver fatto scorrere fino alla distanza specificata, l'elemento non sarà più fisso e scorrerà insieme agli altri elementi della pagina.

Le impostazioni consentono anche di specificare cosa attiverà il blocco: il bordo superiore della finestra, il bordo inferiore o il centro. Trigger Offset consente di controllare la distanza dal bordo della finestra, assicurando che l'elemento non vi aderisca. È utile anche quando si desidera bloccare più elementi contemporaneamente a una certa distanza l'uno dall'altro.

Se utilizzi animazioni nel tuo progetto, non sovraccaricare la pagina con troppi effetti; di solito è sufficiente animare il 20-30% dei contenuti. Un'animazione eccessiva risulta invadente e fastidiosa, oltre a rallentare la velocità di caricamento della pagina.

Se stai creando un blocco da zero, vale la pena progettare prima l'intera pagina per vedere come questo blocco si confronta con gli altri. Una volta fatto ciò, non dimenticare di configurare le impostazioni di adattabilità. Se stai traducendo il testo in Zero Block semplicemente modificandolo, controlla come appare su ogni versione dello schermo, anche se tutto sembra a posto sul primo schermo. A causa delle diverse dimensioni dei caratteri e della lunghezza della riga, il testo può apparire diverso su schermi diversi.

Se desideri che due elementi rimangano nella stessa posizione l'uno rispetto all'altro, indipendentemente dalla risoluzione dello schermo, imposta il posizionamento degli elementi come Grid Container o Window Container.

Per ulteriori informazioni sulla configurazione del posizionamento degli elementi, consulta il Centro assistenza:

Se stai posizionando il testo rispetto alla griglia e desideri che rimanga sempre all'interno dello schermo, assicurati che il suo contenitore non superi l'area della griglia. Creare un layout ordinato è una buona abitudine: in questo modo eviterai spiacevoli sorprese quando il blocco verrà pubblicato.

Utilizza Zero Block creare siti web straordinari e soluzioni tipografiche innovative. È uno strumento utile per le tue soluzioni di design. Aggiungi personalità al tuo sito web con effetti speciali, tipografia e design fuori dagli schemi. Ora è tutto nelle tue mani!