Тёмный

Создаём красивый дизайн лендинга в Figma с нуля || Вайрфрейм: часть 1 

GloryANT
Подписаться 25 тыс.
Просмотров 13 тыс.
50% 1

Landing page в Фигма. Как создать макет сайта в Figma? Как создать дизайн лендинга в Фигма? С чего начать? Создаем вайрфрейм в Фигма. Структура лендинга
🔔 ПОДПИСАТЬСЯ на канал: gloryant.net/go/join
📝 ОПИСАНИЕ
В этом видео мы продолжим работу над созданием лендинга и сосредоточимся на его структуре. Вы узнаете что такое вайрфрейм и научитесь создавать четкую иерархию для вашей целевой страницы.
#figma #landingpage #design #wireframe
00:00 Вступление
00:20 Что такое вайрфрейм? (Wireframe)
02:26 Cтруктура лендинга (блоки лендинг пейдж)
03:04 Создаем вайрфрейм
03:18 Cетка для лендинга
04:07 Создаем хеддер (header)
05:55 Создаем hero страничку лендинга
07:14 Создаем блок с призывом к действию
08:59 Создаем блок с преимуществами
11:09 Создаем блок с социальными доказательствами
🎨 О ПРОЕКТЕ
Добро пожаловать на GloryANT. Если ты начинающий дизайнер и хочешь научиться рисовать в графических программах, то этот канал для тебя. Здесь ты увидишь, как рисовать логотипы, визитки, стикеры, баннеры, плакаты и многое другое. Подписывайся на канал!
🌏 МЫ В СОЦСЕТЯХ
VK: gloryant
Instagram: / ant.build
Facebook: / gloryantnet
Telegram: t.me/gloryant

Опубликовано:

 

