Эффекты в фигма

1.

ЛЕКЦИЯ №2 (I)
ЭФФЕКТЫ В ФИГМА.
ВСЁ ПРО ШРИФТЫ: ВИДЫ,
СОЧЕТАНИЯ И ПРИМЕНЕНИЕ
ШРИФТОВ В ДИЗАЙНЕ.
ИНСТРУМЕНТЫ ДЛЯ
НАСТРОЙКИ ШРИФТОВ.

2.

Повторение материала 1 лекции
1. Назначение программы Figma
2. Инструменты программы, с которыми мы
познакомились ранее.
3. Виды компьютерной графики
4. Что такое Фрейм?
5. Какие горячие клавиши в Фигма вы знаете?

3.

ЭФФЕКТЫ В ПРОГРАММЕ ФИГМА
Утв.1
Эффекты в фигма можно применять к любым
объектам, которые вы создали. Например, овал,
прямоугольник, а также сгруппированным кнопкам
или карточкам.
Выделяют объект и в разделе Effects применяют нужный
эффект

4.

Виды эффектов

5.

Пример: Эффект матового стекла в
«Фигме»
1. Создадим новый фрейм и поместим на него какую-нибудь
картинку или иконку, чтобы эффект стекла был заметен.

6.

2. Сверху наложим любую фигуру, к примеру, прямоугольник.
По умолчанию фигура задается цветом #C4C4C4, его и
оставляем.
3. Справа в блоке Fill задаем прозрачность цвету – 1 %, а в
блоке Effects задаем Background blur 50 %.

7.

ВСЁ ПРО ШРИФТЫ: ВИДЫ, СОЧЕТАНИЯ
И ПРИМЕНЕНИЕ ШРИФТОВ В ДИЗАЙНЕ

8.

Шрифты могут быть:

9.

10.

Каждый без исключения шрифт
должен выполнять одну из трёх
основных задач:
1. Донести до читателя какуюто информацию.
2. Придать тексту
дополнительный (иногда
скрытый) смысл.
3. Выразить через стиль
шрифта определенную
эмоцию.

11.

У каждого шрифта есть свой набор характеристик:
Наличие засечек
•Контрастность (крупные шрифты всегда выглядят
насыщеннее и жирнее).
•Апертура (степень открытости букв и знаков)
•Вертикальные пропорции (этот показатель влияет на
крупность шрифта вне зависимости от его размера).

12.

13.

14.

Советы по выбору шрифтов

15.

16.

17.

Настройка шрифтов в ФИГМА.
Шрифты отображаются на панели инструментов
справа в блоке Text. В нём есть несколько полей,
которые помогут вам с настройками типографики:

18.

19.

Горячие клавиши для текста
ctrl +с копировать
ctrl+v вставить
ctrl+d сделать дубль (дубль появляется
мгновенно поверх копируемого элемента)
ctrl+alt+c копировать свойства текста(цвет,
тени, обводку, для шрифта — размер,
начертание, керлинг и тд.)
ctrl+b текст станет жирным
ctrl+i текст станет наклонным
ctrl+u текст станет подчеркнутым

20.

Несколько шрифтов с поддержкой русской
раскладки

21.

Домашнее задание
Выписать в тетрадь названия шрифтов по трем
категориям:
(шрифты должны работать с русским языков и
обязательно присутствовать в самой Фигма в
списке)
1. Акцидентный шрифт
2. Рукописный шрифт
3. Обычный шрифт для текста