Cinque nuovi blocchi in biblioteca
Nella libreria dei blocchi sono disponibili cinque nuovi blocchi in cinque diverse categorie: "Gallery", "Tile&Link", "Team", "Menu", "Footer":

GL25. Combinazione di immagini con giustificazione verticale
TE610. Schede con immagine di sfondo e testo in colonne
TM302. Persone: immagine e informazioni a destra
ME601B. Menu: secondo livello
FT306. Pannello con logo, voci di menu principali e secondarie

Vediamo cosa offrono questi blocchi e come si presentano.
GL25. Combinazione di immagini con giustificazione verticale, categoria "Galley".
Questo blocco consente di disporre foto di dimensioni diverse in modo che i bordi della galleria non cambino. Tutte le immagini di una fila avranno la stessa altezza e gli stessi margini orizzontali.

Nel pannello delle impostazioni del blocco, sono disponibili tre opzioni di stile tra cui scegliere: una combinazione a schermo intero, un piccolo blocco orizzontale o un'enorme galleria che occupa diverse schermate. Per avvicinare le immagini o, al contrario, per creare un po' di spazio tra di esse, è possibile impostare dei padding di 0px, 10px, 20px o 40px tra le colonne.

È anche possibile aggiungere una didascalia di testo che appare al passaggio del mouse sull'immagine, impostare un colore e un'opacità personalizzati per il pannello con il testo, impostare lo zoom dell'immagine al clic e molte altre opzioni.
TE610. Schede con immagine di sfondo e testo in colonne, categoria "Tile & Link".
Un blocco con piastrelle di immagini e testo nascosto che appare al passaggio del mouse. Se necessario, è possibile disattivare la visualizzazione del testo. È possibile aggiungere un divisorio tra titolo e descrizione e posizionare un pulsante al di sotto.

Le schede sono facilmente personalizzabili. È possibile impostare il rapporto d'aspetto, il raggio d'angolo, il filtro e l'ombra, il colore di sfondo. Possono essere presenti da 1 a 4 schede in fila.

È possibile centrare o allineare a destra la sezione del titolo, regolare la tipografia di qualsiasi elemento e aggiungere animazioni.
TM302. Persone: immagine e informazioni a destra, categoria "Team".
Il blocco suggerisce un formato più dinamico di introduzione della squadra. Possono essere presenti da 1 a 4 schede in fila. Per ogni membro del team è possibile aggiungere una foto, un nome, una descrizione e i link ai social media.

Nel pannello Impostazioni del blocco, è possibile impostare il rapporto di aspetto dell'immagine e la spaziatura verticale. Inoltre, il titolo, la descrizione, le schede con i membri del team e i pulsanti possono essere animati.
ME601B. Menu: secondo livello, categoria "Menu".
Il blocco aiuta a creare una navigazione multilivello del sito web, utilizzando voci di menu di secondo livello che si espandono con un clic del mouse o con il passaggio del mouse.

È possibile impostare varie larghezze di menu e sottomenu, regolare il numero di colonne e il colore di sfondo. Queste impostazioni possono essere configurate separatamente per la versione mobile. È inoltre possibile modificare la larghezza, il colore e il raggio d'angolo del bordo, aggiungere un'ombra, impostare il margine superiore e decidere se visualizzare o nascondere un'icona di menu di secondo livello.

I nuovi elementi vengono aggiunti come schede che possono essere facilmente copiate o sostituite durante la creazione della navigazione. Nel pannello Impostazioni del blocco, è possibile modificare i margini tra le voci, scegliere lo stile della voce di menu attiva e variare lo stile della voce al passaggio del mouse.
FT306. Pannello con logo, voci di menu principali e secondarie, categoria "Piè di pagina".

Il piè di pagina con voci di menu principali e di secondo livello aiuta a costruire una gerarchia nella navigazione. Le voci principali saranno più visibili, quelle di secondo livello più piccole e trasparenti.

È possibile regolare la larghezza del piè di pagina e modificare la spaziatura degli elementi, in modo da disporre in modo ottimale qualsiasi numero di collegamenti. Inoltre, è possibile aggiungere un logo, un titolo e personalizzare la tipografia.
Leggi anche
Consigli pratici per realizzare un sito web chiaro e facile da usare
Consigli pratici dell'art director
Realizzato su
Tilda