Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Workflow
Webdesign

Egy szupergyors bevezető Style Guidesba

by
Length:ShortLanguages:
This post is part of a series called All About Style Guides.
How to Create Style Guides for a Specific Audience

Hungarian (Magyar) translation by Bózsó Péter (you can also view the original English article)

Ezen a héten a Tuts+ Web tervező csapat egy mély sorozatot hoz neked a Style Guides széles világáról, és az összes mozgó részről ami együtt megy velük.

A "Style Guide" kifejezés nagyon széles és felölelhet számos különböző területet, potenciálisan fed mindent cég brandingtől, felület tervezésig, módszerek kódolásáig és tovább.

Hogy végiggurítsuk a labdát a Style Guide hetünkön, egyszerűsíteni fogjuk a dolgokat egy kicsit. Kezdjük a legalapvetőnn kérdéssel: mi a Style Guide?

Mi a "Style Guide"?

Dióhéjban, egy style Guide egy készletnyi alap amiket alkalmazunk a szöveg vagy tervezés alapú vagyon készítéséhez egy szervezetnek, kiadványnak vagy mezőnek.(1) Ez egy átfogó referenciája Csináld és Ne csináldoknak, ami biztosítja, hogy a tartalom következetes módon van előállítva, a szervezet, kiadvány vagy mező céljait megtartva.

A vagyonok stílusait a Style Guides nagyon eltérően tudja kapcsolni, és a webtervezésen kívül fedezhet mindent nyomtatott anyagtól felszerelésig. Azonban a web tervezés világán belül a Style Guides a leggyakrabban szerkesztett, hogy meghatározza, hogyan dolgozunk:

  • Weboldal elrendezésekkel és felület tervezéssel
  • Szöveg és kép formázással
  • Cég név és logó megjelenítésekkel
  • Színpalettákkal
  • Kód készítéssel

Mit definiálnak a Stílus Útmutatók?

Minden stílus útmutató egyedi, és látni fogsz különböző dolgokat mindegyikbe definiálva, azonban a tartalom általánosan a következő négy kategóriába fog esni.

Identitás

Ki van a tartalom mögött? Az identitás megformálja a branding alapját és tartalmazhat:

  • Küldetésnyilatkozatot
  • Ígéretet vásárlóknak / ügyfeleknek / felhasználóknak
  • Személyiséget, hangot és tónust
A hang tónusa nagyon fontos a Macmillan Cancer Supportnak

Branding & Tervezés

Az "identitás" szállítása a nyilvánosságnak elemeken keresztül például:

  • Színpaletta
  • Logó tervezés
  • Tipográfia
  • Általános stílus
  • Animáció
A Kickstarter színpalettája

Interakció

Hogyan kellene előfordulnia az emberekkel való interfésznek:

  • Felhasználói interfész tapasztalat
  • Alapelvek, amelyek biztosítják a felhasználó-központú tervezést
  • Látogató áramlás oldalakon keresztül
A BBC Globális Tapasztalat Nyelve része

Formázás

A legjobb gyakorlások amik vonatkoznak:

  • Kód formázásra és módszerekre
  • Szöveg / nyelv és kép formázásra
  • Logó használat iránymutatásokra
Igen, mi csináljuk

Hogyan vannak alkalmazva a Stílus Útmutatók?

Néhány a leggyakoribb módszerekből amire a Stílus Útmutatók használva vannak tartalmaznak:

  • Stílus csempéket
  • Minta könyvtárakat
  • Drótvázakat
  • Próbamodellek
  • Prototípusok

Gyakran ezek az elemek a Style Guidesba való útjukat a dolgok egy helyben tartása kedvéért csinálják, és néha a fent listázott feltételek felcserélhetően vannak használva "Style Guideal". Azonban, miközben néhány átkapcsolás alapvetően elfogadható, pontosan beszélve egy style Guide arról szól, hogy szabályokat és elveket definiálunk és az ő aktuális végrehajtásuk másodlagos.

Van még több!

Maradjon velünk ezen a héten, hogy megtanulja, hogyan készítse el és hajtsa végre a saját Stílus Útmutatóit, hogy segítsenek kirakni egy tisztán definiált és következetes nyilvános arcot magadnak és az ügyfeleidnek is!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.