Найти в Дзене

Как создавать трендовые верёвки для инфографики в Figma

В этой статье расскажу, как создать такие верёвки в Figma быстро и эффективно. Почему верёвки важны в инфографике - Помогают направить взгляд пользователя по ключевым результатам. - Добавляют стиль и динамику дизайну. Шаг 1 Создаём основу верёвки: - Запустите Figma и откройте создайте новый фрейм. - Выберите инструмент Pencil и нарисуйте линию, которая подчеркнёт связь между элементами. - Для плавности используйте Bézier-кривые, регулируя узлы. - Примените градиент или яркий цвет, соответствующий общей палитре инфографики. Шаг 2 Создаём эффект «верёвки»: - Чтобы линия выглядела как верёвка, используйте текстуры. - Объедините всё в маску и добавьте наложение на вашу текстуру. - Также необходимо уменьшить непрозрачность текстуры до 50%. Шаг 3 Добавляем Свет и Тени: - Добавляем тени по краям нашей верёвки с помощью вектора и маски. - И не забываем высветлить середину что придаст нам еще больший объём. Шаг 4 Верёвки в действии Итог Создание трендовых верёвок для инфографики в Fi

В этой статье расскажу, как создать такие верёвки в Figma быстро и эффективно.

Почему верёвки важны в инфографике

- Помогают направить взгляд пользователя по ключевым результатам.

- Добавляют стиль и динамику дизайну.

Шаг 1 Создаём основу верёвки:

- Запустите Figma и откройте создайте новый фрейм.

- Выберите инструмент Pencil и нарисуйте линию, которая подчеркнёт связь между элементами.

- Для плавности используйте Bézier-кривые, регулируя узлы.

- Примените градиент или яркий цвет, соответствующий общей палитре инфографики.

Шаг 2 Создаём эффект «верёвки»:

- Чтобы линия выглядела как верёвка, используйте текстуры.

- Объедините всё в маску и добавьте наложение на вашу текстуру.

- Также необходимо уменьшить непрозрачность текстуры до 50%.

-2

Шаг 3 Добавляем Свет и Тени:

- Добавляем тени по краям нашей верёвки с помощью вектора и маски.

- И не забываем высветлить середину что придаст нам еще больший объём.

-3

Шаг 4 Верёвки в действии

-4

Итог

Создание трендовых верёвок для инфографики в Figma — это сочетание правильной свето-тени и деталей. Главное — придерживаться минимализма и единого цвета в дизайне, чтобы верёвки не перегружали инфографику, а подчёркивали её ключевые элементы.

Попробуйте прямо сейчас нарисовать первую верёвку в Figma по этим советам и убедитесь, как она оживит ваш проект!

По ссылке ниже вы можете заказать дизайн инфографики:

Дизайнер Ирина Лукошкова