Těchto 13 funkcí zvýší vaši produktivitu v aplikaci Gravit Designer

Po celou dobu práce a navrhování s Gravit Designer jsem získal spoustu zkušeností a nyní se chci podělit o to s každým, kdo může mít rychlejší proces navrhování.

Math vám může opravdu pomoci

Chcete, aby tlačítko bylo 1/3 aktuální velikosti? To je snadné, stačí použít vzorce v polích šířka / výška. Všechny vstupy od Gravit podporují tento druh operací.

Matematické operace.

Příklad: Zadejte 540/4 a stiskněte Enter.
Výsledek bude 135.

Můžete použít tyto operandy:

/ rozdělit
* znásobit
+ přidat
- odečíst

Místo seskupení použijte vrstvy

Úžasnou funkcí aplikace Gravit Designer je systém vrstev. Funguje to jako skupina, ale nemusíte dvojitým kliknutím vybírat vnitřní objekt. Je také možné dát každé vrstvě vlastní barvy. Usnadníte tím organizaci vašich vrstev.

Vrstvy v aplikaci Gravit Designer

Režim osnovy můžete povolit pro každou vrstvu, abyste mohli přesunout celou vrstvu s jejím obsahem pomocí nástroje pro výběr vrstvy nebo jejím výběrem na panelu vrstev.

Místo kopírování obsahu používejte vzorové stránky

Pokud chcete simulovat vyskakovací okno obrazovky nebo máte některá záhlaví / navigační menu, která se vždy zobrazí, nejlepším řešením je použít namísto duplikování veškerého obsahu hlavní stránky. Má mnoho výhod. Všechno zůstává synchronizované. Můžete si navzájem propojit jednu hlavní stránku a samotný návrh funguje rychle, protože obsahuje méně objektů.

Hlavní stránky usnadňují a zrychlují proces návrhu.

Používání stylů

V poslední verzi Gravitu jsme představili styly, ale existuje několik věcí, které ještě neznáte. =)
Můžete vytvářet styly pro vzhled, výplň, ohraničení, efekty a text.

V tomto příkladu používám styl se svazkem efektů, abych rychle replikoval svůj seznam efektů na spoustu různých objektů najednou.

Po vytvoření stylu se použije pouze na požadovaný objekt. Jeho styl můžete stále změnit a stisknutím tlačítka Synchronizovat aktualizuje všechny ostatní objekty.

Rychle uspořádejte a upravujte své styly.

Styly lze v editoru stylů přejmenovat, změnit jejich pořadí a změnit jejich vlastnosti. Jděte tam kliknutím na styl uspořádání a poté na tlačítko nastavení.

Simulovat stavy tlačítek s více výplně a ohraničení

V designu obrazovky je jednou z nejtěžších částí simulace všech stavů tlačítek.
Na Gravitu pomocí více výplní a ohraničení můžete vytvořit styl se všemi stavy uvnitř a poté jednoduše zobrazit / skrýt výplně / hranice simulující nové stavy.

Styly s více výplněmi mohou simulovat stavy.

Zvládnutí kotevních bodů

Ukotvovací body byly představeny s aktualizacemi stylů. Je velmi důležité, aby komponenty pro návrh obrazovky reagovaly a testovaly vaše návrhy ve více šířkách obrazovky, aniž byste je museli překreslovat.

Co lidé nevědí, je to, že kotevní body mohou namísto práce se stránkami mít kontejnery.

Ukázkový soubor ke studiu: https://tinyurl.com/lzz3nft.

Pokud tedy nastavíte kotevní bod na jeden objekt, bude kontejner fungovat jako stránka dokumentu.

Objekty uvnitř ostatních s ořezem však budou respektovat oblast objektu vyšší úrovně jako kontejner kotevního bodu.

Úpravy textu

Některé textové funkce jsou v uživatelském rozhraní skryty, ale stále tam jsou.

Přeškrtněte s: Cmd / Ctrl + S
Podtržení s: Cmd / Ctrl + U
Kurzíva s: Cmd / Ctrl + I
Tučně s: Cmd / Ctrl + B

Rychlá změna stylu textu bez kliknutí.

Oříznutí obrázků a vytváření vzorů

