O introducere super-rapidă în ghidurile de stil

În această săptămână, echipa Tuts + Web Design vă aduce o serie de piese în profunzime pe lumea largă Ghiduri de stil și toate părțile mobile care merg împreună cu ele.

Termenul "Ghid de stil" este foarte larg și poate cuprinde mai multe domenii diferite, care pot să acopere totul, de la brandingul companiei, la proiectarea interfeței, la metodologiile de codificare și mai mult.

Pentru a obține mingea rulant pe săptămâna noastră de stil ghid vom simplifica lucrurile un pic. Să începem cu cea mai fundamentală întrebare: ce este un Ghid de stil?

Ce este un "Ghid stil"?

Într-un cuvânt, un Ghid de stil este un set de standarde care se aplică creării de active pe bază de text sau de design pentru o organizație, o publicație sau un domeniu.(1)  Este o referință cuprinzătoare a DOs și DON'Ts care asigură că conținutul este produs într-o manieră consecventă, în conformitate cu obiectivele respectivei organizații, publicații sau domeniu.

Tipurile de ghizi de stil ale activelor se pot referi la variații foarte largi, iar în afara designului web pot să acopere totul, de la materiale tipărite la îmbrăcăminte. Cu toate acestea, în lumea de web design stil ghiduri sunt cel mai frecvent construite pentru a determina modul în care lucrăm cu:

  • Amenajarea site-ului și designul interfeței
  • Formatul textului și al imaginii
  • Numele companiei și logo-ul afișează
  • Palete de culori
  • Crearea de coduri

Ce definesc ghidurile de stil?

Fiecare Ghid de stil este unic și veți vedea diferite lucruri definite în fiecare dintre ele, cu toate acestea conținutul va cădea în general în următoarele patru categorii.

Identitate

Cine se află în spatele conținutului? Identitatea constituie baza de branding și poate include:

  • Misiune
  • Promite clienților / clienților / utilizatorilor
  • Personalitate, voce și ton
Tone of Voice este foarte important pentru sprijinul pentru cancerul de la Macmillan

Branding & Design

Transmiterea "identității" publicului prin elemente precum:

  • Paleta de culori
  • Logo design
  • Tipografie
  • Stilul general
  • Animaţie
Kickstarter paleta de culori

Interacţiune

Cum ar trebui să intervină cu oamenii prin:

  • Interfața cu utilizatorul experiență
  • Principii care asigură designul orientat spre utilizator
  • Vizitatorul curge prin site-uri
O parte din limbajul Global Experience Experience al BBC

Formatarea

Cele mai bune practici privind:

  • Formatul codificării și metodologiile
  • Formatul textului / limbii și a imaginii
  • Ghid de utilizare a siglei
Da, facem asta

Cum se aplică ghidurile de stil?

Unele dintre cele mai frecvente moduri de ghidare a stilului sunt implementate:

  • Stil de dale
  • Bibliotecile de modele
  • wireframes
  • simulările
  • prototipuri

Adesea, aceste elemente își fac drumul în Ghiduri de stil pentru a păstra lucrurile într-un singur loc și, uneori, termenii enumerați mai sus sunt folosiți chiar în mod alternativ cu "Ghidul de stil". Cu toate acestea, în timp ce unele crossover-uri sunt, în general, considerate acceptabile, strict un ghid de stil are înțeles definirea regulilor și a principiilor, iar execuția lor efectivă este o etapă secundară.

Mai este!

Rămâi acordat săptămâna aceasta pentru a afla cum să creezi și să îți faci propriile ghidaje de stil, să te ajuți să îți faci o față publică definită și coerentă atât pentru tine, cât și pentru clienții tăi!