Постоји милион начина да се направи презентација, али Фигма је потцењен алат за то. Функција прототипа у Фигми омогућава мноштво прилагодљивих опција прелаза. Не само да ће ваши прелази одушевити вашу публику, већ можете да уградите додатке за додатну занимљивост и да ваша публика буде ангажована, чинећи да се осећате сигурним у своје вештине.
Показаћемо вам како да направите убиствену презентацију користећи Фигму; само пратите овај водич.
1. Поставите свој први оквир за презентацију
Отвори Фигма и кликните Нова датотека дизајна. Кликните Фраме Тоол (Ф) да нацртате свој оквир или да изаберете унапред подешени оквир са десне стране помоћу Презентација > Слајд 16:9. Можете креирајте главни шаблон бисте уштедели време.
Преименујте свој оквир тако што ћете двапут кликнути на плави наслов у горњем левом углу. Подесите боју позадине; иако га увек можете променити касније тако што ћете означити све оквире и променити боју испуне.
2. Додајте текст наслова
Користити Алатка за текст (Т) и напишите свој наслов. Користите засебне оквире за текст за засебне редове, са само једном или две речи по реду. Подесите подешавања текста у
Текст мени са десне стране. Фигма користи Гоогле фонтове, па ћете можда желети да знате најбоље парове Гоогле фонтова.3. Додајте слику
Можете користите стоковну фотографију или снимите своју релевантну фотографију. Да бисте додали слику, нацртајте правоугаоник користећи Алат за правоугаоник (Р). Ваша слика ће седети у овом облику.
Кликните на правоугаоник и идите на Филл и кликните на обојени квадрат. Затим кликните Чврсто > Слика > Изабери слику. Пронађите своју слику и кликните Отвори. Пређите курсором преко слике да бисте открили 4 бела круга. Кликните и превуците један круг према унутра да бисте заокружили углове слике.
Распоредите своје слојеве тако да је слика позади, а текст на горњем слоју. Можете да превучете слојеве на панелу слојева или помоћу Цмд/Цтрл + [ да пошаље слој назад или Цмд/Цтрл + ] да доведе слој напред.
4. Направите прву транзицију
Први прелаз ће отворити слику и омогућити да текст наслова склизне у оквир. Прво, дуплирајте први оквир тако што ћете га изабрати и притиснути Цмд/Цтрл + Д да га дуплира.
На левом оквиру, смањите слику тако што ћете смањити атрибуте висине у Х оквир на око 150, остављајући хоризонтални прорез слике. Поравнајте га по средини тако што ћете изабрати обе слике преко оквира и кликнути Оптион + В (Мац) или Алт + В (Виндовс).
Да бисте довршили прелаз слике, изаберите слику са леве стране. Затим промените непрозирност на 0% у десном менију у пољу поред Пролази испод слоја. Ово ће учинити слику невидљивом пре него што се пређе и отвори.
Кликните на први оквир за текст и држите притиснут Смена. Почните да превлачите, а затим и држите притиснуто Размакница и наставите да превлачите текст са оквира. Изгледа као да нестане када изађе из кадра. Без додавања размакнице, овај прелаз неће радити, али ако држите размакницу пре превлачења, он ће само померити ваш оквир.
Урадите ово поново за своје друго или следеће текстуалне оквире, али их превуците мало даље улево да бисте додали мало разноликости у прелазу. Док је текст још увек изабран, смањите непрозирност слоја на 0% на исти начин као што сте претходно урадили за слику.
Да бисте подесили прелаз, идите на Прототип. Изаберите оквир са леве стране и кликните на плави круг који се појављује у средини десне стране оквира. Превуците је, тако да линија иде до вашег другог кадра.
У падајућем менију који каже Инстант, изаберите Смарт Анимате. Затим промените кутију са штоперица до 1000мс. Ово ће подесити да ваш прелаз траје једну секунду од клика миша. Остала подешавања би требало да буду подразумевана. Уверите се да не преименујете наслове оквира након подешавања прелаза, иначе се датотеке неће повезати.
Кликните Игра дугме да бисте тестирали свој прелаз. Врати се на Дизајн да наставите са дизајном презентације.
5. Додај још слајдова
Да бисте прешли са слајда 1 на слајд 2, дуплирајте свој крајњи десни слајд (Цмд/Цтрл + Д). У новом оквиру — слајду 2 — померите текстуалне оквире из оквира користећи претходну технику (Смена + Драг онда Размакница након што почнете да превлачите). Померите један оквир за текст лево, а други десно од оквира. Поставите непрозирност на 0% за оба.
За слику, смањите је и померите мало ван центра, а затим подесите непрозирност на 0%. Ово вам заправо даје празно платно за ваш други слајд. Можете додати садржај на врх невидљивих елемената са претходног слајда.
Додајте велику слику у центар оквира. Да бисте додали неке украсе на своју слику, користите а Додатак Фигма за ГИФ-ове или преузмите ГИФ налепницу са Гипхи-ја и превуците га на врх слике. Изаберите своју главну слику и све ГИФ-ове и групишите их заједно (Цмд/Цтрл + Г), ово осигурава да ће Смарт Анимате исправно радити.
Изаберите групу и копирајте је (Цмд/Цтрл + Ц). Затим га залепите на оквир слајда 1 (Цмд/Цтрл + В). Смањите га и подесите непрозирност на 0%. Затим померите овај слој назад (Цмд/Цтрл + [). Ово обезбеђује несметан прелазак на следећи слајд.
Иди на Прототип. Изаберите слајд 2 и кликните на плави круг да бисте га превукли на слајд 3. Фигма подразумевано у менију прототипа је да користи претходна подешавања, тако да би сва требало да буду подешена у складу са претходном транзицијом. Врати се на Дизајн.
Дуплирајте последњи слајд (Цмд/Цтрл + Д). Овај слајд ће користити исту слику као и претходни, али ћемо је скалирати на једну страну оквира. Померите слику лево од оквира превлачењем док је држите Смена. Задржите показивач миша на десној ивици слике док се не појаве супротно окренуте стрелице, кликните и превуците десну ивицу слике улево док не будете задовољни.
Иди на Прототип и повежите два оквира заједно. Затим се вратите на Дизајн.
Додајте наслов и основни текст десно од скалиране слике и групишите их заједно. Копирајте групу текста и налепите је на претходни слајд. Кликните и превуците текстуалну групу десно од оквира као и раније.
6. Додајте модел
Направите макету; погледајте наше водич за креирање макета помоћу додатака у Фигми. Додајте нови оквир, а затим на њега залепите свој модел. Промените величину модела тако да одговара оквиру.
Копирајте макету и налепите је у претходни оквир. Промените величину тако да се уклапа у део слике, а затим је померите на полеђину слојева и подесите непрозирност на 0%. Повежите оквире Прототип.
7. Додај ознаке
Дуплирајте оквир за макету. Додајте наслов и опис да бисте објаснили делове вашег модела. Групишите текст и именујте га. Онда можете креирајте индикатор мат стакла за ваше тачке и линије. Групирајте једну линију са једним кругом. Поравнајте свој индикатор са оним што описује и додајте свој опис поред њега. Повежите оквире Прототип.
Дуплирајте оквир и додајте још један индикатор тачке са оним што описује. Поново прототип. Дуплирајте сваки оквир по тачки за набрајање, тако да свака тачка за набрајање прелази сама.
8. Завршите презентацију
Дуплирајте последњи слајд. Напишите завршну реч или две и центрирајте је. Копирајте текст и налепите га на претходни слајд.
Смањите текст држећи К док га скалирате — ово одржава ваш текст форматираним док га смањујете. Поставите текст негде близу врха макете и пошаљите слој позади, испод слике. Поставите непрозирност на 0%. Вратите се на последњи слајд.
Померите све остале објекте из оквира методом превлачења. Прелаз ће све повући према странама и врху док се текст помера надоле од врха и шири. Линк се увлачи Прототип.
9. Поделите своју Фигма презентацију
Својој презентацији можете приступити било где где можете да се пријавите на свој Фигма налог или да делите УРЛ са другима, тако да они могу да гледају са било ког места. Да бисте представили своју коначну презентацију са њеним прелазима, кликните на Игра дугме и присутно у режиму целог екрана.
Такође можете да сачувате оквире као ПДФ-ове, иако ћете тиме изгубити анимиране прелазе.
Унапредите своје презентације помоћу Фигме
Не само да је ова презентација минималистичка, што неће преплавити вашу публику, већ су и прелази професионални и чисти. Није потребан стручњак за УИ/УКС да бисте користили Фигму на начин који користи вашим презентацијама, без обзира на вашу радну улогу. Представите са самопоуздањем и бићете преплављени питањима о томе како је ваша презентација направљена.