Il marchio è il passo che rende di più rispetto alla fatica. Venti minuti qui cambiano ogni schermata che un membro vedrà mai, dalla pagina di accesso alla fattura.
Apra le impostazioni di design
L'anteprima dal vivo
Il pannello a destra mostra le modifiche mentre le fa. Lo passi da desktop a mobile con le icone sopra di esso, perché i membri arrivano da entrambi e un logo che si legge bene su un portatile può diventare illeggibile su un telefono. La stessa riga passa l'anteprima dalla modalità chiara a quella scura e la apre a Schermo intero.
Nulla diventa pubblico finché non salva.
Il suo logo
Carichi due versioni: una per la modalità chiara e una per quella scura. I membri scelgono da soli la 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.
- Proporzioni: circa 5:1, quindi un logo largo piuttosto che quadrato.
- Dimensione: 1000 x 200 px funziona bene per il PNG.
Usi una versione con sfondo trasparente. Un riquadro bianco intorno al logo salta all'occhio appena un membro passa alla modalità scura.
Se il suo logo è un simbolo quadrato con il nome accanto, è quella la versione da caricare. Un simbolo quadrato da solo si perde in uno spazio largo.
La sua favicon
La favicon è la piccola icona nella scheda del browser. Carichi anche di questa una versione chiara e una scura.
- Formato: SVG o PNG.
- Proporzioni: 1:1, quindi quadrata.
- Dimensione: 512 x 512 px.
Usi il simbolo del logo, non il nome completo. A sedici pixel una parola è una macchia, mentre una singola lettera o un simbolo si leggono ancora.
I suoi colori
Quattro colori, impostati separatamente per la modalità chiara e quella scura:
| Colore | Dove compare |
|---|---|
| Primario | Pulsanti, link, tutto ciò su cui vuole che si clicchi |
| Testo | Il testo di tutta la piattaforma |
| Evidenziazione | La voce di menu attiva, la scheda selezionata e altri accenti che attirano l'attenzione senza essere un pulsante |
| Sfondo | La superficie su cui poggia tutto il resto |
Il primario è quello che conta. Lo prenda dal marchio che ha già e lo controlli contro lo sfondo in entrambe le modalità. Un giallo pallido che sta benissimo sul bianco diventa testo illeggibile sul bianco.
Quando cambia il colore primario, una nota propone Adatta lo sfondo al colore primario. Applica aggiunge il 2% del colore primario allo sfondo della pagina, il che lega la superficie al suo marchio senza cambiarne la leggibilità.
Provi entrambe le modalità prima di finire. Qui la modalità scura non è un ripensamento, e un colore che funziona solo in una delle due sembrerà rotto a metà dei suoi membri.
Tipografia
Scelga un solo carattere per tutta la piattaforma. L'elenco contiene caratteri senza grazie, con grazie, monospaziati, decorativi e calligrafici. Per il testo a dimensioni ridotte, che è la maggior parte di ciò che leggono i membri, un carattere senza grazie o con grazie funziona meglio.
Di solito un carattere neutro è la scelta giusta. Il logo porta il carattere del marchio, il testo porta le parole.
Avatar dei membri
Avatar dei membri fissa la forma degli avatar di membri e utenti in tutta la piattaforma: Rotondo o Quadrato. Il quadrato si adatta a un marchio dagli angoli netti, il rotondo è la scelta consueta.
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 l'animazione che compare mentre la piattaforma si avvia.
- Comunità per l'intestazione della community.
- Corsi per l'intestazione dei corsi.
- Lettore video per i controlli dei suoi video.
Prima il marchio. Il resto merita un'occhiata quando logo e colori sono a posto.