
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








