Det är en enkel fråga: Behöver du en stilguide? Och det har ett enkelt svar: Ja. Alla varumärken, företag, bloggar eller webbsidor som vill skapa och upprätthålla konsistens och en professionell känsla bör ha en stilguide.
Stilguider är ett måste för någon utgivare med flera anställda. Detta är särskilt viktigt om mer än en person kommer att arbeta med några varumärkeselement (från webbplatsen till tryckta material) och för att se till att övergångar mellan anställda är sömlösa i användarnas ögon. Idag tittar vi på en väl dokumenterad stilguide från MailChimp och markerar saker du kan ta bort när du skapar ditt eget dokument för första gången.
Vad är en stilguide?
En stilguide är den ultimata resursen för visuell och skrivande ton för ditt varumärke. Handboken är inte avsedd att läsas omslaget för att täcka (och borde inte skrivas så) och bör organiseras som en enkel resurshandbok.
Stilguider täcker två stora områden: visuella och skrivande. För webbplats- eller apputveckling kan en stilguide innehålla ett tredje område, vilket definierar hur användargränssnittet ska fungera eller kodningsdetaljer.
En stilguide är ett flytande dokument och en gång skriftligt ska uppdateras regelbundet. När du skapar det här dokumentet, överväga hur det kommer att se ut och användas under processen. Din stilguide ska följa de definierade stilarna. Använd ditt varumärkes färgpalett och samma skrivstil som du vill vara associerad med varumärket.
MailChimp s? Röst och ton? stil guide följer detta koncept. Tonen är enkel och guiden ser ut och känns som webbplatsen. Dessutom har MailChimp också en? Brand-tillgångar? vägledning för hur visuella element används.
Komma igång
Att skapa en stilguide från början är inte en uppgift som du kan slutföra om en timme. Det kommer att ta lite planering och tid. Men när dokumentet är skapat och om det uppdateras regelbundet kan det vara en tidsbesparare på sikt. Innan du skriver det första undervisningsordet, samla (eller skapa) den här listan med material för att kompilera din guide så mycket lättare.
Branding definitioner, stilar och logotyper: Detta inkluderar exempel på hur logotyper kan och kan inte användas, såväl som teckensnitt, storlekar och färgstämplar.
Font palett: Lista alla typsnitt, storlekar och färger som är acceptabla. Inkludera specifikationer för hur varje används från stilar för kroppstyp, rubriker, citat, etiketter, bildtexter, navigeringselement och så vidare.
Bilder, ikoner och knappar: Definiera stil, färg, storlek och placering av varje.
Styles for forms or calls to action: Definiera vilken typ av information som kan samlas in och hur datainsamling fungerar. Skriv och inkludera ansvarsfriskrivningsinformation.
Grundläggande layout: Vad är den grundläggande mallen för din design? Ta med några exempel på hur ditt brevhuvud, tryckta material eller webbsidor ska se ut.
Visuell stil
Visuella avsnitt i stilguiden innehåller flera viktiga delar: Godtagbara teckensnitt och användning, inklusive normala, djärva, kursiva och speciella stilar; färg och storlek för teckensnitt; inställningar för kulor eller listor; färgpalett; och bildriktlinjer, till exempel storlek, gränsspecifikationer och användningsområden som textomslag eller bild- och textkombinationer.
Dessa stilar ska skrivas på ett enkelt och tydligt språk och innehålla tekniska specifikationer, till exempel fullständiga teckensnittsnamn, färgmixningssatser (i RGB, CMYK eller Pantone) och användningsriktlinjer för webb och utskrift (om tillämpligt). Vissa märken har både en utskrift och webbstil guide; Andra märken väljer ett dokument som täcker båda.
MailChimp's typografi är direkt och visar varje typsnitt och användning. Stilguiden bör även omfatta HTML-specifikationer för webbplatsstilar. Vilka element använder en H1 mot H2 mot H3 taggen. (Vi kommer att gå in mer i detalj om webbspecifika i HMTL-sektionen.)
Dessutom bör riktlinjer för visuell stil innehålla en fullständig beskrivning av när, hur och var märkesmärken och logotyper kan användas. Detta inkluderar hur logotypen ser ut, om färger eller teckensnitt kan ändras (vanligtvis inte) och i vilka fall användningen är acceptabel.
Skrivstil
Precis lika viktig som din visuella stil är skrivets ton. Det kan krossa för användarna att se ditt varumärkesmaterial och det läser ljus och dumt i ett fall och kallt och sterilt i ett annat. Hur orden sammanfaller kan hjälpa kunder eller användare som är associerade med dina produkter, vilket gör en skrivstil väldigt viktig.
Viktiga delar av den skrivna stilen inkluderar tonen; stavning och språk; läsarenivå eller jargong; röst; strukturera; Användning av symboler, siffror och listor; varumärkes- eller varumärkesanvändning; och övergripande stil guide.
Det finns en handfull generellt accepterade skriftliga stilguider för engelskspråkiga publikationer. De flesta företagsstilguider ger dig möjlighet att använda en av dessa för frågor om användning och stil.
AP Style: Associated Press Stylebook används av journalistik och skriver professionella i tryck och online. Stilen fokuserar på konsistens och korthet och är vanligt på grund av dessa attribut.
Chicago Style: Chicago Manual of Style används av akademiker och för vetenskapliga verk, företag och innehåller grunderna för en mer formell skrivstil.
MLA Style: Den moderna språkförbundsstilguiden används mest i akademiker, liberal arts och humaniora.
MailChimps skrivstilstil innehåller bra exempel på pressmeddelanden och hur webbplatsen ska läsa, liksom hur varumärket interagerar med kunder på sociala medier, bloggen och hur företagets varumärkesskämt ska hanteras.
Användargränssnitt och HTML
Om du skapar innehåll för webben behöver du även regler för digital publicering.Medan text, färg och tonriktlinjer kommer att beskrivas i andra guider, bör du också notera hur webbplatsen och användargränssnittet ska fungera. (PRL-guiden är en utmärkt resurs.)
Text: Förklara HTML-markupregler. Vilken typ av rubriker används och hur? Vad är skillnaden i användning mellan en H2 eller H3? Förutom användningen, vilken markering använder din webbplats? Detta är den del av guiden som beskriver varje användning.
Bilder: Reglerna för bildanvändning ska vara lika tydliga som för text. Har du en viss bredd eller höjd för varje bild? Finns det en vanlig textomslag eller gränsstorlek? Hur ska alt-taggar användas. Var noga med att svara på var och en av dessa frågor.
Namngivna och spara filer: Förutom hur saker ska se ut, överväga en liten webbhushållning. Hur ska filer namnges och sparas i CMS? Ange klara riktlinjer så att ditt filunderhåll är rent och filer sparas i hanterbara storlekar och är lätta att hitta.
Kodningspraxis Bestäm och ange kodningsstandarder för HTML, CSS och JavaScript. Inkludera exempel.
Användargränssnitt: Om du inte inkluderade en visuell guide för användargränssnitt och funktioner, inkludera det här. Vilken typ av ingångar används och hur märks de? (Används du ord som? Fortsätt?? Skicka,? Eller? OK ??) Inkludera ett? Kit? av webbplatsens användargränssnitt och användningsområden.
Slutsats
Det bästa sättet att komma igång med att skapa en stilguide är att läsa igenom ett par. Tänk på information du vill klargöra om ditt varumärke och hur det används. Det är vad som bör ingå i din guide.
Guider kan skrivas ut och distribueras eller skapas och ges ut digitalt i form av en PDF på en företagsserver eller som en webbplats.
LogoDesignLove har en bra lista med mer än 60 varumärkesguider som du kan ladda ner och läsa för att komma igång. Lycka till!