30 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 39   
@user-mz9pp3lg8z
@user-mz9pp3lg8z 2 года назад
Спасибо) Как раз нужна была актуальная инфа по фигме! Продолжайте снимать полезные видео!
@GloryANT
@GloryANT 2 года назад
Рада была помочь 😉
@alekssamsonov5722
@alekssamsonov5722 2 года назад
Спасибо! Очень полезная информация для общего представления о Figma!
@GloryANT
@GloryANT 2 года назад
👍😉
@crazyomnomnom
@crazyomnomnom 2 года назад
Урок супер!!! Спасибо большое за подробное объяснение♥♥♥♥♥ Всё получается))))))
@GloryANT
@GloryANT 2 года назад
Отлично) очень рада 😉
@vladsparrow
@vladsparrow 2 года назад
Пушка-ракета, ждём вторую часть :)
@GloryANT
@GloryANT 2 года назад
Спасибо 😉 скоро все будет 👁️👁️
@mairmoss
@mairmoss 2 года назад
так уютно становится, когда слышишь эту музыку
@GloryANT
@GloryANT 2 года назад
🤗✨
@user-mm8be8hn2q
@user-mm8be8hn2q 2 года назад
Большое спасибо. Вполне информативно.
@GloryANT
@GloryANT 2 года назад
😉
@user-zo6rp1xn8i
@user-zo6rp1xn8i 2 года назад
Спасибо. Очень информативно. Хотелось бы знать, когда будет продолжение?
@GloryANT
@GloryANT 2 года назад
15 ноября
@AchtungBaby-io7zl
@AchtungBaby-io7zl Год назад
4:04 почему отступы должны делиться на 8? у вас стоит в предпочтениях 8px шаг движения объекта с shift? а если сетка 10 то какие лучше брать отступы? В последнем блоке, у вас 3 блока, между ними отступ больше чем внешний к подложке, кажется смотрится не очень. Надо добавлять еще блоков чтоб отступ уменьшить?
@alinaberestnieva5347
@alinaberestnieva5347 11 месяцев назад
Здравствуйте! Спасибо, за полезное видео. Подскажите, пожалуйста, какие размеры шрифтов вы использовали: заголовок, подзаголовок, текст и т.д.? И может есть хорошее руководство именно по шрифтам?
@GloryANT
@GloryANT 11 месяцев назад
Так, в попередньому відео з цієї серії я показую як підбираю шрифти. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Tn66Z2k6INI.html
@alinaberestnieva5347
@alinaberestnieva5347 11 месяцев назад
@@GloryANT Щиро дякую:)
@GloryANT
@GloryANT 11 месяцев назад
🤗
@vahmurkavahmurka8865
@vahmurkavahmurka8865 Год назад
Здравствуйте. Подскажите, пожалуйста, есть ли в Фигме такой кружок-кнопка как в Иллюстраторе, на который нажимаешь и можно поменять всесь синий цвет на красный. (кнопка выглядит как крушок с секторами)
@GloryANT
@GloryANT Год назад
Такої кнопки нажаль немає, але якщо ви перед тим як почали робити свій дизайн налаштуєте стилі кольорів і будете їх використовувати при створенні елементів дизайну, то тоді змінюючи колір стилю ви зможете змінити колір всіх елементів в дизайні. Детальніше про стилі в цьому уроці ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gJY2V-3sxoA.html
@user-qt7zp7cf1m
@user-qt7zp7cf1m 2 года назад
Подскажите,а где найти мудборд будущего лендинга?
@GloryANT
@GloryANT 2 года назад
Будет в последнем уроке по этой теме
@user-ov4gn8cb6b
@user-ov4gn8cb6b 2 года назад
как повторять если отсутствуют и тексты и иконки и картинки.. я думала в следующих видео будет папка с исходниками..
@GloryANT
@GloryANT 2 года назад
Тебе не обязательно делать все один в один, ты можешь выбрать картинки или тексты, которые тебе нравятся 😉
@zhenishkulzhanybekova8483
@zhenishkulzhanybekova8483 2 года назад
А как поставить image где скучали такую?
@GloryANT
@GloryANT 2 года назад
Недавно делилась в своем телеграм ссылкой на мудборд для этих уроков по Figma. Там все есть)
@user-lk4om9fh2m
@user-lk4om9fh2m Год назад
@@GloryANT Можете будь-ласка скинути посилання, не можу знайти в телераграмі навіть по пошуку...Будь-ласка.
@GloryANT
@GloryANT Год назад
@@user-lk4om9fh2m так звичайно www.figma.com/file/4N68eASLN7iauzxILCW5I0/moodboard
@user-lk4om9fh2m
@user-lk4om9fh2m Год назад
@@GloryANT щиро дякую за вашу працю!
@GloryANT
@GloryANT Год назад
🤗
@user-gy7qd1vl7b
@user-gy7qd1vl7b 2 года назад
Как картинка превращается в код?
@GloryANT
@GloryANT 2 года назад
Здається це питання не до мене, а до розробників Фігма 😅
@user-gy7qd1vl7b
@user-gy7qd1vl7b 2 года назад
@@GloryANT Что то мне подсказывает что такой сайт это одна большая картинка JPG и при медленном интернете грузиться будет очень долго. Возможно я ошибаюсь.
@olenanovytska3303
@olenanovytska3303 2 года назад
вот классный же урок..но зачем здесь музыка.распыляет внимание,приходится вслушиваться в текст.Это же урок ,а не просмотр картинок((спасибо за урок)
@GloryANT
@GloryANT 2 года назад
Без музики на фоні трішки нудно ) але цілком можливо, що десь щось сталось і звук був гіршим. Стараюсь робити краще і краще в кожному новому відео :)
@erickmetzplay
@erickmetzplay 7 месяцев назад
Почему 1440, а не 1920???
@GloryANT
@GloryANT 7 месяцев назад
А чому 1920?😅
@dimaorlov5387
@dimaorlov5387 7 месяцев назад
​@@GloryANTТому що,окрім ноутбуків, люди сидять з комп'ютерів, з розширенням екрану 1920х1080, і верстальнику буде проблемно потім розтягувати зображення.
Далее
Клип Уже На Канале #янгер #shorts
00:15
Never waste PASTA SAUCE @itsQCP
00:19
Просмотров 6 млн
ЧТО ТАКОЕ LANDING PAGE | ЛЕНДИНГ
11:43