Figma je výkonný designový nástroj, který vám umožňuje vytvářet kompletní rozvržení webových stránek, mobilních aplikací a rozhraní. A jednou z hlavních funkcí programu je možnost změnit barvu pozadí. V tomto článku vám řekneme, jak snadno a rychle změnit barvu pozadí vašeho projektu v obrázku.
Chcete-li začít, otevřete svůj projekt ve tvaru písmene A Vyberte obrazovku nebo položku, kterou chcete změnit barvu pozadí. Dále na panelu nástrojů vyhledejte sekci styly. V této části můžete změnit různé styly prvků vašeho projektu, včetně barvy pozadí.
Chcete-li změnit barvu pozadí, musíte vybrat požadovanou položku a v panelu nástrojů najít sekci výplň. V této sekci si můžete vybrat jednu z navrhovaných barev nebo si nastavit vlastní barvu pomocí RGB kódu nebo barevné palety. Stačí vybrat požadovanou barvu pozadí a automaticky se použije na vybranou položku.
Nyní, když víte, jak změnit barvu pozadí v obrázku, můžete volně experimentovat s designem svého projektu. A pamatujte, že změnit barvu pozadí lze nejen u prvků, ale i u celého projektu. Takže se neomezujte a Popusťte uzdu své fantazii!
Krok 1: Otevřete designový soubor
Po spuštění Figma uvidíte seznam svých projektů. Vyberte požadovaný projekt a otevřete jej.
V rámci projektu uvidíte seznam dostupných souborů. Najděte design, ve kterém chcete změnit barvu pozadí, a otevřete jej.
Nyní jste připraveni přejít k dalšímu kroku a začít měnit barvu pozadí v obrázku.
Krok 2: Vyberte vrstvu s pozadím
Jakmile otevřete dokument s designem ve tvaru a vytvoříte nový pracovní prototyp, musíte vybrat vrstvu, na kterou chcete použít změnu barvy pozadí.
Ve tvaru je každý objekt ve své vrstvě a chcete-li změnit barvu pozadí, musíte najít odpovídající vrstvu nebo skupinu vrstev. Vrstvy lze hledat v panelu vrstev, který je napravo od pracovní oblasti.
Všimněte si názvu vrstvy, kterou chcete změnit. Pokud nemůžete najít požadovanou vrstvu, můžete použít vyhledávání, které se nachází v pravém horním rohu panelu vrstev. Stačí zadat název vrstvy nebo klíčové slovo, které je s ní spojeno, a Figma vám ukáže všechny relevantní výsledky.
Jakmile najdete požadovanou vrstvu, kliknutím na ni ji vyberte. Vybraná vrstva bude aktivní a všechny následné změny se budou vztahovat právě na ni.
Důležitě: ujistěte se, že vybraná vrstva obsahuje prvek pozadí, který chcete změnit. Pokud pozadí chybí nebo je prezentováno jako různé vrstvy, možná budete muset provést další kroky.
Pamatujte: správný výběr vrstvy s pozadím je důležitou součástí procesu změny barvy pozadí ve tvaru.
Krok 3: Otevřete panel vlastností
Chcete-li změnit barvu pozadí v obrázku, musíte otevřít panel vlastností. Chcete-li to provést, postupujte takto:
- Vyberte položku, kterou chcete na rozvržení, kliknutím na ni levým tlačítkem myši.
- Na pravé straně obrazovky se otevře panel vlastností, kde se zobrazí všechny položky, které jsou k dispozici pro vybranou položku Nastavení.
- Vyhledejte v panelu vlastností kartu výplň nebo pozadí a klikněte na ni.
Po provedení těchto akcí se otevře paleta barev, ze které si budete moci vybrat barvu, kterou chcete pro pozadí vašeho rozvržení v obrázku.
Krok 4: změňte barvu pozadí
Chcete-li změnit barvu pozadí ve Figmě, postupujte takto:
1. Zvýrazněte požadovaný rám nebo prvek na plátně.
2. V pravém panelu nástrojů vyhledejte sekci vyplnit.
3. Klikněte na barevný obdélník umístěný vedle názvu sekce vyplnit.
4. V okně, které se otevře, vyberte požadovanou barvu nebo zadejte její hodnoty do pole "HEX" nebo "RGBA".
5. Po výběru barvy se pozadí automaticky změní na vybrané.
Tip: k vyplnění pozadí Můžete také použít Přechodové barvy nebo textury.
Poznámka: Změnu barvy pozadí lze aplikovat jak na jednotlivé prvky, tak na pracovní plátno jako celek.
Krok 5: uložte změny
Jakmile provedete všechny potřebné změny, nezapomeňte si svou práci ponechat. To vám umožní uložit všechna vaše nastavení a změny, abyste se k nim mohli později vrátit.
Chcete-li změny uložit, jednoduše klikněte na tlačítko Uložit v pravém horním rohu obrazovky. Tím se otevře dialogové okno, kde můžete vybrat název souboru a místo uložení.
Doporučuje se zvolit srozumitelný název souboru, aby bylo později snazší najít požadovaný projekt. Můžete například použít název svého projektu nebo popis vašich změn.
Krok 6: Zkontrolujte výsledek
Jakmile změníte barvu pozadí ve Figmě, je důležité zkontrolovat, jak vypadá váš design po aplikaci změn.
Chcete-li to provést, můžete přejít do režimu zobrazení a zobrazit design jako celek, nebo pomocí funkce náhledu zobrazit změny pouze ve vybrané položce.
V režimu procházení budete moci posoudit vzhled vašeho návrhu na celé obrazovce a ujistit se, že nová barva pozadí ladí se zbytkem rozhraní.
Pokud chcete zkontrolovat změny pouze uvnitř vybrané položky, pak se ujistěte, že změněné pozadí vypadá tak, jak jste si mysleli.
V každém případě se podívejte na svůj design kvůli chybám nebo nesprávnému zobrazení, abyste si byli jisti, že vaše nová barva pozadí ve Figmě vypadá dokonale!
Krok 7: exportujte hotový design
Jakmile dokončíte práci na designu ve tvaru, můžete jej exportovat, abyste měli soubor se všemi grafickými prvky. To je užitečné, pokud chcete sdílet design s ostatními, odeslat jej k vývoji nebo použít v jiných projektech. Zde je návod, jak exportovat hotový design z Figmy:
Krok 1:
Vyberte všechny grafické prvky, které chcete exportovat. Chcete-li to provést, můžete jednoduše kliknout na každou položku a podržet klávesu "Shift".
Krok 2:
Klikněte pravým tlačítkem na vybrané položky a z kontextové nabídky vyberte Export.
Krok 3:
Vyberte formát exportu. Figma podporuje mnoho formátů, jako je PNG, SVG, JPEG a další. Vyberte formát, který vám nejlépe vyhovuje, a klikněte na Exportovat.
Krok 4:
Vyberte složku, do které chcete soubory uložit, a klikněte na Exportovat. Figma automaticky vytvoří samostatný soubor pro každou vybranou položku.
Nyní máte hotový design, který můžete použít ke spuštění projektu nebo k předání vývojářům. Hodně štěstí ve vaší práci s Figmou!