Design decide l'aspetto della sua piattaforma: il logo, i colori, il font e la posizione della navigazione. Una piattaforma con il suo marchio sembra un suo prodotto e non uno strumento in affitto, e i membri la riconoscono a colpo d'occhio.
Apra le impostazioni di design
Per salvare le modifiche qui, il suo ruolo ha bisogno di Gestisci design della piattaforma oltre all'accesso alle impostazioni. Proprietario e Amministratore hanno entrambi. La scheda Comunità è l'eccezione, veda più sotto.
Le schede
Design è suddiviso in Branding, Layout, Accesso e registrazione, Schermata di caricamento, Comunità, Corsi e Lettore video. Le prime due definiscono l'intera piattaforma; le altre definiscono lo stile di un'area ciascuna.
Logo e favicon
In Branding, Logo e Favicon accettano due immagini ciascuno: una per la Modalità chiara e una per la Modalità scura. Clicchi su un riquadro per scegliere un'immagine dalla sua libreria media.
- Il logo rende al meglio come SVG o PNG in proporzione 5:1, idealmente 1000 x 200 px.
- La favicon rende al meglio come SVG o PNG in proporzione 1:1, idealmente 512 x 512 px.
La favicon è la piccola icona nella scheda del browser e il simbolo sulla schermata di caricamento. Il logo della Modalità chiara è anche il logo delle sue e-mail di sistema, finché non ne imposta uno separato per esse.
Colori per la modalità chiara e scura
Colore contiene quattro colori per ogni modalità: Primario, Testo, Evidenzia e Sfondo. Ognuno è un valore esadecimale a sei cifre come #0084FF.
Quando cambia il colore primario, un suggerimento propone Adatta lo sfondo al colore primario. Applica aggiunge il 2% del suo colore primario allo sfondo della pagina, che così porta una leggera tinta del suo marchio. Chiudi lascia lo sfondo com'è.
Perché contano entrambe le tavolozze
Ogni persona passa da chiaro a scuro per conto proprio, con Modalità scura nel menu del proprio account. I nuovi account partono in modalità chiara. Non può scegliere la modalità per i suoi membri, quindi verifichi che logo, testo e sfondo si leggano bene in entrambe. Il pulsante Modalità chiara/scura sopra l'anteprima la cambia per lei mentre lavora.
Font e avatar
Tipografia imposta un'unica famiglia di font per tutta la piattaforma. Cerca font filtra l'elenco, e ogni voce mostra una riga di esempio in quel font. Di serie la piattaforma usa Roboto.
Avatar dei membri sceglie la forma delle immagini del profilo ovunque: Rotondo o Quadrato.
Layout
Layout controlla la cornice attorno a ogni pagina.
- Posizione della navigazione: Barra laterale (sinistra) è il classico menu verticale, Barra superiore mette il menu in alto con il contenuto a tutta larghezza, e Principali combinati mostra una meta barra in alto con il menu principale come mega menu sotto.
- Barra laterale compare solo con Barra laterale (sinistra) e offre Chiaro, Scuro, Vetro e Accento.
- Intestazione è Animato, una fascia colorata con forme che si muovono lentamente, oppure Fermo, una barra semplice sullo sfondo della pagina.
- Stile della scheda stabilisce quanto le schede si staccano dallo sfondo: Fisso, Predefinito o Elevato.
- Angoli arrotonda pulsanti e riquadri in cinque livelli da Nessuno a Rotondo.
- Tinta vetro e Glass Blur (sfocatura del vetro) controllano le superfici in vetro smerigliato come intestazioni, pannelli a comparsa ed elenchi a discesa: quanto sono opache e quanto sfocano ciò che sta dietro.
Una nuova piattaforma parte con Barra laterale (sinistra), una barra laterale Chiaro, un'intestazione Animato, schede Fisso e angoli Medio.
Anteprima, ripristino e salvataggio
L'Anteprima accanto a Branding e Layout mostra una pagina di esempio con le scelte attuali prima del salvataggio. Passi tra Desktop e Cellulare, attivi Modalità chiara/scura o la apra a Schermo intero.
Non appena una sezione si discosta dai valori predefiniti, mostra Ripristina. Confermando con Ripristina nella finestra Ripristina impostazioni predefinite la sezione torna ai valori predefiniti nel modulo. Nulla viene memorizzato finché non salva.
Salvi con Salva nella barra in basso. I nuovi colori, il font e gli angoli si applicano subito, senza ricaricare la pagina.
Pagina di accesso e schermata di caricamento
Accesso e registrazione definisce lo stile delle pagine che le persone vedono prima di accedere. Scelga un layout, Carta o Schermo diviso, uno Stile della scheda e il Tipo di logo: Logo, Favicon o Nessuno. Immagini di sfondo e testi si impostano per ogni pagina nella stessa scheda.
Schermata di caricamento imposta l'animazione mostrata mentre la piattaforma si carica. In Stile di caricamento ne sceglie una tra sei: Aurora, Pulsazione, Riquadri, Skeleton, Anello e Costellazione. Aurora è quella predefinita, e Ripeti nell'anteprima riproduce di nuovo la sua scelta.
Imposti la favicon prima di scegliere uno stile di caricamento. Ogni stile costruisce l'animazione attorno a essa.
Community, corsi e lettore video
Le ultime tre schede definiscono lo stile di un'area ciascuna. Comunità e Corsi impostano il Layout dell'intestazione di quelle pagine insieme alle Impostazioni dell'intestazione per il design scelto. La scheda Comunità salva solo finché la Community è attiva in Impostazioni > Funzionalità, e richiede Gestisci impostazioni della comunità invece di Gestisci design della piattaforma. Lettore video comprende il Layout della barra di controllo, gli angoli Arrotondato, lo Sfondo dei controlli e gli Extra del lettore per ogni video della sua piattaforma.