Как да създадете главни шаблони за презентации във Figma

Ако създавате стилизирана презентация, но не искате да използвате прекалено използвани шаблони от PowerPoint, Google Slides или Canva, можете да създадете свои собствени основни шаблони за вашето бъдеще дизайни на презентации.

Това е чудесен вариант за тези, които искат тематични дизайни на презентации или които трябва да следват ръководство за марков стил. Продължете да четете, за да разберете как да използвате Figma за създаване на основни шаблони за вашите презентации.

1. Как да настроите Figma документ за презентации

Регистрирайте се за безплатен акаунт на Figma.com, или ако вече имате акаунт, влезте. Можете да използвате Figma директно в браузъра си или можете изтеглете настолното приложение.

Отворете a Нов файл с дизайн, след което щракнете Без заглавие в горната част, за да преименувате файла си, като например „главен шаблон за презентация“. Вляво щракнете Страница 1, тогава знак плюс за да добавите нова страница. Преименувайте новата страница на „Шаблон“. Това ви позволява да държите вашите главни слайдове отделно от вашите дизайнерски слайдове по-късно.

За да създадете рамка — името на Figma за артборд или платно — използвайте Инструмент за рамка (Ф), след което щракнете навсякъде, за да отворите рамка. В настройките вдясно променете У и Х атрибути на подходящ размер на презентацията; ние използваме 1920 x 1080, което е стандартният размер на екрана. Това ще бъде първият ви главен шаблон.

Щракнете двукратно върху синьото заглавие в горната част на рамката, за да го преименувате. Помислете за оформлението на страницата, което планирате, и го наименувайте съответно – например „Горна колона втора заглавие“ или „Горна снимка вдясно“ би било полезно.

2. Проектирайте оформлението на презентацията

За да помогнете с дизайна на оформлението, можете да използвате мрежата за оформление. За да го включите, изберете рамката си, след което в дясната лента с инструменти щракнете върху знак плюс до Layout Grid. Това отваря червена полупрозрачна решетка отгоре на вашия дизайн.

За да създадете колони, с които е по-лесно да се проектират, щракнете върху икона на решетка с квадратни точки под Layout Grid, след което щракнете Решетка в падащото меню и изберете колони. Задайте броя на 12, което е типично за дизайна на екрана. Решетката не спестява върху окончателния ви дизайн. Можете временно да го включите или изключите с помощта на икона на око или го премахнете за постоянно, като щракнете върху икона минус до окото.

Независимо дали използвате мрежата за оформление или не, можете да започнете да добавяте основни компоненти за място към първото си оформление на слайд. Като цяло оформлението на вашите слайдове зависи от вас.

3. Създайте текстово оформление с две колони

Нека започнем с проектиране на горно заглавие с текстов слайд с две колони. За да добавите заместител на заглавието си, използвайте Инструмент за текст (т) и въведете „Заглавие за място“. Размерът на текста по подразбиране във Figma е доста малък, така че след като сте написали заместителя, го маркирайте и използвайте настройките вдясно, за да увеличите размера и изберете шрифт —изтеглете шрифт, ако е необходимо. Можете също да зададете кернинг и други атрибути.

За да поберете ширината на слайда, увеличете ширината на текстовото поле за заглавие, като щракнете и плъзнете ъгъла вдясно. Оставете поле от всяка страна. Това означава, че текстовото поле ще включва различни дължини на заглавията в бъдещи презентации.

За да добавите текстова област с две колони, използвайте Инструмент за текст (т) и плъзнете текстовото поле според вашата мрежа за оформление, оставяйки достатъчно място за втора колона със същия размер до него.

Когато текстовото ви поле е на място, изберете подходящ шрифт и размер. Изберете текстовото поле и го дублирайте, като задържите Оопция (Mac) или Alt (Windows), докато плъзгате полето. Това създава оформление с две колони; обаче можете да използвате тази система за проектиране на друг тип оформления.

4. Добавете фонов цвят или изображение

Можете да зададете цвят на фона, като изберете рамката и отидете на Напълнете в дясното меню, за да изберете цвят. Но ако предпочитате да използвате изображение или набор от изображения като фон, можете. Просто плъзнете фоновото си изображение от папка върху рамката си. Можете да го преоразмерите веднага, като плъзнете ъглите, за да пасне на рамката ви.

