Jeder mit einer Website benötigt einen Style Guide. So einfach ist das. Wenn Sie Ihrem Projekt mehr Konsistenz verleihen möchten und alle auf dieselbe Seite bringen möchten, wird Ihr Style Guide von unschätzbarem Wert.
Nun, da wir das aus dem Weg geräumt haben, was genau setzen Sie in diesen Leitfaden ein? Und wie stellen Sie sicher, dass andere Teammitglieder die Regeln befolgen, damit Ihre visuelle Präsenz konsistent bleibt? Das ist etwas komplizierter. Lass uns heute in das Thema eintauchen.
Markenübersicht
Das Erstellen eines Style Guides von Grund auf kann sehr einschüchternd sein, wenn Sie es noch nie gemacht haben. Erstbesucher können davon profitieren, einen Leitfaden zu finden, den sie mögen - MailChimp hat einen der besten und bietet ihn unter einer Creative Commons-Lizenz an - und verwendet ihn als Modell für den Einstieg.
Die meisten Style-Guides bestehen aus zwei Teilen:
- Copywriting-Richtlinien
- Visuelle Richtlinien
Jeder Satz von Richtlinien ist gleichermaßen wichtig und sollte Teil Ihres allgemeinen Stilhandbuchs sein. Durch das Zusammenstellen der Elemente wird eine Gesamtidentität hergestellt. Jede Marke, jedes Unternehmen oder jede Website ist etwas anders. Wählen Sie einen Ton und einen Stil, der in Bezug auf Kopie und Optik gut funktioniert, der sich aber auch auf Sie und Ihr Publikum als Ganzes bezieht.
Berücksichtigen Sie Benutzer und Interessengruppen bei der Identitätsfindung. Ist die Marke, 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 Style Guides konzentrieren, aber Stimme und Ton sind wichtig. Ein Teil Ihrer Identität ist in der Art, wie Sie sprechen? an die Benutzer. Ist dieser Stil formell oder lässig? Ist es wortreich oder prägnanter?
Schreiben Sie Ihren Style Guide auf dieselbe Weise wie die Kopie auf Ihrer Website. So können Sie in Ihrem Team wissen, 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. Gehen Sie zurück zu den Umrissen von MailChimp, um einen umfassenden Überblick über den Aufbau von Markenstimmen zu erhalten. Beachten Sie die Art und Weise, in der die Firma über ihr Maskottchen spricht: Freddie ist unser Maskottchen. Wir verwenden ihn nicht in Kombination mit unserem Logo. Freddie sieht immer gut aus und zwinkert immer.?
Regeln? und Verwendung
Ihr Styleguide sollte Ihr Design-Playbook sein. (Klingt das nicht freundlicher als? Regeln?)
Es sollte dargelegt werden, wie und wann Typ, Farbe und alle anderen Arten von Gestaltungselementen auf verständliche Weise verwendet werden. Hier ist eine Checkliste der Dinge, die enthalten sein sollten:
- Farbpalette mit Werten und akzeptablen Farbtönen
- Typografie-Palette mit allen zulässigen Gewichten, Größen, Führungen und Verwendung
- 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 das Teilen sozialer Medien)
- Rechtschreibung, Wortwahl und Kopierstil (Welche redaktionellen Richtlinien sollten Sie befolgen? APA, AP, etwas anderes?)
- Richtlinien für das Fotografieren, einschließlich Farbe, Zuschneiden und visuelle Präsenz
- SEO-Informationen wie Alt-Tags und Keywords
- Netzstandards (für Web und Print)
- Überlegungen zum Abstand (wenn das Design locker oder eng ist)
- Kontaktstelle (wo Teammitglieder mit Fragen oder zur Klärung gehen können)
Einfache und spezifische Konzepte
Jetzt ist der schwierige Teil. Sie müssen alle oben genannten Informationen in einfache, spezifische, umsetzbare Konzepte integrieren.
- Übersteigen Sie den Inhalt nicht, wenn es zu Ihrem Style Guide kommt. Dies ist eine visuelle Referenz. gestalten Sie es so.
- Gruppieren Sie verwandte Elemente auf Seiten für eine schnelle Referenz: eine Seite für Farbe, eine weitere Seite für Typografie, eine Seite für Fotografie usw.
- Zeigen Sie Beispiele, wie Dinge aussehen sollen. Erklären Sie die Dinge nicht schriftlich, wenn ein Bild ausreicht.
- Geben Sie Einzelheiten an, die verwendet werden können. Farbfelder sollten beispielsweise RGB- (oder HEX-) und CMYK-Mischungen enthalten, damit die Farbe bei allen Anwendungen konsistent ist.
- Brechen Sie Teile des Designs aus, um zu zeigen, wie Elemente verwendet werden sollen.
Ausschnitte und Beispiele
Unabhängig davon, ob Ihr Styleguide gedruckt ist oder ein digitales oder webbasiertes Dokument ist, sollte er mit nützlichen Tools gepackt werden. Ein Element, das unglaublich nützlich sein kann, sind Beispiele für Brand Do's und Don'ts. Es kann einfach sein, den Schwerpunkt auf das zu legen, was Sie mit der Marke visuell sehen möchten.
Erstellen Sie anschließend einen Katalog von Teilen, auf die leicht zugegriffen werden kann. Erstellen Sie für alle Teammitglieder Bibliotheken (oder einen Satz allgemeiner Elemente, abhängig von Ihrer Softwarenutzung). Speichern Sie die Dateien an einem gemeinsamen Speicherort, auf den leicht zugegriffen werden kann, sodass Änderungen relativ einfach vorgenommen werden können.
Stellen Sie eine Liste von Tools für Cloud-basierte Software für alle am Projekt Beteiligten bereit. (Dazu gehören Links, Benutzernamen und andere grundlegende Informationen.) Stellen Sie sicher, dass sich alle Schriftartenpakete, Logos und Bilddateien an einem gemeinsamen Ort befinden und alle Benutzer wissen, wo sie sich befinden. (Bewahren Sie ein Backup an einem anderen Ort auf, nur für den Fall, dass jemand das Original schneidet und speichert.)
Erstellen Sie eine Hauptliste für Codeausschnitte, die leicht kopiert und in Projekte eingefügt werden können. Es ist sinnlos, jedes Mal etwas Neues zu erstellen und neu zu erstellen. Gemeinsame Elemente sollten an einem gemeinsam genutzten Ort leben, auf den jeder Zugriff hat.
Der letzte Teil davon ist, sich daran zu erinnern, sich weiterzuentwickeln. Die Dinge werden sich ändern - und sie sollten. Das Smashing Magazine bietet eine wunderbare Fallstudie, in der ein Leitfaden zum Thema "Lebensstil" beschrieben wird.
Erzwingen Sie den Style Guide
Schließlich ist 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 anhand einiger der obigen Umrisse entworfen haben, insbesondere den Abschnitt über die Verwendung einfacher und spezifischer Konzepte.
Der Leitfaden sollte leicht zu befolgen und zu verwenden sein (genau wie Ihre Website). Die Sprache sollte einfach und nicht mikromanisch sein, damit die Leute die Richtlinien befolgen möchten.
Es sollte ein Leitfaden sein, der viel Raum für Flexibilität und tatsächliche Gestaltung lässt. Durch das Erstellen einer Reihe von Einschränkungen können Teammitglieder ihre Kreativität entfalten und gleichzeitig etwas schaffen, das Ihrer Marke ähnelt. Der Styleguide sollte auch einen Besitzer haben. Dies ist die Person, die Updates und Änderungen genehmigt und Fragen zu Designentscheidungen beantworten kann. Der Eigentümer? kann eine Einzelperson oder ein Team sein, abhängig von der Größe Ihrer Organisation.
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 alte Standards da draußen herumliegen.)
Haben Sie oder haben Sie einige ausgezeichnete Styleguides gesehen? Ich bin ein totaler Freak für diese Dinge und würde sie gerne sehen. Sie können mich auf Twitter erreichen oder mir eine E-Mail senden.