Веб дизайн сайта (лендинга) в Figma и фотошопе. Уроки с нуля

👇

О чем видео:
00:00 - Веб дизайн сайта уроки
00:46 - Как создать проект в Figma
02:00 - Дизайн Header в Figma
05:00 - Иконки для сайта лендинга. Показываем где взять
05:25 - Продолжаем рисовать шапку в фигме
09:30 - Как сделать кнопку в Figma
11:45 - Компонент в фигме
12:28 - Делаем меню
15:53 - Фон для сайта в фотошопе, показываем как сделать
17:07 - Как вырезать человека из картинки в фотошопе
22:38 - Вставляем фон в фигму
24:30 - Делаем кнопки на главном экране
28:28 - Добавляем видео в фигму
30:48 - Дополнительные концепции дизайна

В этом видео, в режиме реального времени, веб дизайнер показывает, как сделать веб дизайн сайта или лендинга в фигме с ипользованием фотошопа. Делаем реальный проект по стоматологии. Всего за 30 минут вы научитесь создавть проект в фигме и собирать дизайн продающего сайта по прототипу.

#вебдизайн #дизайнсайта #дизайнлендинга #вебдизайнуроки #вебдизайнобучение

[Paradigmawebsite]

👇

О чем видео:
00:00 - Веб дизайн сайта уроки
00:46 - Как создать проект в Figma
02:00 - Дизайн Header в Figma
05:00 - Иконки для сайта лендинга. Показываем где взять
05:25 - Продолжаем рисовать шапку в фигме
09:30 - Как сделать кнопку в Figma
11:45 - Компонент в фигме
12:28 - Делаем меню
15:53 - Фон для сайта в фотошопе, показываем как сделать
17:07 - Как вырезать человека из картинки в фотошопе
22:38 - Вставляем фон в фигму
24:30 - Делаем кнопки на главном экране
28:28 - Добавляем видео в фигму
30:48 - Дополнительные концепции дизайна

В этом видео, в режиме реального времени, веб дизайнер показывает, как сделать веб дизайн сайта или лендинга в фигме с ипользованием фотошопа. Делаем реальный проект по стоматологии. Всего за 30 минут вы научитесь создавть проект в фигме и собирать дизайн продающего сайта по прототипу.

#вебдизайн #дизайнсайта #дизайнлендинга #вебдизайнуроки #вебдизайнобучение

[ДмитрийСалямон]

Было бы классно, если бы какой нибудь программой для ПК, на экран выводились горячие клавишы которые вы нажимаете. Не всегда успеваю усмотреть группировки и т.п.))

[vovkasolovev]

Спасибо за бакстейдж!
1:23 В вашей сетке по краям должно быть 95px а не 80px. А 80px это у вас ширина одной колонки, с отступами 30px. Именно поэтому на 20:21 вы делаете изображение 1730px = 80px*16 + 30px*15.

[braza]

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