Styleguide

Ein Styleguide (zu Deutsch Gestaltungsrichtlinie) ist ein Dokument, das die grundlegenden Designrichtlinien einer Webseite, einer App oder eines Druckerzeugnisses festlegt. In einem solchen Guide findet man Regeln zur visuellen Identität (Logo, Farbpalette, Schriftart, Icons, Layout, Links, Buttons, Navigation, Bilder), aber auch Regeln zur sprachlichen Gestaltung und zum Ton der Kommunikation. Die Regeln sind meist auf verschiedene Kommunikationskanäle von Emails bis zu Grafischen User Interfaces abgestimmt. 

Heutzutage findet man häufig so genannte Living Styleguides. Sie enthalten im Vergleich zu einem normalen Styleguide oft das Erscheinungsbild und Verhalten einer Internetseite und werden häufig selbst als solche entworfen. So können Elemente des User Interfaces originalgetreu mit ihren Interaktionen dargestellt werden – manchmal werden sogar Snippets (Code-Fragmente) mit eingebettet.

Der Sinn eines Styleguides ist es, die visuelle Kommunikation eines Unternehmens einheitlich zu gestalten und somit eine stärkere Firmenidentität (Corporate Identity) aufzubauen. Jeder Akteur, der zur Kommunikation eines Unternehmens beiträgt, hat so die gleichen Basisrichtlinien, an denen er oder sie sich orientieren kann. Dies wahrt die Konsistenz, hilft aber auch schneller visuelle Designs zu entwickeln, da die Mitarbeiter bereits auf ein vorgefertigtes Designsystem zurückgreifen können. 

Um die Nützlichkeit des Styleguides zu bewahren, muss dieser kontinuierlich gepflegt und auf den neuesten Stand gebracht werden.

Literatur

↳ Frost, Brad (2016): Atomic Design Methodology, [online] http://atomicdesign.bradfrost.com/chapter-2/, [15.05.2019].
↳ Frost, Brad (2013): atomic design, [online] http://bradfrost.com/blog/post/atomic-web-design/ [15.05.2019].
↳ Toman, Jan (2017): Design systems, style guides, pattern libraries. What the hell is the difference?, [online] https://medium.com/boomhaus/design-systems-style-guides-all-those-libraries-what-the-hell-is-the-difference-4c2741193fdc [30.04.2019].
↳ Wikipedia (o.D.): Style guide, [online] https://en.wikipedia.org/wiki/Style_guide [30.04.2019].
↳ Parr, Richard (2018): What Is A Brand Style Guide and Why Does My Business Need One?, [online] https://www.executionists.com/website-brand-style-guide/ [30.04.2019].
↳ French, Matt (2016): Defining the Online Style Guide in UX, [online] https://www.nomensa.com/blog/2016/defining-online-style-guide-ux [30.04.2019].
↳ Launch Marketing (2018): What Is a Style Guide and Why Is It Important to My Brand Identity?, [online] https://www.launch-marketing.com/style-guide-important-brand-identity/ [30.04.2019].
↳ Wikipedia (o.D.): Styleguide, [online] https://de.wikipedia.org/wiki/Styleguide [30.04.2019].
↳ Lutter, Mette (2016): Was ist eigentlich… ein Styleguide?, [online] https://www.aufgesang.de/blog/was-ist-eigentlich-ein-styleguide-14538 [30.04.2019].
↳ Kuturbanause (o.D.): Was ist ein Styleguide?, [online] https://kulturbanause.de/faq/styleguide/ [30.04.2019].↳ Kuturbanause (o.D.): Was ist ein Living Styleguide?, [online] https://kulturbanause.de/faq/was-ist-ein-living-styleguide/ [15.05.2019].
↳ Google (o.D.): Google Material Design Guide, [online] https://material.io/design/introduction/ [15.05.2019].

© Goldschnitt Interaktion | ux-design.de