Быстрый дизайн Landing Page в Figma

Подписаться 7 тыс.

Просмотров 50 тыс.

50% 1

bit.ly/3i7U9qg - скачать дополнительные материалы к уроку.
24 раздела Landing Page для создания дизайн макетов в Figma.
bit.ly/3btQCkE - расширенный комплект для прототипирования и дизайна Landing Page в figma «Дизайн генератор».
В этом видео вы узнаете, как сделать дизайн макет Landing Page в программе Figma за 60 минут. На первом этапе мы сделаем прототип лендинга, с помощью комплекта материалов «Sirius 1.0», который подготовил Владимир Чернышов. Затем наполним прототип текстом и изменим цвет буквально за пару кликов мыши. Поговорим, как обработать изображение для первого экрана лендинга.
Это урок как для начинающих веб-дизайнеров, так и для тех кто продолжает развиваться.
figma.center - наша группа о Figma вконтакте.
figma.center/ - наш сайт.

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

27 окт 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 56

@user-jg9ue2ez5r Год назад

Очень полезный урок! Большое спасибо! И отдельное большое спасибо за дополнительные комментарии по нажимаемым и зажимаемым кнопкам, повторяла за Вами, все получилось!

@user-xl5om9vb1j Год назад

Потрясающе, браво! На одном дыхании смотрела. Спасибо Вам от души.

@evgeniisysoev Год назад

Благодарю. Буду рад новым урокам

@user-jo4bk7ll7y 3 года назад

Подробный урок! Спасибо!)

@user-nm8cn9dr8o 3 года назад

Очень круто все сделано, однозначно подписка

@Makelinx 3 года назад

Спасибо большое за Урок"!!!"

@user-jo7fj5ko7d 3 года назад

Всё супер, урок крутой!!

@user-eu9bo5sq2u Год назад

Это же прекрасно 😊

@user-hc9jf4sj7y 5 месяцев назад

Отлично!

@Kanal5G 3 года назад

Мастер👍

@user-ob3tb3lf2s 2 года назад

Спасибо!

@user-hf9nd4nx9k 2 года назад

Cпасибо)) Подскажите какой фотошоп у вас, откуда лучше скачивать для Windows 10?

@user-mo6xq8jq7m 3 года назад

Спасибо большое за урок! Качественный контент. Дизайн красивый и не сложный. Единственное, что мне не понравилось - ты ничего не рассказывал о правилах дизайна, почему так, а не эдак. Ты не объясняешь или говоришь мало для чего делаем то-то и то. Просто говоришь, жмякаем туда - туда и готово!

@user-er4mx2qk6i 3 года назад

Супер урок) творите ещё))

@barmilbarmil5804 3 года назад

Мне очень понравилась макет красиво сделано а как можно исходники скачать

@romkablog3891 3 года назад

не могу добавить карточки на кексы , у меня не хватает места . можно получить даные по автонастройкам в новой версии фигмы

@MK-007 Год назад

Спасибо за урок Адаптив будет?

@user-jh5hz7uh8k 2 года назад

У меня в разделе options не было такой функций width-scale down to fit width? Как можно найти помогите

@minakobongiovi3457 11 месяцев назад

Подскажите, пожалуйста, как определяется ширина контентного поля. У кого-то оно шире, у кого-то уже. Чисто по вкусу?

@belonata 3 года назад

Очень понравилось видео! Подписалась, надеюсь будете еще радовать нас видео)

@user-tm8mt9ow8c Год назад

Не могу добавить листья и ягоды в конце, весь макет расползается, почему так?

@goshrum 3 года назад

ни одного дизлайка! очень достойно! спасибо!

@Biene-30 Год назад

скажите, можно ли вам отправить сайт на проверку? я повторила, но свои фото сделала.

@cadilvb3777 3 года назад

Добротный подробный урок! Спасибо! Жаль, не нашел ответа на вопрос: Как перенести созданный прототип на свой хост без использования дополнительных инструментов?

