Es ist eine einfache Frage: Benötigen Sie einen Styleguide? Und es gibt eine einfache Antwort: Ja. Jede Marke, Firma, Blog oder Webseite, die Konsistenz und professionelles Auftreten schaffen und aufrechterhalten will, sollte einen Style Guide haben.
Style-Guides sind für jeden Publisher mit mehreren Mitarbeitern ein Muss. Dies ist besonders wichtig, wenn mehr als eine Person an beliebigen Markenelementen (von der Website bis zu den gedruckten Materialien) arbeitet und sichergestellt wird, dass die Übergänge zwischen den Mitarbeitern in den Augen der Benutzer nahtlos sind. Heute werfen wir einen Blick auf einen gut dokumentierten Styleguide von MailChimp und zeigen, was Sie beim ersten Erstellen Ihres eigenen Dokuments mitnehmen können.
Was ist ein Style Guide?
Ein Styleguide ist die ultimative Ressource für den visuellen und schreibenden Ton Ihrer Marke. Der Leitfaden ist nicht dazu gedacht, von Anfang bis Ende gelesen zu werden (und sollte nicht so geschrieben werden), und sollte als einfaches Handbuch für Ressourcen organisiert werden.
Style-Guides decken zwei große Bereiche ab: Visuals und Schreiben. Für die Website- oder App-Entwicklung kann ein Style Guide einen dritten Bereich enthalten, in dem festgelegt wird, wie die Benutzeroberfläche funktionieren soll, oder um bestimmte Codierungen festzulegen.
Ein Style Guide ist ein fließendes Dokument, das nach dem Schreiben regelmäßig aktualisiert werden sollte. Berücksichtigen Sie beim Erstellen dieses Dokuments, wie es während des Prozesses aussehen und verwendet werden soll. Ihr Styleguide sollte den definierten Stilen folgen. Verwenden Sie die Farbpalette Ihrer Marke und denselben Schreibstil, den Sie mit der Marke verknüpfen möchten.
MailChimp's? Voice and Tone? Style Guide folgt diesem Konzept. Der Ton ist einfach und der Guide sieht aus und fühlt sich an wie die Website. Darüber hinaus verfügt MailChimp auch über? Brand Assets? Anleitung zur Verwendung visueller Elemente.
Fertig machen
Das Erstellen eines Style Guides von Grund auf ist keine Aufgabe, die Sie in einer Stunde erledigen können. Es braucht etwas Planung und Zeit. Sobald das Dokument erstellt wurde und regelmäßig aktualisiert wird, kann dies auf lange Sicht Zeit sparen. Sammeln (oder erstellen Sie) diese Liste von Materialien, bevor Sie das erste Wort der Anweisung schreiben, um die Erstellung Ihres Leitfadens wesentlich zu vereinfachen.
Branding-Definitionen, Stile und Logos: Dazu gehören Beispiele, wie Logos verwendet werden können und wie sie nicht verwendet werden können, sowie Schriftarten, Größen und Farbfelder.
Schriftpalette: Listen Sie alle Schriften, Größen und Farben auf, die akzeptabel sind. Fügen Sie Angaben dazu ein, wie die einzelnen Stile für Körpertyp, Kopfzeilen, Anführungszeichen, Beschriftungen, Beschriftungen, Navigationselemente usw. verwendet werden.
Bilder, Icons und Buttons: Definieren Sie Stil, Farbe, Größe und Platzierung.
Stile für Formulare oder Handlungsaufforderungen: Definieren Sie, welche Art von Informationen gesammelt werden können und wie die Datenerfassung funktioniert. Disclaimer-Informationen schreiben und einschließen
Grundlegendes Layout: Was ist die grundlegende Vorlage für Ihr Design? Fügen Sie einige Beispiele hinzu, wie Ihr Briefkopf, gedruckte Materialien oder Webseiten aussehen sollen.
Visuellen Stil
Der Abschnitt mit den visuellen Elementen des Style-Guides umfasst mehrere Schlüsselkomponenten: akzeptable Schriftarten und Verwendung, einschließlich normaler, fetter, kursiver und spezieller Stile; Farbe und Größe für Schriftarten; Einstellungen für Aufzählungszeichen oder Listen; Farbpalette; und Bildrichtlinien wie Größe, Randspezifikationen und Verwendungen wie Textumbruch oder Bild- und Textkombinationen.
Diese Stile sollten in einfacher und klarer Sprache verfasst sein und technische Spezifikationen wie vollständige Schriftartnamen, Farbmixfelder (in RGB, CMYK oder Pantone) und Richtlinien für die Verwendung von Web und Print (falls zutreffend) enthalten. Einige Marken haben sowohl einen Print- als auch einen Web-Style-Guide. Andere Marken entscheiden sich für ein Dokument, das beide abdeckt.
MailChimps Stil für Typografie ist direkt und zeigt jede Schriftart und Verwendung. Der Style Guide sollte auch HTML-Spezifikationen für Website-Styles enthalten. Welche Elemente verwenden ein H1-Tag gegen H2-Tag? (In der HMTL-Sektion gehen wir näher auf Web-Details ein.)
Darüber hinaus sollten die visuellen Stilrichtlinien eine vollständige Beschreibung enthalten, wann, wie und wo Branding und Logos verwendet werden können. Dazu gehört, wie das Logo aussieht, ob Farben oder Schriftarten geändert werden können (normalerweise nicht) und in welchen Fällen die Verwendung zulässig ist.
Schreibstil
Genauso wichtig wie Ihr visueller Stil ist der Ton der Schrift. Es kann für den Benutzer ziemlich erschütternd sein, wenn er Ihr Markenmaterial sieht und in einem Fall leicht und dumm und in einem anderen kalt und steril liest. Wie die Wörter zusammenkommen, kann Kunden oder Benutzern helfen, die mit Ihren Produkten in Verbindung stehen, und machen so einen Schreibstil aus.
Schlüsselelemente des geschriebenen Stils sind Ton; Rechtschreibung und Sprache; Leserebene oder Fachsprache; Stimme; Struktur; Verwendung von Symbolen, Zahlen und Listen; Marken- oder Warenzeichenverwendung; und übergeordneter Style Guide der Wahl.
Es gibt eine Handvoll allgemein anerkannter Style Guides für englischsprachige Publikationen. Die meisten Unternehmensstile weisen Sie an, eine dieser Fragen für Fragen zu Verwendung und Stil zu verwenden.
AP Style: Das Associated Press Stylebook wird von Journalisten und Schriftstellern in Print und Online verwendet. Der Stil konzentriert sich auf Konsistenz und Kürze und ist aufgrund dieser Eigenschaften häufig.
Chicago Style: Das Chicago Manual of Style wird von Wissenschaftlern sowie für wissenschaftliche Arbeiten und Unternehmen verwendet und enthält die Grundlagen für einen formaleren Schreibstil.
MLA-Stil: Der Style Languages Guide für moderne Sprachen wird am häufigsten in Akademikern, Geisteswissenschaften und Geisteswissenschaften verwendet.
Der Leitfaden zum Schreiben von Texten von MailChimp enthält großartige Beispiele für Pressemitteilungen und wie die Website zu lesen ist und wie die Marke mit den Kunden in den sozialen Medien, im Blog und mit den Markenwitzen des Unternehmens zu tun hat.
Benutzeroberfläche und HTML
Wenn Sie Inhalte für das Web erstellen, benötigen Sie auch Regeln für die digitale Veröffentlichung.Während Text-, Farb- und Tonrichtlinien in anderen Handbüchern beschrieben werden, sollten Sie auch beachten, wie Website und Benutzeroberfläche funktionieren sollen. (Der PRL-Leitfaden ist eine hervorragende Ressource.)
Text: Erläutern Sie HTML-Auszeichnungsregeln. Welche Kopfzeilen werden wie verwendet? Was ist der Unterschied in der Nutzung zwischen einem H2 oder H3? Welches Markup verwendet Ihre Website zusätzlich zur Nutzung? Dies ist der Teil des Handbuchs, in dem jede Verwendung detailliert beschrieben wird.
Bilder: Die Regeln für die Verwendung von Bildern sollten genauso klar sein wie für Text. Haben Sie für jedes Bild eine bestimmte Breite oder Höhe? Gibt es eine Standardgröße für Textumbruch oder -rand? Wie sollen alt-Tags verwendet werden? Stellen Sie sicher, dass Sie jede dieser Fragen klar beantworten.
Dateien benennen und speichern: Überlegen Sie sich nicht nur, wie die Dinge aussehen sollen, sondern auch ein wenig Web-Housekeeping. Wie sollen Dateien benannt und im CMS gespeichert werden? Legen Sie klare Richtlinien fest, damit Ihre Dateiverwaltung sauber ist und die Dateien in überschaubaren Größen gespeichert werden und leicht zu finden sind.
Kodierungspraktiken: Festlegung und Festlegung von Codierungsstandards für HTML, CSS und JavaScript. Beispiele einschließen
Benutzeroberfläche: Wenn Sie keinen visuellen Leitfaden für Elemente und Funktionen der Benutzeroberfläche bereitgestellt haben, fügen Sie ihn hier ein. Welche Arten von Eingaben werden verwendet und wie werden sie gekennzeichnet? (Verwenden Sie Wörter wie "Fortfahren", "Senden" oder "OK".) Fügen Sie ein Kit hinzu. der Benutzeroberflächenelemente und -nutzung Ihrer Site.
Fazit
Der beste Weg, um einen Style Guide zu erstellen, ist das Lesen eines Paares. Denken Sie an Informationen, die Sie über Ihre Marke und deren Verwendung deutlich machen möchten. Das sollte in Ihrem Guide enthalten sein.
Leitfäden können gedruckt und verteilt oder erstellt und digital als PDF auf einem Firmenserver oder als Website ausgegeben werden.
LogoDesignLove verfügt über eine großartige Liste von mehr als 60 Leitfäden für Markenstil, die Sie herunterladen und lesen können, um den Einstieg zu erleichtern. Viel Glück!