Tworząc Style Guide projektu UI dla aplikacji mobilnej i desktopowej, koncentrowałam się na szczegółowych wytycznych dotyczących różnych elementów projektu graficznego obejmującego:
Kolory: Określiłam główne kolory używane w projekcie wraz z ich kodami kolorów. Zdefiniowane są również kolory tła, tekstu, nagłówków, przycisków itp.
Typografia: Wskazuję fonty używane w projekcie wraz z rozmiarami. Zapewniam spójność typografii na całej stronie.
Ikony: Podaję zestaw ikon używanych w projekcie wraz z ich znaczeniem i zastosowaniem. Dostarczam również warianty ikon, jeśli są używane.
Komponenty: Definiuję różne komponenty interfejsu użytkownika, takie jak przyciski, pola formularzy.
Rozdzielczość/Dane techniczne gridu: Podaję szczegółowe informacje na temat rozdzielczości ekranu, a także siatki projektowej, która jest stosowana w projekcie mobile oraz w desktop. Jest to istotne dla responsywnego projektowania.
Inne elementy graficzne: Opisuję wszelkie inne elementy graficzne używane w projekcie, takie jak cienie, zdjęcia, tekstury, które przyczyniają się do ogólnego wyglądu i wrażenia projektu.
