È una domanda semplice: hai bisogno di una guida di stile? E ha una risposta semplice: sì. Qualsiasi marchio, azienda, blog o pagina web che desideri creare e mantenere coerenza e un tocco professionale dovrebbe avere una guida di stile.
Le guide di stile sono un must per qualsiasi editore con più dipendenti. Ciò è particolarmente importante se più di una persona lavorerà su qualsiasi elemento del marchio (dal sito web ai materiali stampati) e per garantire che le transizioni tra i dipendenti siano senza soluzione di continuità agli occhi degli utenti. Oggi diamo un'occhiata a una guida di stile ben documentata di MailChimp e mettiamo in evidenza le cose che puoi portare via per creare il tuo documento per la prima volta.
Cos'è una guida di stile?
Una guida di stile è l'ultima risorsa per il tono visivo e di scrittura del tuo marchio. La guida non è destinata a essere letta come copertura per coprire (e non dovrebbe essere scritta in questo modo) e dovrebbe essere organizzata come un semplice manuale di risorse.
Le guide di stile coprono due grandi aree: la grafica e la scrittura. Per lo sviluppo di siti Web o app, una guida di stile può contenere una terza area, che definisce come l'interfaccia utente dovrebbe funzionare o le specifiche di codifica.
Una guida di stile è un documento fluido e una volta scritta dovrebbe essere aggiornata regolarmente. Quando crei questo documento, considera come apparirà e sarà usato durante il processo. La tua guida di stile dovrebbe seguire gli stili definiti. Usa la tavolozza dei colori del tuo marchio e lo stesso stile di scrittura che vorresti fosse associato al marchio.
MailChimp's? Voice and Tone? la guida di stile segue questo concetto. Il tono è semplice e la guida sembra e sembra il sito web. Inoltre, MailChimp ha anche un? Beni del marchio? guida per come vengono utilizzati gli elementi visivi.
Iniziare
La creazione di una guida di stile ex novo non è un'attività che è possibile completare in un'ora. Ci vorrà un po 'di pianificazione e tempo. Ma una volta creato il documento e aggiornato regolarmente, può essere un risparmio di tempo nel lungo periodo. Prima di scrivere la prima parola di istruzioni, raccogli (o crea) questa lista di materiali per rendere la tua guida molto più semplice.
Definizioni, stili e loghi di branding: Questo include esempi di come i loghi possono e non possono essere usati, così come i caratteri, le dimensioni e i campioni di colore.
Tavolozza dei caratteri: Elenca tutti i caratteri, le dimensioni e i colori che sono accettabili. Includere le specifiche per il modo in cui ciascuna viene utilizzata dagli stili per tipo di corpo, intestazioni, virgolette, etichette, didascalie, elementi di navigazione e così via.
Immagini, icone e pulsanti: Definire lo stile, il colore, le dimensioni e il posizionamento di ciascuno.
Stili per moduli o inviti all'azione: Definire quale tipo di informazioni possono essere raccolte e come funziona la raccolta dei dati. Scrivi e includi le informazioni sulla dichiarazione di non responsabilità.
Layout di base: Qual è il modello di base per il tuo design? Includere alcuni esempi su come dovrebbero apparire la carta intestata, i materiali stampati o le pagine web.
Stile visivo
La sezione visiva della guida allo stile include diverse parti chiave: caratteri accettabili e uso, inclusi stili normali, grassetto, corsivo e speciali; colore e dimensione per i caratteri tipografici; impostazioni per elenchi puntati o elenchi; palette dei colori; e linee guida per le immagini, come dimensioni, specifiche dei bordi e usi come il testo a capo o combinazioni di immagini e testo.
Questi stili dovrebbero essere scritti in un linguaggio semplice e chiaro e includere specifiche tecniche, come nomi di font completi, campioni di mix di colori (in RGB, CMYK o Pantone) e linee guida per l'uso per il web e la stampa (se applicabile). Alcuni marchi hanno sia una guida di stile di stampa che di web; altri marchi optano per un documento che copre entrambi.
Lo stile di MailChimp per la tipografia è diretto e mostra ogni carattere e utilizzo. La guida allo stile dovrebbe includere anche le specifiche HTML per gli stili del sito web. Quali elementi usano un tag H1 contro H2 contro H3. (Andremo più in dettaglio sulle specifiche web nella sezione HMTL.)
Inoltre, le linee guida dello stile visivo dovrebbero includere una descrizione completa di quando, come e dove possono essere utilizzati marchi e loghi. Ciò include l'aspetto del logo, se i colori oi caratteri possono essere modificati (in genere no) e in quali casi l'uso è accettabile.
Stile di scrittura
Altrettanto importante del tuo stile visivo è il tono della scrittura. Può essere sconcertante per gli utenti venire a vedere il materiale del tuo brand e leggere leggere e sciocchezze in un caso e fredde e sterili in un altro. Il modo in cui le parole si incontrano può aiutare clienti o utenti associati ai tuoi prodotti, rendendo vitale uno stile di scrittura.
Le parti chiave dello stile scritto includono il tono; ortografia e lingua; livello di lettore o gergo; voce; struttura; uso di simboli, numeri e liste; utilizzo del marchio o del marchio; e una guida di stile prioritaria di scelta.
Ci sono una manciata di guide di stile scritte generalmente accettate per pubblicazioni in lingua inglese. La maggior parte delle guide di stile aziendali ti consiglia di utilizzare uno di questi per domande su questioni di utilizzo e stile.
Stile AP: L'Associated Press Stylebook è utilizzato da giornalisti e professionisti della scrittura su carta stampata e online. Lo stile si concentra su coerenza e brevità ed è comune a causa di questi attributi.
Stile di Chicago: Il Chicago Manual of Style è usato da accademici e per opere accademiche, imprese e include le basi per uno stile più formale di scrittura.
Stile MLA: La guida allo stile dell'Associazione linguistica moderna è più comunemente usata negli accademici, nelle arti liberali e umanistiche.
La guida allo stile di scrittura di MailChimp include grandi esempi di comunicati stampa e di come il sito dovrebbe leggere, nonché il modo in cui il marchio interagisce con i clienti sui social media, sul blog e su come devono essere gestite le battute sul marchio della società.
Interfaccia utente e HTML
Se stai creando contenuti per il web, hai bisogno anche di regole per la pubblicazione digitale.Mentre le linee guida di testo, colore e tono saranno delineate in altre guide, dovresti anche notare come il sito web e l'interfaccia utente dovrebbero funzionare. (La guida PRL è un'ottima risorsa.)
Testo: Spiega le regole di markup HTML. Che tipo di intestazioni vengono utilizzate e come? Qual è la differenza di utilizzo tra un H2 o un H3? Oltre all'utilizzo, quale markup utilizza il tuo sito? Questa è la parte della guida che descrive ogni utilizzo.
Immagini: Le regole per l'uso delle immagini dovrebbero essere chiare come per il testo. Hai una larghezza o altezza specificata per ogni immagine? C'è un testo standard o una dimensione del bordo? Come dovrebbero essere usati i tag alt. Assicurati di rispondere a ciascuna di queste domande chiaramente.
Denominazione e salvataggio dei file: Oltre a come dovrebbero essere le cose, prendi in considerazione un po 'di pulizia del web. Come devono essere nominati e salvati i file nel CMS? Stabilisci linee guida chiare in modo che la manutenzione dei tuoi file sia pulita e i file vengano salvati a dimensioni gestibili e facili da trovare.
Pratiche di codifica Determina e imposta gli standard di codifica per HTML, CSS e JavaScript. Includere esempi.
Interfaccia utente: Se non hai incluso una guida visiva per gli elementi e il funzionamento dell'interfaccia utente, includila qui. Che tipo di input sono utilizzati e come sono etichettati? (Usi parole come? Continua ,?? Invia ,? o? OK ??) Includere un? Kit? degli elementi e dell'utilizzo dell'interfaccia utente del tuo sito.
Conclusione
Il modo migliore per iniziare a creare una guida di stile è leggere un paio. Pensa alle informazioni che vuoi chiarire sul tuo marchio e su come vengono utilizzate. Questo è ciò che dovrebbe essere incluso nella tua guida.
Le guide possono essere stampate, distribuite o create e distribuite in formato digitale sotto forma di PDF su un server aziendale o come sito Web.
LogoDesignLove ha una grande lista di oltre 60 guide di stile del marchio che puoi scaricare e leggere per aiutarti a iniziare. In bocca al lupo!