Projektowanie
Style guide
Style guide to podstrona albo dokument referencyjny pokazujący, jak wyglądają i zachowują się elementy strony: nagłówki, tekst, przyciski, linki, pola formularzy, kolory i odstępy, każdy w każdym stanie.
Style guide to widoczna twarz design systemu. Tam, gdzie system jest zbiorem reguł, guide jest stroną, którą otwierasz, żeby zobaczyć je w zastosowaniu. Większość projektów w Webflow zyskuje na podstronie style guide wewnątrz samego serwisu, nieopublikowanej albo ukrytej, gdzie każdą klasę i komponent widać naraz.
Wartość ujawnia się po starcie. Nowa osoba w zespole, agencja przejmująca projekt albo pierwotny wykonawca pół roku później widzi, co istnieje, zanim coś doda. Bez przewodnika naturalną reakcją na „potrzebujemy ramki z wyróżnieniem” jest zbudowanie jej, choć trzy już istnieją pod różnymi nazwami.
Księga znaku to nie style guide. Księgi znaku zwykle opisują logo, kolor i typografię drukowaną i nie mówią nic o stanach hover, obrysach fokusa, błędach formularza ani o tym, jak nagłówek zachowuje się na telefonie. Te luki wypełnia właśnie style guide, a z nich składa się strona.
Figma do Webflow, ze style guide w zakresieProjektowanie