EN – EnglishMenu

Služby / design systémy / komponenty

44 / DECO CODE

Design jako systém.

Tokeny / Komponenty / Správa / Kód

Stejná pravidla v návrhu i v kódu.

Začít projekt

01 / PrincipProč se s tím zdržovat

Méně rozhodnutí / dělaných dvakrát

Konzistence
bez uniformity.

Design systém je seznam rozhodnutí, která nechcete dělat znovu: velikosti písma, mezery, jak se chová tlačítko, jak vypadá chyba. Když je sepsaný v kódu, web může růst a nezačne vypadat jako tři různé weby.

02 / ZákladyJeden zdroj pravdy

Definované jednou, použité všude.

Skutečný designový jazyk DECO CODE

Tokeny určují, co se nemění. Komponenty nesou chování. Šablony stránek dávají každému druhu obsahu vlastní rozvržení a žádná z nich nemůže vypnout přístupnost.

Postaveno aby vyniklo.

03 / Knihovna komponentPět příkladů

Nic vymyšlené dvakrát.

  1. 01 / Typografie

    Stupnice písma.

    Velikosti, prostrkání a délka řádku nastavené jednou a použité na každé stránce.

  2. 02 / Značka O

    Bod zaměření.

    Označuje krok, vybranou položku nebo milník. Nikdy ne jako ozdoba.

  3. 03 / Vstupy

    Pole s popisky.

    Popisek, který nezmizí, odezva slovy a fokus, který je vidět.

  4. 04 / Data

    Čitelně podaná.

    Tabulky a filtry, které fungují i na telefonu.

  5. 05 / Stavy

    Každý výsledek.

    Načítání, prázdný stav, chyba, úspěch a neaktivní prvek.

04 / Z Figmy do produkceDokumentace / tokeny / testování

  1. Tokeny a základy.

    Jeden verzovaný soubor pro barvy, mezery, písmo a zlomy rozvržení.

  2. Komponenty a vzory.

    Komponenty se správným HTML a navrženým každým stavem interakce.

  3. Dokumentace a kontrola kvality.

    Příklady, ty nepříjemné případy, poznámky k přístupnosti a testy přes snímky obrazovky.

  4. Udržovat a rozvíjet.

    Někdo, kdo rozhoduje, co se přidá, aby se systém nerozlezl.

Design / kód / a dál

Postaveno, aby rostlo.

Jde o to, aby web vypadal pořád sám sebou i po padesáté nové stránce.

Začít projekt