Style guide

Ve Figma vytvořím úvodní style guide pro váš web nebo aplikaci.

Co je style guide?

Je to manuál, jak používat typografii, barvy a základní prvky uživatelského rozhraní. Je to podmnožina design systému. Mým úkolem je vybrat vhodné fonty a řezy, zvolit správné velikosti textů a prvků, navrhnout mřížku, najít harmonické odstíny barev a připravit vzhled prvků, jako jsou třeba tlačítka nebo formuláře.

Když se to udělá správně, tak je pokračující návrh webu jednotný, čistý a harmonický.

Proč byste měli chtít style guide a kdy se může hodit?

• Především jde o správné určení a zdokumentování výchozích hodnot vizuálu. Při správném nastavení získáte skvělé vodítko, díky kterému se podaří tvořit čistý, konzistentní a vizuálně správný web nebo aplikace. Bude vypadat jak od profíka.
• Po vytvoření style guidu mohu v návrhu pokračovat buď já nebo jiný kolega, který se přiblíží vašim rozpočtovým podmínkám. Juniorní designér se pak drží manuálu a dodá zbytek návrhu ve vysoké kvalitě.
• Dobře zpracovaný style guide je skvělé ulehčení pro kodéry a programátory. Snadno z něj vyčtou hodnoty potřebné pro dodání vizuálu webu nebo appky.