Denne uken gir Tuts + Web Design-teamet deg en dybdebit av stykker på den brede verden av Stil guider og alle de bevegelige delene som går sammen med dem.
Begrepet "Style Guide" er svært bredt og kan omfatte flere forskjellige områder, som muligens dekker alt fra firmaets merkevarebygging, til grensesnittdesign, til kodingsmetoder og mer.
For å få ballen til å rulle på vår Style Guide-uke, skal vi forenkle ting litt. La oss starte med det mest grunnleggende spørsmålet: Hva er en stilguide?
I et nøtteskall er en stilguide et sett med standarder som gjelder for opprettelse av tekst- eller designbaserte eiendeler for en organisasjon, en publikasjon eller et felt.(1) Det er en omfattende referanse av Dos og don'ts som sikrer at innholdet produseres på en konsekvent måte, i tråd med målene for den organisasjonen, publikasjonen eller feltet.
Typer eiendeler Style Guides kan forholde seg til, varierer mye, og utenfor webdesign kan dekke alt fra utskriftsmateriale til klær. Men i verden av webdesign er Style Guides mest konstruert for å bestemme hvordan vi jobber med:
Hver stilguide er unik, og du får se forskjellige ting som er definert i hver enkelt, men innholdet faller vanligvis inn i følgende fire kategorier.
Hvem er bak innholdet? Identitet danner grunnlaget for merkevarebygging og kan omfatte:
Overføre "identiteten" til publikum gjennom elementer som:
Hvordan samspill med mennesker skal skje via:
Beste praksis med hensyn til:
Noen av de vanligste måtene Style Guides er implementert inkluderer:
Ofte gjør disse elementene vei til stilguider for å holde ting på ett sted, og noen ganger er vilkårene som er nevnt ovenfor, også brukt sammen med "Style Guide". Imidlertid, mens noen crossover er generelt sett akseptabelt, strengt en Style Guide handler om å definere regler og prinsipper, og deres faktiske utførelse er et sekundært stadium.
Hold deg oppdatert denne uken for å lære å lage og utføre dine egne stilveiledninger, for å hjelpe deg med å definere et klart definert og konsistent offentlig ansikt for både deg selv og dine kunder!