Ако използвате ан изображение като фон, уверете се, че сте подредили изображението в задната или долната част на слоевете за всеки слайд, като щракнете с десния бутон и изберете Изпращане на гърба, или като го плъзнете до дъното на лявата палитра със слоеве.

За по-нататъшно редактиране на изображението, под Напълнете, щракнете Изображение в падащото меню. Ще можете да промените режима на смесване, фактора на изрязване и други аспекти. За да промените непрозрачността, променете процента до падащото меню.

За отделно изображение, което не е фон, използвайте Инструмент за рамка (Ф), за да нарисувате рамка, където искате да стои изображението, и плъзнете файла от компютъра си в рамката. След това можете да използвате същите настройки, както преди.

5. Как да създадете текстови стилове във Figma

Когато създавате главен шаблон, текстовите стилове трябва да са последователни във всички слайдове. Това може да стане ръчно, като зададете всеки текстов компонент да бъде един и същ, но ако имате много слайдове, това може да бъде досадно да се направи. Добрата новина? Можете да автоматизирате вашите текстови стилове във Figma.

С избрания текст – например субтитри в предпочитания от него стил, шрифт и размер – щракнете върху квадрат от четири точки до Текст в менюто вдясно. Щракнете върху знак плюс за да зададете нов стил.

В изскачащия прозорец наименувайте стила – например „Заглавие на слайд или текст на основния текст“. Когато проектирате други слайдове в този шаблон, можете да изберете изброения стил в текстовото меню, като изберете текста и изберете стила. За да прекратите връзката на стила и да отмените функцията, щракнете върху икона на счупена връзка който се появява, когато задържите курсора на мишката върху заглавието на текстовия стил.

По същия начин работи и за цветовете. Изберете нещо с цвета, който искате, след това щракнете върху бутона на менюто Figma и Бързи действия. Въведете „Изберете всички с еднакво запълване“ и ще избере всичко от същия цвят. След това можете да го зададете като стил на цвят под Напълнете меню по същия начин като създаване на текстов стил. Това работи добре за цветовете на фона, като просто изберете рамката и изберете своя цвят.

Ако вече не следвате ръководство за стил, има много начини за генериране на цветови палитри.

6. Създаване на компоненти

За да можете да използвате вашите шаблони по-късно, те трябва да са компоненти, така че да се свързват. За да превърнете рамката в компонент, изберете текущата рамка и щракнете Cmd + Опция + К (Mac) или Ctrl + Alt + К (Windows).

Заглавието на рамката ще се превърне от синьо в лилаво с икона на диамант, за да покаже, че вече е компонент. След това, за да дублирате рамката, щракнете Cmd + д (Mac) или Ctrl + д (Windows) веднъж и плъзнете новия кадър вдясно от първия.

Отделете компонента на дубликата от оригинала, като щракнете с десния бутон върху заглавието на новата рамка и изберете Отделете екземпляр. Преименувайте новия слайд с подходящо заглавие за неговото оформление. Добавете новия дизайн към слайда и след това го направете свой собствен компонент, като щракнете Cmd + Опция + К (Mac) или Ctrl + Alt + К (Windows). Този процес трябва да се извършва всеки път, когато създавате нов слайд.

Когато проектирате оформлението за всеки нов слайд, използвайте готови текстови и цветови стилове, за да спестите време. Завършете този процес с толкова основни слайдове, колкото ви е необходимо, като се уверите, че всички те са озаглавени с описателни имена.

7. Как да използвате вашите главни слайдове

За да използвате слайдовете за бъдещите си дизайни, изберете Страница 1 в Страници меню — като вашият шаблон е под собствено заглавие — и създайте нова рамка с размер на презентация. След това щракнете вляво Активи > Локални компоненти където трябва да бъдат слайдовете на вашия шаблон. Плъзнете слайдовете на шаблона върху новата рамка и я центрирайте. Редактирайте заместителите за вашето съдържание.

Следвайте същия процес, докато вашата презентация завърши.

Спестете време, като направите свои собствени главни шаблони във Figma

Можете да предоставите своя главен шаблон на съотборници или колеги, да го запазите за лична употреба или дори да ги продадете като дизайнерски пакети. Въпреки че първоначално може да изглежда обезсърчително да създадете шаблон за слайд, той ще подпомогне производителността, когато правите бъдещи презентации във Figma, като в крайна сметка ще спестите време.

10-те най-добри функции на Figma, които всички дизайнери трябва да използват

Прочетете Следващото

За автора