Курс по дизайну лендинг-страницы

Начать этот курс бесплатно
Всего за пару часов вы научитесь создавать собственные продающие страницы. Этот курс подойдет даже тем, у кого еще нет опыта работы веб-дизайнером. После обучения вы сможете создать дизайн страницы для собственного проекта или делать дизайн лендинг-страниц на заказ.

В данном курсе будут затронуты такие операции, как:

  • создание меню
  • рисование баннера с кнопкой Call to Action
  • clipping mask картинок
  • разбитие текста по столбцам
  • работа с сеткой
  • импортирование векторных элементов и адаптация их под дизайн
  • имитация интегрированного видео
  • рисование полей формы
  • вставка кнопок соцсетей

Также перечислены нужные функции и горячие клавиши, работа с направляющими.

После прохождения курса вы самостоятельно создадите дизайн, который расположен на изображении ниже:

  • 9 видео

  • 6 вопросов

  • 1 час 55 минут

  1. 1

    Вступление

    Видео лекция

    Что такое лэндинг. Удачные примеры. Ресурсы для вдохновения.

  2. 2

    Тест первый

    Тестовое задание

  3. 3

    Панели Photoshop. Что такое сетка и зачем она нужна

    Видео лекция

    Познакомимся с рабочей областью Adobe Photoshop. Настроим панели инструментов для удобной работы. Узнаем что такое сетка и как ее использовать.

  4. 4

    Тест второй

    Тестовое задание

  5. 5

    Рисуем баннер. Нужные горячие клавиши

    Видео лекция

    Узнаем как легко и быстро перемещаться по макету. Как быстро нарисовать плашку с картинкой. Где взять бесплатные картинки хорошего качества. Как группировать слои и раскрашивать их для удобной работы.

  6. 6

    Тест третий

    Тестовое задание

  7. 7

    Добавляем логотип. Создаем меню

    Видео лекция

    Узнаем что такое направляющие и как они помогают в работе. Как импортировать логотип из Adobe Illustrator. Рисуем меню.

  8. 8

    Тест четвертый

    Тестовое задание

  9. 9

    Надпись на баннере. Call to Action

    Видео лекция

    Создадим заметную надпись на баннере. Рисуем кнопку Call to Action.

  10. 10

    Тест пятый

    Тестовое задание

  11. 11

    Раздел "Преимущества". Три столбца с текстом и векторные иконки

    Видео лекция

    Нарисуем описание преимуществ нашего продукта, содержащее векторные иконки, векторные объекты Photoshop и текст. Узнаем где искать бесплатные векторные иконки.

  12. 12

    Тест шестой

    Тестовое задание

  13. 13

    Раздел "Возможности". Имитация интегрированного видео

    Видео лекция

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

  14. 14

    Фотографии

    Видео лекция

    Расставим одинаковые по размеру фотографии в разделе фотографий.

  15. 15

    Рисование формы регистрации. Иконки социальных сетей

    Видео лекция

    Нарисуем футер ("подвал") сайта, содержащий форму регистрации, вставим векторные кнопки соцсетей, копирайт. Ура, наш лэндинг готов!