Logo je vizitkou každé společnosti. Je nepostradatelným atributem značky a pomáhá poznat a zapamatovat si společnost mezi mnoha dalšími. Aby logo vypadalo efektně a profesionálně, je nutné k jeho vytvoření přistupovat správně.
Jedním z důležitých aspektů vytváření loga je vytvoření bezpečnostního pole. Bezpečnostní pole je prostor kolem loga, který je zbaven jiných designových prvků, aby zdůraznil jeho osobnost a zviditelnil jej.
V tomto podrobném návodu se podíváme na to, jak vytvořit bezpečnostní pole pro logo v oblíbeném grafickém editoru Figma. Figma je výkonný nástroj pro návrh uživatelských rozhraní, který obsahuje širokou škálu možností pro vytváření a úpravy log.
Krok 1: Vytvoření nového projektu
- Spusťte Figma v počítači.
- V hlavní nabídce vyberte možnost "Vytvořit nový projekt" nebo použijte klávesovou zkratku Ctrl+N.
- Vyberte typ projektu, který je pro váš úkol nejvhodnější. Můžete si například vybrat " prototyp "pro vytvoření interaktivního rozvržení nebo" ilustrace " pro vytvoření vektorové grafiky.
- Zadejte název svého projektu a volitelně přidejte popis.
- Klikněte na tlačítko "Vytvořit projekt".
Po dokončení těchto kroků budete přesměrováni na hlavní stránku vašeho nového projektu ve Figma, kde můžete začít pracovat na vytvoření bezpečnostního pole loga.
Krok 2: Import loga do Figma
Jakmile vytvoříte nový projekt ve Figmě, budete muset importovat logo, se kterým budete pracovat.
Proces importu loga do Figmy je poměrně jednoduchý:
- Klikněte na tlačítko" Importovat " v horní liště nástrojů Figma.
- Vyberte soubor s logem v počítači a klikněte na Otevřít.
- Počkejte, až Figma nahraje a importuje logo.
Po dokončení tohoto kroku uvidíte, že se logo objevilo ve vašem projektu Figma a je připraveno k dalšímu zpracování.
Nyní jste připraveni přejít k dalšímu kroku: vytvoření bezpečnostního pole loga.
Příprava loga
Než začnete vytvářet bezpečnostní pole pro logo, musíte provést několik přípravných kroků:
- Importovat logo do Figma. Chcete-li to provést, vyberte v horní nabídce příkaz "File" a vyberte "Import" nebo použijte kombinaci kláves "Cmd + Shift + I" (na Macu) nebo "Ctrl + Shift + I" (na Windows) a vyberte požadovaný soubor s logem.
- Ujistěte se, že logo má jasný obrys a neobsahuje zbytečné prvky. Pokud existují nějaké detaily, které byste chtěli odstranit, použijte nástroj "Edit paths" ve Figma k jejich odstranění nebo změně.
- Určete velikost bezpečnostního pole. Rozměry bezpečnostního pole by měly být dostatečné k ochraně loga před ořezáním nebo zkreslením. Doporučuje se ponechat průhledné prostory kolem loga, přibližně 10% jeho šířky a výšky.
- Přidejte vrstvu pozadí. Vytvořte nový obdélník na pracovní ploše Figma pomocí nástroje "Rectangle" na panelu nástrojů. Nastavte rozměry obdélníku stejné jako u vašeho loga a nastavte požadovanou barvu pozadí.
Po dokončení těchto kroků budete připraveni na další fázi - vytvoření bezpečnostního pole pro logo.
Importovat logo
Než začnete pracovat s logem ve Figmě, musíte jej importovat do programu. Chcete-li to provést, postupujte podle následujících kroků:
- Otevřete Figma a vytvořte nový dokument.
- Vyberte nástroj Rectangle (obdélník) z panelu nástrojů vlevo.
- Nakreslete obdélník na kandelábr a vytvořte rámeček pro logo.
- Vyberte nástroj "Place image" (umístit obrázek) na panelu nástrojů vlevo.
- Vyberte soubor s logem v počítači a klikněte na "Open" (Otevřít).
- Logo bude automaticky importováno do rámečku na kandelábru.
Nyní je logo připraveno k dalšímu zpracování a vytvoření bezpečnostního pole.
Krok 3: vytvoření bezpečnostního pole
Chcete-li vytvořit bezpečnostní pole, postupujte podle níže uvedených pokynů:
Krok 1:
Vyberte nástroj Obdélník na panelu nástrojů Figma a nakreslete obdélník kolem loga. Vyberte rozměry obdélníku tak, aby zcela pokrýval logo, ale nedotýkal se ho. K určení správných rozměrů a pozice bezpečnostního pole lze použít pomocné čáry a vodítka.
Krok 2:
Vyberte obdélník a na panelu nástrojů vyberte nástroj Tvar. V rozbalovací nabídce vyberte "oříznout", abyste odstranili část obdélníku a vytvořili bezpečnostní pole. Obdélník by měl být oříznut tak, aby zůstal pouze obrys kolem loga.
Krok 3:
Zkontrolujte, zda bezpečnostní pole plně pokrývá logo a nedotýká se ho. V případě potřeby upravte velikost a pozici bezpečnostního pole, dokud nedosáhnete požadovaného výsledku.
Hotovo! Vaše logo má nyní bezpečnostní pole, které bude použito k jeho ochraně před vnějšími prvky a zajištění jeho čistoty.
Výběr velikosti bezpečnostního pole
Správná volba velikosti bezpečnostního pole hraje důležitou roli při vytváření efektivního designu loga. Příliš úzké bezpečnostní pole může vést k jeho přetížení a obtížnosti vnímání, zatímco příliš široké může způsobit ztrátu rovnováhy a spojení se zbytkem designu.
Velikost ochranného pole by měla být úměrná velikosti samotného loga. Doporučuje se ponechat bezpečnostní pole stejné jako "X" v názvu loga. Pokud například používáte písmo s výškou 50 pixelů, pak by bezpečnostní pole mělo být také 50 pixelů.
Bezpečnostní pole lze měřit v pixelech, procentech nebo jiných měrných jednotkách, v závislosti na požadavcích vašeho projektu. Je však důležité si uvědomit, že velikost bezpečnostního pole musí být konstantní a stejná pro všechny verze loga.
Kromě hlavního bezpečnostního pole kolem loga se také doporučuje přidat další bezpečnostní pole ve zvláště úzkých a vysokých verzích loga, aby se zabránilo jeho kompresi a zkreslení při škálování.
Volba velikosti bezpečnostního pole je umění, které vyžaduje pozornost a posouzení každého konkrétního případu. Použijte tato doporučení jako výchozí bod, ale nebojte se experimentovat a najít nejlepší rovnováhu mezi funkčností a estetikou vašeho loga.
Přidání bezpečnostního pole
Chcete-li do Figmy přidat bezpečnostní pole, postupujte podle těchto kroků:
- Vyberte nástroj Obdélník z panelu nástrojů.
- Nakreslete obdélník kolem loga a vytvořte bezpečnostní pole. Velikost a umístění obdélníku by měly být takové, aby pokryly logo a dostatek volného prostoru kolem něj.
- Ujistěte se, že je obdélník zvýrazněn, a v panelu vlastností vyberte barvu výplně "průhledná".
- V případě potřeby změňte tloušťku tahu obdélníku, aby byl viditelnější.
- Aby bezpečnostní pole nerušilo práci s jinými objekty na plátně, můžete jej uzamknout výběrem vrstvy s obdélníkem v panelu vrstev a kliknutím na ikonu "zámek".
Vaše logo má nyní bezpečnostní pole, které jej pomůže chránit před nesprávným používáním a zkreslením.
Krok 4: Export loga s ochranným polem
Jakmile vytvoříte bezpečnostní pole pro vaše logo, můžete jej exportovat ve formátu PNG nebo SVG.
Chcete-li exportovat logo s ochranným polem, vyberte požadovanou položku (logo a bezpečnostní pole) na plátně Figma.
Poté klikněte na tlačítko Exportovat v pravém horním rohu panelu nástrojů Figma.
V okně, které se otevře, vyberte formát exportu (PNG nebo SVG) a zadejte složku, do které chcete soubor uložit.
Nakonfigurujte nastavení exportu podle vašich požadavků (velikost, průhlednost atd.) a klikněte na tlačítko Exportovat.
Nyní je vaše logo s ochranným polem uloženo ve zvolené složce a je připraveno k použití!
Výběr formátu exportu
Jakmile vytvoříte bezpečnostní pole pro logo ve Figma, můžete jej exportovat do různých formátů. Výběr formátu závisí na tom, kde a jak plánujete používat své logo.
Zde je několik oblíbených exportních formátů:
- PNG-tento formát je vhodný pro použití loga online nebo v dokumentech s bílým pozadím. Podporuje průhlednost, což usnadňuje integraci loga do různých pozadí.
- JPEG-tento formát je vhodný pro fotografie a obrázky s plynulými přechody barev. Nepodporuje však transparentnost, proto se nedoporučuje pro loga s omezeným ochranným polem.
- SVG je vektorový formát, který lze škálovat bez ztráty kvality. Je ideální pro tisk a další profesionální projekty, kde je vyžadováno vysoké rozlišení a přesnost dílů.
Při exportu loga do Figma se ujistěte, že vyberete nejvhodnější formát pro vaši konkrétní potřebu. To pomůže zajistit, aby vaše logo vypadalo skvěle v jakémkoli kontextu.