Creazione di un layout a griglia
Panoramica
Questo tutorial ti guiderà nella creazione di una griglia dinamica e visivamente accattivante utilizzando vari componenti disponibili. Il layout a griglia è ideale per mettere in evidenza funzionalità, prodotti o soluzioni, ciascuno con un pulsante dedicato "Scopri di più".
Utilizzeremo il Avonni Layout, Avonni Container, Avonni Icon, Blocco di testo e Avonni Button componenti.
Perché usare questi componenti?
Avonni Layout: Questa è la base del nostro layout a griglia. Ci consente di strutturare i nostri contenuti in un formato organizzato basato su griglia, rendendo più সহজe per gli utenti navigare tra i vari elementi.
Avonni Container: Ogni elemento della griglia sarà racchiuso all'interno di un Avonni Container. Questo aiuta a suddividere diversi prodotti o funzionalità, offrendo a ciascun elemento uno spazio pulito e isolato.
Avonni Icon: Le icone sono un ottimo modo per rappresentare visivamente le funzionalità o i prodotti. Aggiungono un elemento grafico al contenuto, rendendolo più coinvolgente e più facile da interpretare.
Blocco di testo: Qui aggiungerai il testo descrittivo per ciascuna funzionalità o prodotto. Il componente blocco di testo consente di fornire informazioni chiare e concise.
Avonni Button: Un pulsante "Scopri di più" sotto ogni elemento della griglia guida gli utenti verso ulteriori informazioni. Questa call to action favorisce il coinvolgimento degli utenti e fornisce contenuti più dettagliati.
Guida interattiva alla configurazione passo dopo passo
Ultimo aggiornamento
È stato utile?