C'est une question simple: avez-vous besoin d'un guide de style? Et sa réponse est simple: oui. Toute marque, entreprise, blog ou page Web qui souhaite créer et maintenir une cohérence et un esprit professionnel doit disposer d’un guide de style.
Les guides de style sont un must pour tout éditeur ayant plusieurs employés. Cela est particulièrement important si plusieurs personnes travaillent sur tous les éléments de la marque (du site Web aux documents imprimés) et s’assurent que les transitions entre les employés se déroulent sans encombre aux yeux des utilisateurs. Aujourd'hui, nous examinons le guide de style bien documenté de MailChimp et mettons en évidence les éléments que vous pouvez emporter en créant votre propre document pour la première fois.
Qu'est-ce qu'un guide de style?
Un guide de style est la ressource ultime pour le ton visuel et rédactionnel de votre marque. Le guide n’est pas destiné à être lu de manière intégrale (et ne devrait pas être écrit de cette façon), et devrait être organisé comme un simple manuel de ressources.
Les guides de style couvrent deux grands domaines: les visuels et l'écriture. Pour le développement de sites Web ou d'applications, un guide de style peut contenir une troisième zone, définissant le fonctionnement de l'interface utilisateur ou codant les spécificités.
Un guide de style est un document fluide qui, une fois rédigé, devrait être mis à jour régulièrement. Lors de la création de ce document, tenez compte de son apparence et de son utilisation au cours du processus. Votre guide de style doit suivre les styles définis. Utilisez la palette de couleurs de votre marque et le même style d'écriture que celui que vous souhaitez associer à la marque.
MailChimp's? Voice and Tone? guide de style suit ce concept. Le ton est simple et le guide ressemble au site Web. En outre, MailChimp a également un? Actifs de la marque? guide d'utilisation des éléments visuels.
Commencer
Créer un guide de style à partir de rien n'est pas une tâche que vous pouvez terminer en une heure. Cela prendra du temps et de la planification. Mais une fois le document créé et mis à jour régulièrement, il peut vous permettre de gagner du temps à long terme. Avant de rédiger le premier mot d’instruction, rassemblez (ou créez) cette liste de documents pour faciliter la compilation de votre guide.
Définitions de marque, styles et logotypes: Cela inclut des exemples de la manière dont les logos peuvent et ne peuvent pas être utilisés, ainsi que des polices, des tailles et des nuances de couleurs.
Palette de polices: Énumérez toutes les polices de caractères, tailles et couleurs acceptables. Incluez des spécifications sur la manière dont chacun est utilisé à partir de styles pour le type de corps, les en-têtes, les guillemets, les étiquettes, les légendes, les éléments de navigation, etc.
Images, icônes et boutons: Définir le style, la couleur, la taille et l'emplacement de chacun.
Styles pour formulaires ou appels à l'action: Définissez le type d'informations pouvant être collectées et le fonctionnement de la collecte de données. Écrire et inclure des informations de non-responsabilité.
Mise en page de base: Quel est le modèle de base pour votre conception? Inclure quelques exemples de la façon dont votre papier à en-tête, vos documents imprimés ou vos pages Web devraient ressembler.
Style visuel
La section des éléments visuels du guide de style comprend plusieurs éléments clés: polices et utilisations acceptables, y compris les styles normal, gras, italique et spécial; couleur et taille des caractères; paramètres pour les puces ou les listes; palette de couleurs; et des repères d'image, tels que la taille, les spécifications de bordure et les utilisations telles que le retour à la ligne ou des combinaisons d'images et de texte.
Ces styles doivent être écrits dans un langage simple et clair et inclure des spécifications techniques, telles que des noms de police complets, des nuances de mélange de couleurs (en RVB, CMJN ou Pantone) et des directives d'utilisation pour le Web et l'impression (le cas échéant). Certaines marques ont à la fois un guide de style imprimé et Web; d'autres marques optent pour un document qui couvre les deux.
Le style de MailChimp pour la typographie est direct et montre chaque police et chaque utilisation. Le guide de style doit également inclure les spécifications HTML pour les styles de site Web. Quels éléments utilisent une balise H1, H2 ou H3? (Nous verrons plus en détail les spécificités Web dans la section HMTL.)
En outre, les directives relatives aux styles visuels doivent inclure une description complète des possibilités d'utilisation de la marque et des logos quand, comment et où. Cela inclut l'aspect du logo, si les couleurs ou les polices peuvent être modifiées (généralement pas) et dans quels cas, l'utilisation est acceptable.
Style d'écriture
Le ton de l'écriture est tout aussi important que votre style visuel. Il peut être choquant que les utilisateurs viennent voir le matériel de votre marque et que celui-ci soit clair et ridicule dans un cas et froid et stérile dans un autre. La manière dont les mots sont combinés peut aider les clients ou les utilisateurs associés à vos produits, en donnant un style essentiel à l’écriture.
Les éléments clés du style écrit comprennent le ton; orthographe et langue; niveau de lecture ou jargon; voix; structure; utilisation de symboles, de chiffres et de listes; marque ou utilisation de la marque; et guide de style de choix.
Il existe une poignée de guides de style écrits généralement acceptés pour les publications de langue anglaise. La plupart des guides de style d’entreprise vous conseillent d’utiliser l’un de ces guides pour des questions d’utilisation et de style.
Style AP: Associated Press Stylebook est utilisé par les professionnels du journalisme et de l'écriture imprimés et en ligne. Le style met l'accent sur la cohérence et la brièveté et est commun en raison de ces attributs.
Style de Chicago: Le Chicago Manual of Style est utilisé par les universitaires et pour les ouvrages savants, les entreprises et comprend les bases d'un style d'écriture plus formel.
Style de député: Le guide de style de l’Association des langues modernes est le plus souvent utilisé par les universitaires, les arts libéraux et les sciences humaines.
Le guide de rédaction de MailChimp comprend d'excellents exemples de communiqués de presse et explique comment le site doit être lu, ainsi que les interactions de la marque avec les clients sur les réseaux sociaux, le blog et la gestion des blagues sur la marque.
Interface utilisateur et HTML
Si vous créez du contenu pour le Web, vous avez également besoin de règles pour la publication numérique.Bien que les consignes relatives au texte, à la couleur et au ton soient décrites dans d'autres guides, vous devez également noter le fonctionnement du site Web et de l'interface utilisateur. (Le guide PRL est une excellente ressource.)
Texte: Expliquez les règles de balisage HTML. Quel type d'en-tête est utilisé et comment? Quelle est la différence d'utilisation entre un H2 et un H3? Outre l'utilisation, quel balisage votre site utilise-t-il? C’est la partie du guide qui détaille chaque utilisation.
Images: Les règles d'utilisation des images doivent être aussi claires que celles du texte. Avez-vous une largeur ou une hauteur spécifiée pour chaque image? Existe-t-il un texte ou une taille de bordure standard? Comment utiliser les balises alt. Assurez-vous de répondre clairement à chacune de ces questions.
Nommer et sauvegarder des fichiers: En plus de ce à quoi les choses devraient ressembler, pensez à un peu d’entretien Web. Comment les fichiers doivent-ils être nommés et enregistrés dans le CMS? Définissez des instructions claires pour que la maintenance de vos fichiers soit propre et que les fichiers soient enregistrés dans des tailles gérables et faciles à trouver.
Pratiques de codage: Déterminer et définir des normes de codage pour HTML, CSS et JavaScript. Inclure des exemples.
Interface utilisateur: Si vous n'avez pas inclus de guide visuel sur les éléments et le fonctionnement de l'interface utilisateur, incluez-le ici. Quels types d'intrants sont utilisés et comment sont-ils étiquetés? (Utilisez-vous des mots tels que "Continuer," Soumettre, "ou" OK ") Inclure un" kit "? des éléments d'interface utilisateur et de l'utilisation de votre site.
Conclusion
La meilleure façon de commencer à créer un guide de style est de lire un couple. Pensez aux informations que vous souhaitez expliquer à propos de votre marque et de son utilisation. C'est ce qui devrait être inclus dans votre guide.
Les guides peuvent être imprimés, distribués ou créés et distribués sous forme numérique au format PDF sur un serveur de la société ou sur un site Web.
LogoDesignLove a une grande liste de plus de 60 guides de style de marque que vous pouvez télécharger et lire pour vous aider à démarrer. Bonne chance!