---
title: "Come impostare il design delle tue sezioni | Tutorial - GoodBarber"
description: "Oggi impareremo come impostare il design delle sezioni della tua app.\r \r Ogni tipo di sezione ha le sue proprietà di design, ma il processo per impostarle è sempre lo stesso.\r \r Per pro…"
canonical_url: "https://it.goodbarber.com/tutorials/design/come-impostare-il-design-delle-tue-sezioni/"
lang: it
---

# Come impostare il design delle tue sezioni | Tutorial - GoodBarber

[Indietro](https://it.goodbarber.com/tutorials/)

# Come impostare il design delle tue sezioni

Oggi impareremo come impostare il design delle sezioni della tua app.

Ogni tipo di sezione ha le sue proprietà di design, ma il processo per impostarle è sempre lo stesso.

Per progettare una sezione, andiamo su La mia app > Design > Design delle sezioni

Per questo esempio, sceglieremo di creare una sezione Articoli della mia app di notizie locali.
Come vedi, la sezione articoli offre due pagine da impostare. La pagina dell'elenco degli articoli e la pagina dei dettagli dell'articolo.

Cominciamo con l'elenco degli articoli.

La prima cosa da fare qui è scegliere tra i modelli di visualizzazione proposti. Puoi vedere le modifiche dal vivo nell'anteprima del back office.

Sceglieremo il modello 2.

Poi imposteremo il design della zona dei contenuti

Il colore dello sfondo e dei bordi.

Le informazioni che visualizziamo nella lista.

I font e i colori dei caratteri dei diversi elementi.

Infine il formato della miniatura.

Questo è tutto, è già fatto!

Ecco l'elenco degli articoli completamente progettato!

Farò rapidamente lo stesso per la pagina dei dettagli dell'articolo.

E voilà!

Ora tocca a te!

## Video simili

[DesignCome impostare il tuo header](/tutorials/design/come-impostare-il-tuo-header/)

![Come impostare il tuo header](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignCome impostare lo stile globale della tua app](/tutorials/design/come-impostare-lo-stile-globale-della-tua-app/)

![Come impostare lo stile globale della tua app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignCome personalizzare lo splashscreen della tua app](/tutorials/design/come-personalizzare-lo-splashscreen-della-tua-app/)

![Come personalizzare lo splashscreen della tua app](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignCome impostare la modalità di navigazione della tua app](/tutorials/design/come-impostare-la-modalita-di-navigazione-della-tua-app/)

![Come impostare la modalità di navigazione della tua app](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignCome personalizzare le icone del tuo menu](/tutorials/design/come-personalizzare-le-icone-del-tuo-menu/)

![Come personalizzare le icone del tuo menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignCome copiare il design di una sezione](/tutorials/design/come-copiare-il-design-di-una-sezione/)

![Come copiare il design di una sezione](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignCome impostare la tua home page](/tutorials/design/come-impostare-la-tua-home-page/)

![Come impostare la tua home page](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignCome scegliere le dimensioni del tuo header ?](/tutorials/design/come-scegliere-le-dimensioni-del-tuo-header/)

![Come scegliere le dimensioni del tuo header ?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)

[DesignCome modificare lo sfondo della tua app](/tutorials/design/come-modificare-lo-sfondo-della-tua-app/)

![Come modificare lo sfondo della tua app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)