Svet softvéru pre grafický dizajn je obrovský a má veľkú konkurenciu. Figma je jeden dizajnový nástroj, ktorý sa preháňa na prvé miesto pre dizajnérov UX/UI po celom svete. Čo však viete o tomto intuitívnom nástroji?
Aj keď je to jednoduché, existuje aj krivka učenia, ak ste zvyknutí na iné dizajnérske nástroje. Pozrime sa na Figmu a ako ju používať. Vitajte na Figme 101.
Čo je Figma?
Ak ste v posledných rokoch pracovali ako grafický dizajnér alebo webový dizajnér, pravdepodobne ste už počuli o Figme. Možno ste to aj použili.
Figma je dizajnový nástroj a neustále sa stáva obľúbeným pre digitálnych dizajnérov, pričom prekračuje možnosti ako Adobe XD, Adobe Photoshop a Sketch pre webový dizajn a ďalšie. Avšak, keďže Spoločnosť Adobe získala Figmu v roku 2022, môže dôjsť k zmenám, ktoré zmenia poradie.
Existujú mnoho použití pre Figma. Primárne sa používa na digitálny dizajn a nemôžete ho navrhovať v CMYK pre tlač. Niektoré z hlavných použití Figmy zahŕňajú:
- Prototypovanie
- Dizajn UX/UI
- Dizajn aplikácie
- vzhľad stránky
- Dizajn prezentácie
Môžeš použite makety pluginov Figma pomôcť predviesť svoje návrhy, previesť skutočné webové stránky na návrhy Figma pomocou pluginov a dokonca vytvárať hlavné šablóny pre návrhy Figma aby ste ušetrili čas pri opakujúcich sa typoch návrhov.
Koľko stojí Figma?
Účet Figma si môžete vytvoriť zadarmo na Stránka Figma alebo stiahnutím Aplikácia Figma. Bezplatný účet poskytuje funkčnosť pre všetky aspekty dizajnu aplikácie. Môžete navrhnúť pomocou Figma a FigJam – nástroj spolupráce Figmy.
Ak používate Figmu ako nadšenec alebo ako samostatný freelancer, verzia Free Forever je takmer dokonalá. Stále máte prístup ku všetkým doplnkom, môžete pozývať neobmedzený počet spolupracovníkov, používať neobmedzené osobné súbory a používať Figmu zo všetkých platforiem.
Zatiaľ čo bezplatná verzia Figma ponúka viac než dosť pre každého štandardného dizajnéra, predplatné Figma Professional vám to umožňuje pozývajte spoluhráčov, pracujte z tímových knižníc, majte prístup k neobmedzeným súborom Figma a histórii verzií a ešte viac za 12 dolárov mesačne za editor. Ak ste študent alebo pedagóg, môžete získať Figma Professional zadarmo.
Ako používať Figmu: Základy
Či už používate aplikáciu Figma alebo verziu prehliadača, môžete to jednoducho sledovať.
Keď otvoríte Figmu, zobrazia sa vám možnosti spustenia nového súboru Figma, nového súboru FigJam alebo importu súboru vytvoreného v inom programe, ako je Sketch alebo Adobe XD. Ak ste už Figmu používali, uvidíte aj svoje predchádzajúce projekty Figma, ktoré môžete otvoriť a pracovať na nich.
Navigácia v pracovnom priestore Figma
Otvorenie nového súboru spočiatku nevyzerá inšpiratívne. Na rozdiel od mnohých iných návrhárskych programov nezačínate kresliacou doskou alebo plátnom, ale úplne prázdnou stránkou dizajnu. Ale s mysľou plnou inšpirácie nezostane dlho prázdnym priestorom.
Horné ľavé horizontálne menu začína znakom Hlavné menu ikona — logo Figma. Výberom Hlavné menu, môžete prejsť na svoje ďalšie súbory, rýchle akcie Figma, typické možnosti súborov a prístup k doplnkom, miniaplikáciám a knižniciam.
Ďalej nájdete Pohybujte sa nástroj (V), s Mierka nástroj (K) uhniezdený pod ním. Tieto nástroje slúžia na presúvanie prvkov alebo zmenu mierky častí vášho návrhu nahor alebo nadol. A napravo od týchto nástrojov uvidíte nástroje regiónu, Rám (F), oddiel, a Plátok, zasadené do seba.
Vo Figme je rám to, čo iné programy môžu nazývať kresliace plátno alebo plátno. Vyberte Rám nakresliť plátno vlastnej veľkosti. Po výbere sa v pravej ponuke zobrazia predpripravené možnosti rámov pre bežné veľkosti zariadení: smartfóny, tablety, stolné počítače, inteligentné hodinky, prezentácie a možnosti sociálnych médií. Môžete tiež kliknúť a potiahnuť rám priamo, aby ste získali ľubovoľnú vlastnú veľkosť.
Späť do ľavého horného menu, napravo od nástrojov regiónu sú Tvar nástroje, Pero nástroje a Text nástroj. Potom nasledujú zdroje –Komponenty, Pluginy, a Miniaplikácie— a Ruka nástroj na pohyb v súbore. A nakoniec, Komentáre nástroj, ktorý je skvelý na vytváranie poznámok a spoluprácu so spoluhráčmi.
Ponuka dizajnu Figma
Keď je rám vytvorený, výber jeho názvu aktivuje rám pripravený na dizajn. V pravej ponuke sa zobrazujú názvy pre Dizajn, Prototyp, a Skontrolujte. Ako už názov napovedá, možnosť Dizajn je ponuka, ktorú použijete na navrhovanie prvkov na ráme.
Zatiaľ čo úvodná ponuka Dizajn je trochu zjednodušená, keď do svojho dizajnu pridávate ďalšie prvky, možnosti ponuky sa vyvíjajú. Najprv sa ponuka spustí zhora nadol s nástrojmi na zarovnanie, nástrojmi na úpravu veľkosti, Automatické rozloženie, Mriežka rozloženia, Vrstva, Vyplňte, Mŕtvica, Účinky, a Export. Niektoré z nich sú predvolene minimalizované, ale kliknutím na ikonu + môžete otvoriť ľubovoľné menu alebo kliknúť – aby ste to minimalizovali.
Po nakreslení hlavného rámca pre projekt môžete použiť nástroje Tvar alebo Pero na kreslenie tvarov alebo pridajte zástupné symboly obrázkov a text môžete pridať pomocou nástroja Text spôsobom, ktorý ste pravdepodobne robili v iných prípadoch softvér.
Keď budete mať na ráme tvary alebo text, použite rôzne možnosti ponuky na pravej strane na úpravu a návrh týchto prvkov. The Vrstva ponuka ponúka režimy nepriehľadnosti a prelínania; s Vyplňte môžete pridať farbu alebo vložiť obrázky pomocou niektorých funkcií úprav, ako napr Vystavenie, Kontrast, Teplota, a viac.
Keď vo svojom projekte vytvoríte viac prvkov, vrstvy sa vytvoria na ľavej strane Vrstvy menu vedľa Aktíva tab. Ak chcete nájsť prvok, dvakrát kliknite na názov vrstvy a naopak; môžete dvakrát kliknúť na dizajnový prvok a nájsť zvýraznenú vrstvu. Dvojité kliknutie na názvy vám umožní premenovať ich pre optimálnu organizáciu.
Menu Figma Prototype
Napravo od Dizajn možnosť ponuky je Prototyp Ponuka. Po dokončení vizuálnych aspektov svojho návrhu a nastavení obrázkových polí a textu, kam by mali ísť, môžete pomocou prototypových nástrojov pridať do svojich návrhov animácie a prechody.
The Prototyp vám umožňuje spojiť rámy alebo komponenty dohromady ako prechody. Môžete si vybrať poradie a spôsob prechodu každého rámu na iný.
Toto funguje skvele, ak ste vytvorenie prezentácie Figma ktorý animuje z jednej snímky na druhú, ale tento nástroj vám tiež odborne umožňuje vizualizovať animácie tlačidiel alebo ponúk pre dizajn aplikácií a webu. Na každú stránku môžete pridať viacero prechodov pre všetky rôzne veci, aby ste videli, ako by používatelia interagovali s vašou webovou stránkou, keď je aktívna.
Aj keď používanie Figmy na navrhovanie webovej stránky nie je to isté ako vytváranie živej webovej stránky, môžete svoju Figmu odovzdať navrhnite vášmu vývojárskemu tímu, ktorý dokáže vaše interakcie s prototypom pretvoriť ako návrhy animácií v reálnom živote webovej stránky. To znamená, že môžete prechádzať zo stránky na stránku z kliknutí, času alebo iných interakcií.
Začať s Figmou je jednoduché
Teraz viete, ako sa pohybovať v rozložení Figma a ako fungujú základné nástroje pre návrh a prototyp. Keďže Figma je tak ľahko dostupná, je čas ísť a pohrať sa s týmto dizajnovým nástrojom a zistiť, čo môžete vytvoriť.