Jednou z nejčastějších akcí v návrhu obrazovky je oříznutí obrázků, na gravitaci to můžete rychle udělat dvojitým kliknutím na něj.

Rychlé oříznutí obrazu na Gravitu.

Pokud chcete provést vyplnění pozadí obrázku na objektu, který vždy odpovídá designu, můžete použít výplň vzorku a roztáhnout ji do tvaru.

Vlastní vzor můžete také rychle vytvořit zkopírováním požadovaného objektu vzoru v editoru a následným stisknutím tlačítka Vložit uvnitř nástroje pro výběr barvy vzoru.

Vytvořeno vlastní překrytí výplně vzoru.

Výplně lze přetáhnout na sebe a rychle je replikovat.

Příklad přetažení a přetažení výplně.

Text na cestě

Jedna věc, kterou uživatelé vždy žádají, je, jak vytvořit text na cestě v Gravitu, takže zde je rychlé vysvětlení, opravdu rychlé. :)

Přidejte text na cestu jednoduše pomocí textového nástroje v cestě.

Prostě vytvořte text pomocí textového nástroje na okraji požadovaného objektu a whoolaaa! Bude to fungovat.

Chytré kopírování

Na Gravit je duplikování objektů opravdu snadné, ale pěkná funkce, kterou mnoho lidí neví, je, že pokud stisknete cmd / ctrl + d, aby se objekt duplikoval znovu, bude reprodukovat stejnou operaci a pohyb.

Příklad inteligentního duplikování.

Pokud použijete cmd / ctrl + shift + d, bude objekt duplikován na stejném místě.

Úpravy obrázků tak, aby vypadaly profesionálně

Toto je velmi důležité. Někdy chcete umístit text na obrázek nebo barva obrázku neodpovídá dokonale rozvržení. Chcete-li vyřešit tento Gravit Designer, má mnoho efektů, které vám mohou v této úloze pomoci, aniž byste museli používat externí nástroj pro úpravu obrázků.

Původní obrázek:
Toto je původní obrázek, se kterým si budeme hrát.

Původní obrázek.

Překryvná obrazovka:
Můžete jej použít k prolnutí obrázků na alfa nebo k prolnutí barvy přechodu nad ním.

Překryvná obrazovka sloužící k přechodu.

Přebarvit:
Recolor se používá k vytvoření obrazu v jednom barevném tónu.

Přebarvený obrázek na červený tón.

Rozostření s klipem na:
Volba klipu způsobí, že se rozostření aplikuje pouze uvnitř kontejneru, aniž by došlo k rozmazání obrazu.

Rozmazaný obraz se zapnutou klipsou umožňuje pozorovat ostré okraje.

Upravit:
Existuje mnoho standardních úprav obrazu, jako je odstín / sytost / jas / kontrast.

Hrál s nástroji pro úpravu, abyste vytvořili černobílý styl fotografií.

Pomocí transformačního nástroje

Transformační nástroj není jen o duplikování objektů. Pro designéry obrazovek existuje několik zajímavých věcí. Víte, kdy chcete zajistit, aby všechny komponenty měly stejnou šířku? Je to snadné, stačí je vybrat a poté přejít na transformační nástroj a kliknout na stejnou šířku.

Pomocí nástroje transformace ověřte šířku objektů.

Použití klávesových zkratek pro přiblížení

Mezi úrovněmi zvětšení můžete rychle přepínat pomocí čísel Cmd / Ctrl +.

Cmd / Ctrl + 1 = 100% zvětšení
Cmd / Ctrl + 2 = 200% zvětšení
Cmd / Ctrl + 3 = 300% zvětšení
Cmd / Ctrl + 4 = 400% zvětšení
Cmd / Ctrl + 8 = 800% zvětšení
Cmd / Ctrl + 5 = 50% zvětšení
Cmd / Ctrl + Alt + 0 = Přizpůsobit vše

Doufám, že to bylo užitečné a vy se dnes lidé dozvěděli něco nového, co pomůže urychlit proces návrhu.

Další návody a články o Gravit Designeru najdete na našem blogu a sociálních médiích níže.

Facebook / Twitter / Fórum