Figma Tutorial For Beginners 2024 | Веб-дизайн целевой страницы

• Создание целевой страницы в Figma.  

• Обзор инструментов и интерфейса Figma.  

• Панель слоев, панель инструментов и боковая панель.  

• Создание рамки для рабочего пространства.  

• Настройка размера и макета сетки.  

• Создание фона и заголовка.  

• Добавление текста "Главная" и разделов "О программе", "Цена" и "Контакты".  

• Создание автоматического макета для текста.  

• Добавление текстового логотипа и значков Instagram, Facebook и LinkedIn.  

• Добавление меню в рамку.  

• Создание заголовка "Редактировать как профессионал".  

• Добавление описания программы и кнопки CTA.  

• Создание баннеров с описаниями программ.  

• Добавление космической фотографии на задний план.  

• Настройка прозрачности фона.  

• Копирование и перемещение рамки "О нас".  

• Добавление заголовка и описания о себе.  

• Добавление фотографии и статистики.  

• Копирование и перемещение рамки "О себе".  

• Добавление заголовка и баннеров с описанием курса.  

• Настройка баннеров и добавление иконок.  

• Копирование мэйнфрейма и добавление черного фона.  

• Добавление свободного места на заднем плане.  

• Выбор фона и завершение раздела.  

• Измените размер рамки и высоту на 1128.  

• Исправьте фон, щелкнув замком.  

• Скопируйте заголовок из предыдущего кадра и подпишите его как "Цена".  

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

• Проведите линию, отделяющую основную часть от остальной.  

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

• Скопируйте текст с галочкой и добавьте кнопку "Купить сейчас".  

• Создайте рамку для тарифа и добавьте текст "Купить сейчас".  

• Вставьте все тарифы в рамку и выровняйте их по порядку.  

• Добавьте космические объекты с помощью векторных трехмерных элементов.  

• Уменьшите размер планеты и добавьте ее на место.  

• Уберите тень для астронавта и добавьте его на место.  

• Скопируйте рамку с ценой и подпишите ее как "Свяжитесь со мной".  

• Создайте рамку для значков контактов с эффектом размытого фона.  

• Добавьте значки Facebook, LinkedIn, Instagram и Twitter через iconify.  

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

• Проверьте текст на наличие ошибок и исправьте их.  

• Завершите работу, плотно прижав рамки друг к другу.  

• Проверьте весь текст на наличие ошибок и исправьте их.  

• Если вам нравится видео, нажмите кнопку "Нравится" и подпишитесь на канал.