Was muss in Ihrem Styleguide sein? (Und wie erzwingen Sie es?)
Jeder mit einer Website benötigt einen Styleguide. So einfach ist das. Wenn Sie Ihrem Projekt mehr Konsistenz verleihen und alle auf die gleiche Seite bringen möchten, ist Ihr Styleguide von unschätzbarem Wert.
Was genau setzen Sie in diesen Leitfaden ein, nachdem wir das aus dem Weg geräumt haben? Und wie stellen Sie sicher, dass andere Mitglieder des Teams die Regeln befolgen, damit Ihre visuelle Präsenz konsistent bleibt? Das ist etwas komplizierter. Lassen Sie uns heute in das Thema eintauchen.
Markenübersicht
Das Erstellen eines Styleguides von Grund auf kann ziemlich einschüchternd sein, wenn Sie es noch nie zuvor getan haben. Anfänger können davon profitieren, einen Leitfaden zu finden, den sie mögen - MailChimp hat einen der besten auf dem Markt und stellt ihn unter einer Creative Commons-Lizenz zur Verfügung - und ihn als Modell für den Einstieg zu verwenden.
Die meisten Styleguides bestehen aus zwei Teilen:
- Richtlinien für das Verfassen von Texten
- Visuelle Richtlinien
Jeder Richtliniensatz ist gleich wichtig und sollte Teil Ihres allgemeinen Styleguides sein. Durch das Zusammenfügen der Elemente wird eine Gesamtidentität hergestellt. Jede Marke, jedes Unternehmen oder jede Website ist auch ein bisschen anders. Wählen Sie einen Ton und Stil, der in Bezug auf Kopie und Grafik gut funktioniert, sich aber auch auf Sie und Ihr gesamtes Publikum bezieht.
Berücksichtigen Sie Benutzer und Stakeholder bei der Etablierung einer Identität. Ist die Marke das, was sie wollen und erwarten? Können sie sich darauf beziehen? Wollen sie damit interagieren?
Stimme und Ton
Wir werden uns hauptsächlich auf die visuellen Aspekte Ihres Styleguides konzentrieren, aber Stimme und Ton sind wichtig. Ein Teil Ihrer Identität liegt in der Art und Weise, wie Sie mit Benutzern „sprechen“. Ist dieser Stil formal oder lässig? Ist es ausführlich oder prägnanter?
Schreiben Sie Ihren Styleguide auf die gleiche Weise wie die Kopie auf Ihrer Website. Auf diese Weise können Sie in Ihrem Team feststellen, was erwartet wird und wie die Sprache zur Markenidentität beitragen soll.
Diese Stimme und dieser Ton sollten in jeder Kommunikation von Ihnen verwendet werden. Kehren Sie zu den Umrissen von MailChimp zurück, um einen umfassenden Überblick über den Aufbau der Markenstimme zu erhalten. Beachten Sie, wie das Unternehmen über sein Maskottchen spricht, zum Beispiel: „Freddie ist unser Maskottchen. Wir verwenden ihn nicht in Kombination mit unserem Logo. Freddie steht immer richtig und zwinkert immer. “
"Regeln" und Verwendung
Ihr Styleguide sollte Ihr Design-Playbook sein. (Klingt das nicht freundlicher als "Regeln"?)
Es sollte darlegen, wie und wann Typ, Farbe und alle anderen Arten von Designelementen auf leicht verständliche Weise verwendet werden sollen. Hier ist eine Checkliste mit Dingen, die enthalten sein müssen:
- Farbpalette, einschließlich Werte und akzeptabler Farbtöne
- Typografie-Palette mit allen zulässigen Gewichten, Größen, Führungen und Verwendungszwecken
- Logo, einschließlich Richtlinien für Größe und Standort
- Symbol- oder Elementstile (dies umfasst die Behandlung von Elementen von Schaltflächen bis zu Symbolen für die Freigabe von sozialen Medien)
- Rechtschreibung, Wortwahl und Kopierstil (Welche redaktionellen Richtlinien sollten Sie befolgen? APA, AP, etwas anderes?)
- Richtlinien für die Fotografie, einschließlich Farbe, Zuschneiden und visuelle Präsenz
- SEO Informationen wie Astags und Keywords
- Grid-Standards (für Web und Print)
- Überlegungen zum Abstand (wenn das Design locker oder eng ist)
- Ansprechpartner (wo Teammitglieder Fragen stellen oder zur Klärung gehen können)
Einfache und spezifische Konzepte
Hier ist der schwierige Teil. Sie müssen alle oben genannten Informationen in einfache, spezifische und umsetzbare Konzepte umwandeln.
- Gehen Sie mit dem Inhalt nicht über Bord, wenn es um Ihren Styleguide geht. Dies ist eine visuelle Referenz; gestalte es so.
- Gruppieren Sie verwandte Elemente zur schnellen Referenz in Seiten: eine Seite für Farbe, eine andere Seite für Typografie, eine Seite für Fotografie usw.
- Zeigen Sie Beispiele, wie Dinge aussehen sollten. Erklären Sie die Dinge nicht schriftlich, wenn ein Bild ausreicht.
- Geben Sie Details an, die verwendet werden können. Farbfelder sollten beispielsweise RGB- (oder HEX-) und CMYK-Mischungen enthalten, damit die Farbe bei allen Anwendungen konsistent ist.
- Teilen Sie Teile des Designs auf, um zu zeigen, wie Elemente verwendet werden sollten.
Schnipsel und Beispiele
Unabhängig davon, ob Ihr Styleguide gedruckt oder ein digitales oder webbasiertes Dokument ist, sollte er mit verwendbaren Tools gefüllt sein. Eines der Elemente, die unglaublich nützlich sein können, sind Beispiele für Marken- und Verbote. Es kann leicht sein, das zu betonen, was Sie mit der Marke visuell sehen möchten.
Erstellen Sie dann einen Katalog mit leicht zugänglichen Teilen. Erstellen Sie Bibliotheken (oder eine Reihe gemeinsamer Elemente, abhängig von Ihrer Softwareverwendung) für alle Teammitglieder. Speichern Sie die Dateien an einem gemeinsamen Ort, auf den Sie leicht zugreifen können, sodass Änderungen relativ einfach vorgenommen werden können.
Bereitstellung einer Liste von Tools für Cloud-basierte Software für alle am Projekt Beteiligten. (Dies umfasst Links, Benutzernamen und andere grundlegende Informationen.) Stellen Sie sicher, dass sich alle Schriftartenpakete, Logos und Bilddateien an einem gemeinsamen Speicherort befinden und alle Benutzer wissen, wo sie sich befinden. (Bewahren Sie ein Backup auch an einem anderen Ort auf, falls jemand das Original beschneidet und speichert.)
Erstellen Sie eine Hauptliste für Codefragmente, die einfach kopiert und in Projekte eingefügt werden können. Es macht keinen Sinn, jedes Mal alles Neue erstellen und neu erstellen zu müssen. Gemeinsame Elemente sollten sich an einem gemeinsam genutzten Ort befinden, auf den jeder Zugriff hat.
Der letzte Teil davon ist, sich daran zu erinnern, sich weiterzuentwickeln. Die Dinge werden sich ändern - und sie sollten es tun. Das Smashing Magazine hat eine wunderbare Fallstudie, die einen „Living Style Guide“ beschreibt.
Erzwingen Sie den Style Guide
Schließlich lautet die größte Frage: "Wie bringen Sie die Leute dazu, die Regeln zu befolgen?" Sie sind bereits ein guter Weg dorthin, wenn Sie den Leitfaden gemäß einigen der obigen Umrisse entworfen haben, insbesondere dem Abschnitt über die Verwendung einfacher und spezifischer Konzepte.
Der Leitfaden sollte leicht zu befolgen und verwendbar sein (genau wie Ihre Website). Die Sprache sollte einfach und nicht mikromanagiert sein, damit die Leute die Richtlinien befolgen möchten.
Es sollte ein Leitfaden sein, der viel Raum für Flexibilität und tatsächliches Design lässt. Das Entwerfen innerhalb einer Reihe von Einschränkungen kann Teammitgliedern helfen, ihre Kreativität zu entfalten und gleichzeitig etwas zu schaffen, das Ihrer Marke ähnelt. Der Styleguide sollte auch einen Besitzer haben. Dies ist die Person, die Aktualisierungen und Änderungen genehmigt und Fragen zu Entwurfsentscheidungen beantworten kann. Der „Eigentümer“ kann je nach Größe Ihrer Organisation eine Einzelperson oder ein Team sein.
Fazit
Haben Sie bereits einen Styleguide oder ist es Zeit für einen neuen? Dies ist ein Projekt, das Sie jährlich in Angriff nehmen sollten, damit der Leitfaden jederzeit auf dem neuesten Stand ist. (Sie können einem Teammitglied nichts vorwerfen, wenn dort draußen alte Standards herumschwirren.)
Haben oder haben Sie einige ausgezeichnete Styleguides gesehen? Ich bin ein totaler Geek für diese Dinge und würde sie gerne sehen. Sie können mich auf Twitter kontaktieren oder mir eine E-Mail schreiben.
){kind=link}