Designéři a vývojáři se často potýkají s úkolem zvýšit prvky úměrně v grafickém editoru Figma. To může být nutné, například když potřebujete zvětšit velikost tlačítka nebo ikony, aby lépe zapadaly do kompozice designu.
Figma má několik způsobů, jak zvýšit prvky úměrně, a v tomto článku se na ně podíváme krok za krokem. Pokud se chcete naučit škálovat objekty ve Figmě bez zkreslení proporcí, pak je tento materiál pro vás.
Krok 1: zvýrazněte položku, kterou chcete zvětšit
Otevřete Figma a vyberte projekt, který chcete. Poté vyberte nástroj "Selection Tool" z panelu nástrojů vlevo. Kliknutím na položku, kterou chcete zvětšit, ji zvýrazněte.
Krok 2: Zvyšte prvek na šířku a výšku
Nyní, když je položka zvýrazněna, můžete ji začít škálovat. Chcete-li prvek proporcionálně zvětšit, podržte klávesu Shift na klávesnici a současně změňte velikost položky v jednom z úhlů výběru. Podržením klávesy Shift ušetříte proporce objektu, nikoli zkreslíte jeho tvar.
Prvek můžete také zvětšit šířkou a výškou zadáním hodnot do panelu "Spacing and Size" vpravo. Proporce položky budou zachovány, pokud zadáte jednu hodnotu (například pouze šířku) a zaškrtnete políčko "Constrain proportions".
Postupujte podle těchto kroků a ve Figmě budete moci bez námahy zvyšovat položky úměrně. Je to pohodlný způsob, jak vytvořit dobrý design a udržet proporce mezi objekty ve vašem projektu.
Příprava na práci ve Figma
Než začnete pracovat ve Figma, musíte provést několik přípravných kroků:
- Ujistěte se, že máte na svém zařízení nainstalovanou aktuální aplikaci Figma.
- Zaregistrujte se na oficiálních stránkách Figma a vytvořte si svůj účet.
- Podívejte se na rozhraní Figma a jeho základní prvky. Projděte si uživatelskou příručku nebo se podívejte na výuková videa, abyste získali základní přehled o práci v programu.
- Vytvořte svůj první projekt ve Figma. Zkuste nakreslit jednoduché rozvržení nebo importovat hotové obrázky, abyste se seznámili se základními funkcemi programu.
- Naučte se základní nástroje a funkce Figma, jako je vytváření vrstev, seskupování prvků, pracovní pole atd. Procvičte si jejich použití.
- V případě potřeby importujte do svého projektu písma a grafické zdroje. Definujte své základní styly a nastavení, abyste si v budoucnu usnadnili práci.
Po dokončení těchto kroků budete připraveni na pokročilejší práci ve Figma a budete moci začít vytvářet složité rozvržení a návrhy.
Stáhněte a nainstalujte Figma do počítače
Chcete-li začít s Figma, musíte si stáhnout a nainstalovat aplikaci do počítače. Chcete-li získat přístup k výkonnému nástroji pro návrh, postupujte podle následujících kroků:
- Přejděte na oficiální stránky Figma na adrese www.figma.com..
- Kliknutím na tlačítko" Sign up " v pravém horním rohu obrazovky Vytvořte účet.
- Zadejte svou e-mailovou adresu a další potřebné informace k vytvoření účtu.
- Potvrďte svůj účet podle pokynů zaslaných na váš e-mail.
- Po vytvoření účtu se přihlaste ke svému účtu zadáním přihlašovacích údajů.
- Na domovské stránce Figma klikněte na tlačítko "Download" pro stažení aplikace do počítače.
- Po stažení aplikace spusťte instalační program a podle pokynů nainstalujte Figma.
- Po dokončení instalace otevřete Figma, zadejte své přihlašovací údaje a kliknutím na "Sign in" se přihlaste do aplikace.
Nyní máte nainstalován a připraven k použití Figma! Otevřete aplikaci a začněte vytvářet krásné návrhy pomocí intuitivního a výkonného nástroje.
Vytvořte nový projekt ve Figma a otevřete jej
1. Navštivte oficiální stránky Figma na adrese www.figma.com a vytvořte si nový účet, pokud jej ještě nemáte.
2. Po registraci a přihlášení k účtu budete vyzváni k vytvoření nového projektu. Klikněte na tlačítko "Vytvořit nový soubor" (vytvořit nový soubor).
3. V okně, které se zobrazí, vyberte typ projektu. Zde si můžete vybrat z navrhovaných šablon nebo vytvořit nový projekt od začátku. Kliknutím na tlačítko "New File" (nový soubor) vytvoříte projekt od začátku.
4. Na levé straně obrazovky uvidíte panel nástrojů. Klepnutím na tlačítko "Frames" (rámečky) vytvořte nový rámeček v projektu.
5. Uprostřed obrazovky se otevře nový rámeček. Je to vaše plátno, na kterém budete pracovat. Zde můžete vytvářet a manipulovat s objekty a designovými prvky.
6. Nyní máte ve Figmě nový projekt a jste připraveni začít jej vytvářet a upravovat.
Vytvoření nového projektu ve Figma je prvním krokem k vytvoření fascinujícího designu. Využijte příležitosti Figma k realizaci svých kreativních nápadů!
Použití nástrojů pro škálování prvků
Figma má několik nástrojů, které umožňují škálování prvků úměrně. To je velmi užitečné, když potřebujete zvětšit nebo zmenšit velikost prvku, aniž byste narušili jeho tvar.
Jedním z těchto nástrojů je nástroj Scale (škálování). Chcete-li toho využít, vyberte položku, kterou chcete na plátně, a stiskněte klávesu S na klávesnici nebo vyberte nástroj Scale z panelu nástrojů vlevo na obrazovce.
Když vyberete nástroj Scale, můžete začít škálovat položku. Chcete-li to provést, jednoduše přetáhněte jeden z rohů rámečku prvku na správnou stranu. Tímto způsobem Figma automaticky zachová proporce prvku, aby se nenarušil.
Pokud potřebujete položku škálovat pouze vodorovně nebo pouze svisle, můžete podržet klávesu Shift při přetahování rohu rámu, abyste omezili škálování pouze v jedné rovině.
Dalším nástrojem pro škálování prvků je nástroj Resize (změna velikosti). Nachází se vedle nástroje Scale na panelu nástrojů vlevo.
Chcete-li použít nástroj Resize, vyberte položku, kterou chcete na plátně, a stiskněte klávesu R na klávesnici nebo vyberte nástroj Resize z panelu nástrojů. Poté jednoduše přetáhněte jednu ze stran nebo rohů rámečku prvku a změňte jeho velikost.
Na rozdíl od nástroje Scale umožňuje nástroj Resize změnit velikost prvku bez zachování proporcí. Pokud potřebujete změnit velikost prvku a rozšířit jej nebo již, ale bez změny jeho výšky, může být vhodnější volbou nástroj Resize.
Použití nástrojů Scale a Resize může být velmi užitečné při práci ve Figma. Umožňují škálování prvků úměrně a rychle měnit jejich rozměry díky intuitivnímu rozhraní Figma.
| Nástroj | Kombinace kláves |
|---|---|
| Scale (Škálování) | Stisk klávesy s |
| Resize (změna velikosti) | Stisk klávesy R |
Vyberte položku, kterou chcete zvětšit
Než začnete zvětšovat položky ve Figmě, musíte vybrat samotný prvek, který chcete zvětšit.
Můžete vybrat položku kliknutím přímo na plátno Figma, nebo můžete vybrat požadovanou položku v panelu vrstev (Layers).
Pokud vyberete položku na plátně, ujistěte se, že máte aktivovaný nástroj Selection (V), abyste přímo na plátně vybrali požadovanou položku.
Pokud dáváte přednost výběru položek v panelu vrstev, stačí otevřít tento panel, najít požadovanou položku a kliknout na ni. Uvidíte, že vybraná položka na plátně bude zvýrazněna (zvýrazněna).
Jakmile vyberete požadovaný prvek, můžete jej začít zvyšovat ve Figmě.
Použijte nástroje pro škálování ve Figma
Figma nabízí několik nástrojů, které umožňují škálování prvků úměrně a snadno spravovat jejich velikosti. Zde jsou některé z těchto nástrojů:
| Nástroj | Popis |
|---|---|
| Vlastnost měřítka | Měřítko položky můžete změnit kliknutím pravým tlačítkem myši a výběrem "transformovat" (převést). Poté budete moci změnit velikost položky zadáním nových hodnot ve vlastnostech měřítka. |
| Vzájemné škálování | Pokud chcete škálovat více položek najednou, můžete je všechny zvýraznit upnutím klávesy Shift a změnit hodnotu vlastnosti měřítka pro všechny vybrané položky najednou. |
| Použití masky | Pokud potřebujete škálovat prvky uvnitř masky, můžete vytvořit masku a změnit velikost masky, abyste změnili velikost a polohu prvků v ní. Zvýrazněte masku a pomocí nástrojů pro škálování změňte její velikost. |
Práce s nástroji pro škálování ve Figma vám dává flexibilitu a kontrolu nad velikostí prvků při vytváření designu. Nebojte se experimentovat s různými nástroji a najít ten, který nejlépe vyhovuje vašim potřebám.