Alla med en webbplats behöver en stilguide. Det är så enkelt. Om du vill införa mer konsistens i ditt projekt och få alla på samma sida blir din stilguide ovärderlig.
Nu när vi har det ur vägen, vad exakt lägger du i den guiden? Och hur ser du till att andra personer på laget följer reglerna så att din visuella närvaro upprätthåller konsistens? Det är lite mer komplicerat. Låt oss dyka in i ämnet idag.
Märkesöversikt
Att skapa en stilguide från början kan vara ganska skrämmande om du aldrig gjort det förut. Första timers kan dra nytta av att hitta en guide som de gillar - MailChimp har en av de bästa som finns där och gör den tillgänglig under en Creative Commons licens - och använder den som en modell för hur man kommer igång.
De flesta stilguider har två delar:
- Copywriting riktlinjer
- Visuella riktlinjer
Varje uppsättning riktlinjer är lika viktigt och bör ingå i din övergripande stilguide. Att sätta in elementen tillsammans kommer att skapa en övergripande identitet. Varje varumärke eller företag eller hemsida är lite annorlunda också. Välj en ton och stil som fungerar bra när det gäller kopior och visuella bilder, men det gäller också dig och din publik som helhet.
Överväga användare och intressenter när man skapar en identitet, är varumärket vad de vill och förväntar sig? Kan de relatera till det? Vill de interagera med det?
Röst och ton
Vi kommer att fokusera mest på de visuella aspekterna av din stilguide, men röst och ton är viktigt. En del av din identitet är hur du pratar? till användare. Är den stilen formell eller avslappnad? Är det verbos eller mer kortfattat?
Skriv din stilguide på samma sätt som kopian på din hemsida. Detta hjälper till att cue i ditt team om vad som förväntas och hur språket ska bidra till varumärkesidentitet.
Denna röst och ton ska användas i alla kommunikationer från dig. Gå tillbaka till konturerna från MailChimp för ett omfattande blick på att bygga varumärkesröst. Notera hur företaget talar om sin maskot, till exempel:? Freddie är vår maskot. Vi använder honom inte i kombination med vår logotyp. Freddie står alltid rätt och han blinkar alltid.?
? Regler? och användning
Din stil guide bör vara din design? Playbook.? (Låter det inte vänligare än? Regler ??)
Det ska beskriva hur och när man ska använda typ, färg och alla andra typer av designelement på ett sätt som är lätt att förstå. Här är en checklista över saker att inkludera:
- Färgpalett, inklusive värden och acceptabla toner
- Typografi palett med alla acceptabla vikter, storlekar, ledning och användning
- Logo, inklusive riktlinjer för storlek och plats
- Ikon eller elementstilar (det här inkluderar behandling av element från knappar till sociala medier dela ikoner)
- Stavning, ordval och kopieringsstil (Vilka redaktionella riktlinjer ska du följa? APA, AP, något annat?)
- Fotografi riktlinjer, inklusive färg, beskärning och visuell närvaro
- SEO-information som alt-taggar och nyckelord
- Gridstandarder (för webb och tryck)
- Spacing överväganden (om designen är lös eller tätt)
- Kontaktpunkt (där lagmedlemmar kan gå med frågor eller för att klargöra)
Enkla och specifika begrepp
Nu är här den svåra delen. Du måste ta all information ovan och koka den i enkla, specifika, handlingsbara koncept.
- Gå inte överbord med innehållet när det gäller din stilguide. Detta är en visuell referens; utforma det på så sätt.
- Grupprelaterade artiklar i sidor för snabbreferens: en sida för färg, en annan sida för typografi, en sida för fotografering etc.
- Visa exempel på vilka saker som ska se ut. Förklara inte saker skriftligen när en bild räcker.
- Ange specifikationer som är användbara. Färgstämplar ska till exempel innehålla RGB (eller HEX) och CMYK-blandningar så att färgen är konsekvent i alla användningar.
- Dela ut delar av designen för att visa hur element ska användas.
Utdrag och exempel
Oavsett om din stilguide är tryckt eller ett digitalt eller webbaserat dokument, ska det vara fullt med användbara verktyg. Ett av de element som kan vara otroligt användbart är exempel på märkesdos och inte. Det kan vara lätt att lägga tonvikten på vad du vill se med varumärket visuellt.
Skapa sedan en katalog över delar som är lättillgängliga. Skapa bibliotek (eller en uppsättning gemensamma element, beroende på användarprogrammet) för alla lagmedlemmar. Spara filerna på en gemensam plats som är lättillgänglig och så att förändringar är relativt lätta att göra.
Ge en lista över verktyg för molnbaserad programvara för alla som är involverade i projektet. (Detta inkluderar länkar, användarnamn och annan grundläggande information.) Kontrollera att alla typsnitt, logotyper och bildfiler är gemensamma och alla användare vet var de är. (Håll en säkerhetskopia någon annanstans bara om någon grödar och sparar originalet.)
Skapa en mallista för kodfragment som är lätta att kopiera och klistra in i projekt. Det finns ingen anledning att behöva skapa och återskapa allt nytt varje gång. Vanliga element borde ligga på en delad plats som alla har tillgång till.
Den sista delen av detta är att komma ihåg att utvecklas. Sakerna kommer att förändras - och de borde. Smashing Magazine har en underbar casestudie som beskriver en "live style guide".
Förbättra Style Guide
Slutligen är den största frågan? Hur får du folk att följa reglerna ?? Du är redan en bra väg där om du har utformat guiden efter några av ovanstående skisser, särskilt avsnittet om att använda enkla och specifika begrepp.
Guiden ska vara lätt att följa och användbar (precis som din webbplats). Språket ska vara enkelt och inte micromanage-y, så att folk kommer att vilja följa riktlinjerna.
Det borde vara en guidebok som ger gott om utrymme för flexibilitet och verklig design. Att utforma inom en rad begränsningar kan hjälpa gruppmedlemmarna släppa sin kreativitet fram och skapa något som ser ut som ditt varumärke. Stilguiden bör också ha en ägare. Det här är den som godkänner uppdateringar och ändringar och kan svara på frågor om designbeslut. Ägaren? kan vara en individ eller ett team, beroende på organisationens storlek.
Slutsats
Har du redan en stilguide eller är det dags för en ny? Detta är ett projekt som du bör ta itu med årligen, så att guiden alltid är uppdaterad. (Du kan inte fela en lagmedlem om du har gamla standarder som flyter runt där ute.)
Har du eller har du sett några utmärkta stilguider? Jag är en total geek för dessa saker och skulle älska att se dem. Du kan slå mig på Twitter eller skicka mig ett mail.