@user-gi2hx8zf1i 3 года назад

Давай больше видосов, топ

@user-zk1px8yk9v 3 года назад

Посмотрел видео, подписался на канал. Полезный канал

@VladimirChernyshovRu 3 года назад

👍🏻

@svezhiyenovosti 3 года назад

Урок класс

@elisprint 10 месяцев назад

Пробую в photoshop подтереть фон ластиком, но у меня подтираются капкейки вместо фона, мэджик Что не так с моим ластиком? или моими руками

@romangolumbevskiy7268 Год назад

26:12 ой, засмущал шалун 🤭🙂

@user-oy7zy1jv1v 5 месяцев назад

Добрый день, не работает ссылка на материал, как быть?

@stkb1741 Год назад

у вас рассылка уроков не работает(

@gotoeurope9680 3 года назад

Как купить дополнительные материалы?

@VladimirChernyshovRu 3 года назад

bit.ly/3btQCkE - расширенный комплект для прототипирования и дизайна Landing Page в figma «Дизайн генератор».

@maratkadyrov05 2 года назад

У меня одного когда копируешь в фотошоп текст черный фон сзади?

@ilsurptyshkin5477 Год назад

знаешь как решить проблему?

@sonyapimonova8136 Год назад

@@ilsurptyshkin5477 мне помогло сохранить картинку на ноут, а потом перетащить в фш

@user-br4zw1iv5r Год назад

как скачать файл

@unforgivengirl_ Год назад

Пыталась скачать шаблоны, письмо не приходит

@sb9185 3 года назад

Ребят, здравствуйте, если ссылка на исходники?

@VladimirChernyshovRu 3 года назад

bit.ly/3i7U9qg - вот дополнительные материалы к уроку. Это дизайн макет, который получился в итоге - www.figma.com/community/file/961493547130416845

@sb9185 3 года назад

@@VladimirChernyshovRu спасибо

@misstriskira 3 года назад

только у меня в фигму не переносится файл?

@VladimirChernyshovRu 3 года назад

Странно, что не переносится. Вроде никто больше об этом не писал.

@misstriskira 3 года назад

@@VladimirChernyshovRu мне кажется все смотрят урок, а не делают его. судя по отзывам, так.

@VladimirChernyshovRu 3 года назад

@@misstriskira это уже личное дело каждого. Многие мне присылали свои работы, поэтому есть те, кто делает все на практике. Посмотрел скриншот, который вы скинули. Файл нужно перетаскивать в разделе Drafts.

@romantrach9923 3 года назад

@@VladimirChernyshovRu failes failed to import. Видимо у меня тоже не работает что-то..

@VladimirChernyshovRu 3 года назад

Нужно перетаскивать файл в разделе со всеми проектами. Перейдите в Drafts, где все файлы.

@user-xh6wd7up6h 3 года назад

а есть нормальная ссылка на материалы урока?!

@VladimirChernyshovRu 3 года назад

А что не так со ссылкой которая есть?

@ldau7 3 года назад

@@VladimirChernyshovRu не открывается ссылка, можно гугл диск или яшу, пожалуйста

@vladislavnalitov476 3 года назад

Дублирую вопросы под видео из рассылки тут, потому что, скорее всего, ответ получится получить здесь: Если раньше я мог передать заказчику лендинг, сделанный в Вашем Muse-генераторе, в виде сайта на HTML или адобовского проекта Muse, то теперь из Фигмы могу лишь показать ему красивую картинку по ссылке или отправить файл в виде PDF, PNG, JPG или SVG. А сам сайт уже должен делать на основе показанного верстальщик? То есть, непосредственно сайт даже в настольном приложении Фигмы я сделать не могу. Нужно как-то перекидывать макет отдельно на сайт в Open Server? Или смысл Фигмы - сделать красивый прототип и отправить ссылку заказчику? Ведь итогового результата в виде файлов, которые можно было бы просто вставить в систему управления сайтом, нет.