Свет софтвера за графички дизајн је огроман и има велику конкуренцију. Фигма је један алат за дизајн који јури на прво место за УКС/УИ дизајнере широм света. Али шта знате о овом интуитивном алату?
Иако је једноставно, постоји и крива учења ако сте навикли на друге алате за дизајн. Погледајмо Фигму и како је користити. Добродошли на Фигму 101.
Шта је Фигма?
Ако сте радили као графички дизајнер или веб дизајнер у последњих неколико година, вероватно сте чули за Фигму. Можда сте га чак и користили.
Фигма је алатка за дизајн и стално постаје омиљена за дигиталне дизајнере, напредујући над опцијама као што су Адобе КСД, Адобе Пхотосхоп и Скетцх, за веб дизајн и још много тога. Међутим, пошто Адобе је купио Фигму 2022, можда ће доћи до неких промена које ће променити ранг листу.
Постоје много користи за Фигму. Првенствено се користи за дигитални дизајн, а не можете дизајнирати у ЦМИК за штампање. Неке од главних употреба Фигме укључују:
- Израда прототипа
- УКС/УИ дизајн
- Дизајн апликације
- веб дизајн
- Дизајн презентације
Можете користите Фигма моцкуп додатке да вам помогне да покажете своје дизајне, претворите праве веб странице у Фигма дизајн користећи додатке, па чак и креирати мастер шаблоне за Фигма дизајне да бисте уштедели време у типовима дизајна који се понављају.
Колико кошта Фигма?
Можете креирати Фигма налог бесплатно на Фигма сите или преузимањем Апликација Фигма. Бесплатан налог пружа функционалност за све аспекте дизајна апликације. Можете дизајнирати помоћу Фигме и ФигЈам—Фигмина алатка за сарадњу.
Ако користите Фигму као хоби или као слободњак, верзија Фрее Форевер је скоро савршена. И даље имате приступ свим додацима, можете позвати неограничене сараднике, користити неограничене личне датотеке и користити Фигму са свих платформи.
Док бесплатна верзија Фигме нуди више него довољно за било ког стандардног дизајнера, претплата на Фигма Профессионал вам омогућава да позовите саиграче, радите из тимских библиотека, имате приступ неограниченим Фигма датотекама и историји верзија и још много тога, за 12 УСД месечно по уредник. Ако сте студент или наставник, можете добити Фигма Профессионал бесплатно.
Како се користи Фигма: основе
Без обзира да ли користите апликацију Фигма или верзију претраживача, можете лако да пратите.
Када отворите Фигма, биће вам представљене опције за покретање нове Фигма датотеке, нове ФигЈам датотеке или увоз датотеке направљене у другом програму, као што је Скетцх или Адобе КСД. Ако сте раније користили Фигма, видећете и своје претходне Фигма пројекте које можете отворити и радити на њима.
Кретање по радном простору Фигма
Отварање нове датотеке у почетку изгледа неинспиративно. За разлику од многих других дизајнерских програма, не почињете са својом уметничком таблом или платном, већ са потпуно празном страном за дизајн. Али са умом пуним инспирације, неће дуго остати празан простор.
Горњи леви хоризонтални мени почиње са Главни мени икона—лого Фигма. Одабиром Главни мени, можете да се крећете до других датотека, брзих радњи Фигма, типичних опција датотека и приступа додацима, виџетима и библиотекама.
Затим ћете пронаћи Потез оруђе (В), са Скала оруђе (К) смештен испод њега. Ови алати служе за померање елемената или скалирање делова вашег дизајна нагоре или надоле. А десно од ових алата видећете алатке Регион, Рам (Ф), Секција, и Слице, смештени заједно.
У Фигми, оквир је оно што други програми могу назвати уметничком таблом или платном. Изаберите Рам да нацртате своје платно прилагођене величине. Када се изабере, десни мени ће представити унапред припремљене опције оквира за уобичајене величине уређаја: паметне телефоне, таблете, десктопе, паметне сатове, презентације и опције друштвених медија. Такође можете директно кликнути и превући оквир да бисте га учинили било којом прилагођеном величином.
Назад на горњи леви мени, десно од алата Регион су Облик алати, Хемијска оловка алати, и Текст оруђе. Затим следе Ресурси—Компоненте, Плугинс, и Видгетс—и Рука алат за кретање по вашој датотеци. И коначно, Коментари алат који је одличан за прављење белешки и сарадњу са саиграчима.
Мени дизајна Фигма
Када је оквир нацртан, одабиром његовог наслова активира се оквир, спреман за дизајн. Десни мени приказује наслове за Дизајн, Прототип, и Инспецт. Као што име сугерише, опција Дизајн је мени који ћете користити да дизајнирате елементе на свом оквиру.
Иако је почетни мени дизајна донекле поједностављен, како додајете више елемената свом дизајну, опције менија се развијају. У почетку, мени се креће од врха до дна са алаткама за поравнање, алатима за одређивање величине, Ауто лаиоут, Распоредна мрежа, Слој, Филл, Удар, Ефекти, и Извоз. Неки од њих су подразумевано минимизирани, али кликом на + знак, можете отворити било који мени или притиснути – да га минимизира.
Када нацртате свој главни оквир за пројекат, можете користити алатке за обликовање или алатке за оловке да бисте нацртали облике или додајте чуваре места за слике и можете додати текст помоћу алатке за текст на начине на које сте вероватно радили у другим случајевима софтвер.
Када имате облике или текст на оквиру, користите различите опције десног менија да уредите и дизајнирате те елементе. Тхе Слој мени нуди режиме непрозирности и мешања; са Филл можете додати боју или уметнути слике са неким функцијама за уређивање као што је Изложеност, Контраст, Температура, и још.
Како градите више елемената у свом пројекту, слојеви ће се формирати на левој страни Слојеви мени поред Средства таб. Можете двапут кликнути на наслов слоја да бисте пронашли елемент, и обрнуто; можете двапут кликнути на елемент дизајна да бисте пронашли истакнути слој. Двоструки клик на наслове вам омогућава да их преименујете ради оптималне организације.
Мени прототипа Фигма
Десно од Дизајн опција менија је Прототип мени. Када финализирате визуелне аспекте свог дизајна и поставите оквире за слике и текст тамо где треба да иду, можете користити алате за прототип да додате анимације и прелазе у своје дизајне.
Тхе Прототип мени вам омогућава да повежете оквире или компоненте заједно као прелазе. Можете одабрати који редослед и како сваки оквир прелази у други.
Ово одлично функционише ако сте прављење Фигма презентације који анимира са једног слајда на други, али алат вам такође стручно омогућава да визуелизујете анимације за дугмад или меније за апликације и веб дизајн. Можете да додате више прелаза по страници за све различите ствари, тако да можете да видите како би корисници ступили у интеракцију са вашом веб локацијом када је она активна.
Иако коришћење Фигме за дизајн веб странице није исто што и креирање веб странице уживо, можете предати своју Фигму дизајнирајте свом тиму за развојне програмере који може да поново креира ваше интеракције прототипа као дизајн анимације у стварном животу за ваше веб сајт. То значи да можете да прелазите са странице на страницу из кликова, времена или других интеракција.
Лако је почети са Фигма-ом
Сада знате како да се крећете по изгледу Фигма и како функционишу основни алати за дизајн и прототип. Пошто је Фигма тако лако доступна, време је да се позабавите овим алатом за дизајн и видите шта можете да креирате.
