Přeskočit na obsah

Dejte svému nápadu vizuální jazyk.

Vytvářejte designové balíčky s opakovaně použitelnými prostředky, designovými tokeny a strukturovanými exporty pro další fázi projektu.

Od zadání k výsledku.

01

Určete směr

Popište cílovou skupinu, vizuální reference, formáty a omezení.

02

Vytvořte ucelenou sadu

Vygenerujte designové podklady a znovupoužitelné informace o stylování společně.

03

Zkontrolujte exporty

Projděte si soubory a výstupní kontroly a poté upravte části, které potřebují přesnější doladění.

Designová sada je kreativní výstup. Pokud potřebujete i funkční produkt, zvolte sestavení webu nebo aplikace.

Od vizuálního směru k znovupoužitelnému design systému.

Podívejte se na identitu, komponenty a soubory, které design přenášejí do vašeho dalšího projektu.

Najděte vizuální jazyk

Ať identita patří vašemu nápadu.

Popište cílovou skupinu, charakter a místa, kde design musí fungovat. AI kolem tohoto zadání vytvoří designovou sadu: identitu značky, systém rozhraní, sadu ilustrací nebo jinou podporovanou kolekci. Projděte si společně paletu, typografii a zdůvodnění, aby jednotlivé prvky působily provázaně.

  • Dejte AI vizuální reference a praktická omezení.
  • Zkontrolujte značku, písmo a paletu jako jednu identitu.
  • Vyžádejte si úpravy směru před tím, než podklady předáte do produkce.
Ukázka identity outdoorového deníku s logotypem, symbolem listu, barevnou paletou a ukázkami písma

Vybudujte systém

Zajistěte, aby detaily ladily dohromady.

U sad pro design rozhraní propojují znovupoužitelné tokeny barvy, písmo, rozestupy a styly komponent. Vykreslený list komponent zobrazuje prvky v jejich relevantních stavech. Platforma kontroluje strukturu tokenů, kontrast a konzistenci komponent, zatímco kontrola designu posuzuje, jak dobře sada odpovídá zadání.

  • Prohlédněte si tlačítka, pole a další znovupoužitelné komponenty.
  • Zkontrolujte stavy fokusu, zakázaného prvku a chyby vedle výchozího vzhledu.
  • Použijte sdílené tokeny k přenesení stejného stylování do implementace.
Ukázka listu komponent se sladěnými tlačítky, stavy polí, záložkami a kartou článku

Posuňte práci dál

Udržte podklady v souladu s designem.

Otevřete přehled sady a přejděte přes jeho odkazy k jednotlivým výstupům. V závislosti na zadání mohou zahrnovat vektorové originály, rastrové exporty, list komponent, design tokeny a knihu značky. Pokud je povolen a připojen editovatelný export do Figmy, použijte vygenerovaný odkaz pro předání, jakmile je tento export hotový.

  • Zkontrolujte seznam souborů a zamýšlené použití každého výstupu.
  • Přeneste znovupoužitelné podklady a tokeny do svého designového nebo vývojářského workflow.
  • Než budete soubor nebo integraci považovat za dodané, zkontrolujte export report.
Ukázka předání designu s vektorovou grafikou, design tokeny a odpovídajícími opakovatelně použitelnými rozvrženími

Pracovní postup

Udržujte práci propojenou.

  1. Popište výsledek

    Vysvětlete cílovou skupinu, požadovaný výstup a omezení. Před dalším postupem upřesněte směr.

  2. Zkontrolujte práci

    Prohlédněte si vygenerované soubory, dostupný náhled a relevantní kontroly.

  3. Vytvořit další verzi

    Požádejte o úpravy, poté exportujte nebo použijte doručovací workflow podporovaný daným projektem.

Otázky a odpovědi

Trocha jasna, než začnete.

Co může designová sada obsahovat?+
Sada může zahrnovat podklady značky, ikony, palety, typografii, ilustrace, listy komponent a podporované 3D podklady. Které výstupy do sady patří, určuje zadání.
Co bych měl uvést v zadání designu?+
Popište cílovou skupinu, náladu, vizuální reference, zamýšlené formáty a případná stávající omezení značky. Uveďte, kde budou podklady použity, aby mohla být sada přizpůsobena danému kontextu.
Můžu si design prohlédnout před použitím?+
Sada obsahuje přehled a v případě potřeby i list komponent. Než podklady, znovupoužitelné tokeny a relevantní stavy komponent přijmete, projděte si je.
Co kontroluje ověření designu?+
Kontroly prověřují uvedené soubory, design tokeny, relevantní kontrastní dvojice, stavy komponent a podporované exporty. Kontrola designu také posuzuje, zda je sada ucelená a odpovídá zadání.
Můžu podklady exportovat?+
Zkontrolujte a stáhněte soubory vytvořené pro sadu. Podporované výstupy zahrnují exporty obrázků, PDF a 3D podle potřeby; konkrétní soubory závisí na zvolených podkladech a dostupném workflow.
Obsahuje designová sada i funkční web nebo aplikaci?+
Designová sada poskytuje kreativní podklady a znovupoužitelné informace o designu. Pokud potřebujete funkční produkt, zvolte Website Builder nebo App Builder a designový směr uveďte v zadání daného sestavení.

Co vytvoříte?

Vytvořte build, nebo nechte specializovaný tým pracovat na vašem dalším úkolu.