Il marchio è il passo con il miglior rapporto tra fatica e risultato. Venti minuti qui cambiano ogni schermata che un membro vedrà mai, dalla pagina di accesso alla fattura.
Apri le impostazioni di design
L'anteprima dal vivo
Il pannello a destra mostra le modifiche mentre le fa. Passi tra desktop e mobile con le icone sopra, perché i suoi membri arrivano da entrambi e un logo leggibile su un portatile può essere illeggibile su un telefono.
Niente diventa pubblico finché non salva.
Il suo logo
Carichi due versioni: una per la modalità chiara e una per quella scura. I membri scelgono la propria modalità, e un logo scuro su sfondo scuro sparisce.
- Formato: SVG o PNG. L'SVG resta nitido a ogni dimensione, il PNG ha bisogno di abbastanza pixel.
- Proporzione: circa 5:1, quindi un logo largo più che quadrato.
- Dimensione: 1000 x 200 px funziona bene per il PNG.
Usi una versione con sfondo trasparente. Un riquadro bianco intorno al logo si nota nell'istante in cui un membro passa alla modalità scura.
Se il suo logo è un simbolo quadrato con il nome accanto, è quella la versione da caricare. Un simbolo da solo si perde in uno spazio largo.
La sua favicon
La favicon è l'icona piccola nella scheda del browser. Carichi anche di quella una versione chiara e una scura.
- Formato: SVG o PNG.
- Proporzione: 1:1, quindi quadrata.
- Dimensione: 512 x 512 px.
Usi il simbolo del suo logo, non il nome intero. A sedici pixel una parola è una macchia, mentre una sola lettera o un simbolo si leggono ancora.
I suoi colori
Quattro colori, impostati separatamente per modalità chiara e scura:
| Colore | Dove compare |
|---|---|
| Primario | Pulsanti, link, stati attivi, tutto ciò su cui vuole che si clicchi |
| Testo | Il testo corrente su tutta la piattaforma |
| Evidenza | Accenti che attirano l'occhio senza essere un pulsante |
| Sfondo | La superficie su cui poggia tutto il resto |
Quello che conta è il primario. Lo prenda dal marchio che ha già e lo verifichi sullo sfondo in entrambe le modalità. Un giallo pallido elegante sul bianco diventa testo illeggibile sul bianco.
Provi entrambe le modalità prima di chiudere. La modalità scura qui non è un ripensamento, e un colore che funziona solo in una delle due sembrerà rotto a metà dei suoi membri.
Tipografia
Scelga un font per tutta la piattaforma. L'elenco contiene famiglie che caricano in fretta e si leggono bene a schermo anche in piccolo, ed è la maggior parte di quello che fanno i suoi membri.
Un carattere neutro di solito è la scelta giusta. Il logo porta il carattere, il testo porta le parole.
Oltre il marchio
Le schede in cima alla pagina di design vanno oltre:
- Layout per la forma dell'area membri.
- Accesso e registrazione per la schermata di accesso.
- Schermata di caricamento per ciò che si vede durante il caricamento.
- Comunità per l'intestazione della comunità.
- Corsi per l'intestazione del corso.
- Lettore video per i controlli dei suoi video.
Prima il marchio. Il resto merita un'occhiata appena logo e colori sono a posto.