Een supersnelle introductie van stijlgidsen

Deze week brengt het team van Tuts + Web Design je een diepgaande serie stukjes over de wijde wereld van Stijlgidsen en alle bewegende delen die daarbij horen.

De term "Stijlgids" is zeer breed en kan verschillende gebieden omvatten, die mogelijk alles omvatten, van bedrijfsbranding, tot interfaceontwerp, tot codeermethodologieën en meer.

Om de bal aan het rollen te krijgen in onze Style Guide-week gaan we dingen een beetje vereenvoudigen. Laten we beginnen met de meest fundamentele vraag: wat is een stijlgids?

Wat is een "Stijlgids"?

Kort samengevat is een stijlgids een reeks standaarden die van toepassing zijn op het maken van op tekst of design gebaseerde items voor een organisatie, een publicatie of een veld.(1)  Het is een uitgebreide referentie van DO en DON'Ts die ervoor zorgen dat inhoud op een consistente manier wordt geproduceerd, in overeenstemming met de doelen van die organisatie, publicatie of veld.

De typen items die stijlgidsen kunnen bevatten, kunnen sterk variëren en buiten het webontwerp kan alles van afdrukmateriaal tot kleding worden gedekt. In de wereld van webdesign worden stijlgidsen echter meestal geconstrueerd om te bepalen hoe we werken:

  • Website-lay-outs en interfaceontwerp
  • Opmaak van tekst en afbeeldingen
  • Bedrijfsnaam en logodisplays
  • Kleurenpaletten
  • Code aanmaken

Wat definiëren stijlgidsen?

Elke stijlgids is uniek en u zult verschillende dingen zien die in elke stijlgids zijn gedefinieerd, maar de inhoud zal over het algemeen in de volgende vier categorieën vallen.

Identiteit

Wie zit achter de inhoud? Identiteit vormt de basis van branding en kan omvatten:

  • Mission statement
  • Belofte aan klanten / klanten / gebruikers
  • Persoonlijkheid, stem en toon
Tone of Voice is erg belangrijk voor Macmillan Cancer Support

Branding en ontwerp

De "identiteit" aan het publiek overbrengen door middel van elementen zoals:

  • Kleurenpalet
  • Logo ontwerp
  • Typografie
  • Algemene stijl
  • animatie
Het kleurenpalet van Kickstarter

wisselwerking

Hoe interfacing met mensen zou moeten plaatsvinden via:

  • Gebruikersinterface-ervaring
  • Principes die zorgen voor een gebruikersgericht ontwerp
  • Bezoekersstroom door sites
Onderdeel van de Global Experience Language van de BBC

opmaak

Beste praktijken met betrekking tot:

  • Code-opmaak en methodologieën
  • Tekst / taal en beeldopmaak
  • Gebruiksrichtlijnen voor logo's
Ja, we doen het

Hoe zijn stijlgidsen toegepast?

Enkele van de meest voorkomende manieren waarop stijlgidsen worden geïmplementeerd, zijn onder meer:

  • Stijltegels
  • Patroonbibliotheken
  • wireframes
  • mockups
  • prototypes

Vaak komen deze elementen terecht in Stijlgidsen om de dingen op één plaats te houden, en soms worden de hierboven genoemde termen zelfs door elkaar gebruikt met "Stijlgids". Hoewel een cross-over over het algemeen als acceptabel wordt beschouwd, gaat strikt genomen in een stijlgids alles over het definiëren van regels en principes en de daadwerkelijke uitvoering ervan is een secundaire fase.

Er is meer!

Blijf deze week op de hoogte om te leren hoe u uw eigen stijlgidsen kunt maken en uitvoeren, zodat u een duidelijk omschreven en consistent openbaar gezicht hebt voor uzelf en uw klanten!