🔥 Цвет в Figma. Градиенты и режимы наложения в Фигме. Бесплатный курс

• Обновление курса по Figma.  

• Три ролика о цветовой панели: градиенты, изображения, режимы наложения.  

• Цветовая панель находится на востоке.  

• Печенька отвечает за стили.  

• Заливка позволяет создавать многослойные заливки внутри одной фигуры.  

• Заливки имеют код цвета, процент непрозрачности и глазик для управления.  

• Дублирование заливок внутри одного слоя.  

• Пример использования для затемнения сайта.  

• Копирование заливок между фигурами и слоями.  

• Копирование и вставка заливок между фигурами.  

• Особенности копирования заливок между буквами текста.  

• Важность правильного копирования и вставки заливок.  

• Перекрашивание элементов через печеньку или палитру.  

• Палитра и её функции: оттенки, радуга, непрозрачность.  

• Использование пипетки для выбора цветов и настройки непрозрачности.  

• Четыре типа градиентов: линейный, радиальный, угловой, ромб.  

• Настройка градиентов: изменение направления, удаление лишних градиентов.  

• Примеры использования градиентов для создания петель и круговых диаграмм.  

• Советы по созданию кнопок с градиентами.  

• Вертикальные градиенты добавляют эффект псевдообъема.  

• Пипетка позволяет быстро менять цвет элементов.  

• Для точного подбора цвета нужно водить курсором, а не кликать.  

• На северо-востоке экрана есть слупа для прицеливания.  

• Режимы наложения спрятаны в пиктограмму с лизой верстальщика.  

• Режимы работают только в парах: верхний слой и нижний слой.  

• Проблемы возникают, когда дизайнеры хотят эффекты без подложки.  

• Режимы наложения требуют подложки для работы.  

• Не все браузеры поддерживают режимы наложения.  

• Дизайнеры должны понимать, как это влияет на верстку и экспорт.  

• Можно отправить на экспорт две фотографии: обычную и с эффектом.  

• Это может замедлить загрузку сайта.  

• Важно понимать, как это влияет на производительность.  

• Режимы наложения могут убрать белые пиксели.  

• Важно учитывать, что верстальщик не сможет отправить на экспорт только верхний слой.  

• Дизайнеры должны быть аккуратны с режимами наложения.  

• Figma уменьшает длинные изображения до 4096 пикселей.  

• Можно использовать плагин для вставки больших изображений.  

• Импорт изображения из черновиков позволяет избежать нарезки.  

• Импорт изображения занимает больше времени, но сохраняет качество.  

• Подписывайтесь на полезный инстаграм для полезных советов.  

• В следующем ролике будет рассказано о режимах изображения.