Chiunque abbia un sito Web ha bisogno di una guida di stile. È così semplice. Se vuoi instillare maggiore coerenza nel tuo progetto e coinvolgere tutti nella stessa pagina, la tua guida di stile diventerà preziosa.
Ora che lo abbiamo tolto di mezzo, cosa metti esattamente in questa guida? E come ti assicuri che le altre persone del team seguano le regole in modo che la tua presenza visiva mantenga la coerenza? È un po 'più complicato. Facciamo un tuffo nell'argomento oggi.
Panoramica del marchio
Creare una guida di stile partendo da zero può essere piuttosto scoraggiante se non lo hai mai fatto prima. I principianti possono trarre vantaggio dalla ricerca di una guida che gli piace - MailChimp ha uno dei migliori disponibili e lo rende disponibile sotto una licenza Creative Commons - e lo utilizza come modello per iniziare.
La maggior parte delle guide di stile ha due parti:
- Linee guida per il copywriting
- Linee guida visive
Ogni serie di linee guida è ugualmente importante e dovrebbe far parte della guida generale allo stile. Mettere insieme gli elementi stabilirà un'identità generale. Ogni marchio o azienda o sito web è un po 'diverso. Scegli un tono e uno stile che funzionino bene in termini di copie e immagini, ma che riguardano anche te e il tuo pubblico nel suo insieme.
Considerare utenti e stakeholder al momento di stabilire un'identità, è il marchio ciò che vogliono e si aspettano? Possono riguardare ad esso? Vogliono interagire con esso?
Voce e tono
Ci concentreremo principalmente sugli aspetti visivi della tua guida di stile, ma la voce e il tono sono importanti. Parte della tua identità è nel modo in cui parli? agli utenti. Quello stile è formale o casuale? È prolisso o più succinto?
Scrivi la tua guida di stile allo stesso modo della copia sul tuo sito web. Ciò contribuirà a spingere nella tua squadra ciò che è previsto e in che modo la lingua dovrebbe contribuire all'identità del marchio.
Questa voce e tono dovrebbero essere usati in ogni bit di comunicazione da te. Torna ai profili di MailChimp per un look completo sulla costruzione della voce del marchio. Nota il modo in cui la compagnia parla della sua mascotte, ad esempio: "Freddie è la nostra mascotte. Non lo usiamo in combinazione con il nostro logo. Freddie ha sempre la faccia giusta, e lui fa sempre l'occhiolino.
?Regole? e uso
La tua guida di stile dovrebbe essere il tuo design? Playbook.? (Non sembra più amichevole di? Regole ??)
Dovrebbe delineare come e quando usare il tipo, il colore e tutti gli altri tipi di elementi di design in un modo che sia facile da capire. Ecco una lista di cose da includere:
- Tavolozza dei colori, inclusi valori e tinte accettabili
- Tavolozza tipografica, con tutti i pesi, le dimensioni, la guida e l'utilizzo accettabili
- Logo, comprese le linee guida per dimensioni e posizione
- Stile dell'icona o dell'elemento (questo include il trattamento per gli elementi dai pulsanti alle icone di condivisione dei social media)
- Ortografia, scelta delle parole e stile di copia (Quali linee guida redazionali dovresti seguire? APA, AP, qualcos'altro?)
- Linee guida sulla fotografia, tra cui il colore, il ritaglio e la presenza visiva
- Informazioni SEO come tag alt e parole chiave
- Standard di griglia (per web e stampa)
- Considerazioni sulla distanza (se il disegno è lento o stretto)
- Punto di contatto (dove i membri del team possono andare con domande o chiarimenti)
Concetti semplici e specifici
Ora ecco la parte difficile. È necessario prendere tutte le informazioni di cui sopra e ridurle in concetti semplici, specifici e attuabili.
- Non esagerare con il contenuto quando si tratta della tua guida di stile. Questo è un riferimento visivo; progettalo in questo modo.
- Raggruppa elementi correlati in pagine per un rapido riferimento: una pagina per il colore, un'altra per la tipografia, una pagina per la fotografia, ecc.
- Mostra esempi di come dovrebbero essere le cose. Non spiegare le cose per iscritto quando un'immagine sarà sufficiente.
- Fornire specifiche utilizzabili. I campioni di colore, ad esempio, dovrebbero includere i mix RGB (o HEX) e CMYK in modo che il colore sia coerente in tutti gli usi.
- Scomporre parti del progetto per mostrare come dovrebbero essere usati gli elementi.
Frammenti ed esempi
Se la tua guida di stile è stampata o un documento digitale o web-based, dovrebbe essere pieno di strumenti utilizzabili. Uno degli elementi che può essere incredibilmente utile sono gli esempi di brand do e di non fare. Può essere facile enfatizzare visivamente ciò che si desidera vedere con il marchio.
Quindi, crea un catalogo di parti facilmente accessibili. Crea librerie (o un insieme di elementi comuni, a seconda dell'utilizzo del software) per tutti i membri del team. Salva i file in una posizione comune facilmente accessibile e in modo che le modifiche siano relativamente facili da eseguire.
Fornire un elenco di strumenti per il software basato su cloud per tutti coloro che sono coinvolti nel progetto. (Questo include collegamenti, nomi utente e altre informazioni di base). Assicurati che tutti i pacchetti di font, i loghi e i file di immagine siano in una posizione comune e tutti gli utenti sappiano dove si trovano. (Tieni un backup anche da qualche altra parte nel caso qualcuno ritagli e salvi l'originale.)
Crea un elenco principale per frammenti di codice facili da copiare e incollare in progetti. Non ha senso dover creare e ricreare ogni cosa nuova ogni volta. Elementi comuni dovrebbero vivere in una posizione condivisa a cui tutti hanno accesso.
L'ultima parte di questo è ricordarsi di evolvere. Le cose cambieranno - e dovrebbero. Smashing Magazine ha un meraviglioso case study che delinea una "guida allo stile di vita".
Applica la guida allo stile
Infine, la più grande domanda è: come fai a convincere la gente a seguire le regole ?? Sei già un buon modo lì se hai progettato la guida seguendo alcuni degli schemi sopra, in particolare la sezione sull'utilizzo di concetti semplici e specifici.
La guida dovrebbe essere facile da seguire e utilizzabile (proprio come il tuo sito web). Il linguaggio dovrebbe essere semplice e non micromanage-y, in modo che le persone vorranno seguire le linee guida.
Dovrebbe essere una guida che lascia ampio spazio alla flessibilità e al design attuale. Progettare all'interno di un insieme di vincoli può aiutare i membri del team a liberare la loro creatività mentre crea qualcosa che assomiglia al tuo marchio. La guida allo stile dovrebbe avere anche un proprietario. Questa è la persona che approva aggiornamenti e modifiche e può rispondere a domande sulle decisioni di progettazione. Il proprietario? può essere un individuo o una squadra, a seconda delle dimensioni della tua organizzazione.
Conclusione
Hai già una guida di stile o è ora di una nuova? Questo è un progetto che dovresti affrontare ogni anno, in modo che la guida sia sempre aggiornata. (Non puoi criticare un membro del team se hai vecchi standard che galleggiano là fuori).
Hai o hai visto alcune eccellenti guide di stile? Sono un fanatico di queste cose e mi piacerebbe vederle. Puoi contattarmi su Twitter o inviarmi un'email.