Бесплатный видеокурс "Веб-дизайн. Практический курс создания лендинга". (Даниил Волосатов - Webformyself)

Это бесплатный видеокурс
Бесплатный видео урок
603
  • Автор: Даниил Волосатов

    Данный миникурс создан для тех, кто хочет научиться веб-дизайну. В качестве примера был выбран дизайн сайта-лендинга по workout. Миникурс разбит на 8 частей, изучив которые, Вы научитесь создавать дизайн сайта и работать с большинством инструментов в Фотошопе. По итогу курса, Вы создадите дизайн сайта в двух цветовых решениях: светлом и темном. Вам будут предоставлены все дополнительные материалы, которые используется в курсе. По сути, в конце обучения Вы получите конечный, осязаемый результат работы, а главное — навык, с помощью которого сможете создавать подобные проекты.

    • Урок 1. Введение. Установка Photoshop

    В данном уроке мы познакомимся с дизайном, который нам предстоит делать. Выберем метод создания макета. Установим Фотошоп.

    • Урок 2. Базовая разметка. Горизонтальное меню

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

    • Урок 3. Первый экран

    В данном уроке нам предстоит сделать самое главное — первый экран. Вы узнаете, как подобрать размер первого экрана. Поработаем со шрифтами. Сделаем несколько вариантов кнопок и вариантов фона.

    • Урок 4. Блок видео

    В данном уроке нам нужно будет сделать блок с 6-ю видео. Здесь мы научимся высчитывать размеры каждого блока, поработаем со стилем слоя и научимся правильно вставлять фото в блоки.

    • Урок 5. Третий блок

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

    • Урок 6. Плейлисты и футер

    Заключительный элемент в нашем дизайне — блок плейлисты. Мы переделаем имеющийся блок с видео и добавим простенький футер.

    • Урок 7. Интерактивные элементы

    Перед тем как отдавать макет на верстку, сделаем для каждого активного элемента на сайте свое действие.

    • Урок 8. Светлая версия сайта

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

  • ВСЕ МАТЕРИАЛЫ АВТОРА

    Бесплатный видеокурс
    Бесплатный видеокур...

    Видеокурс
    Видеокурс "Веб-диза...

    Видеокурс
    Видеокурс "Веб UX/U...

    Видеокурс
    Видеокурс "Марафон ...

    Курс
    Бесплатный видеокур...

    Курс
    Видеокурс "Веб-диза...

    Видеокурс
    Видеокурс "Дизайн-с...

    Видеокурс
    Видеокурс "Осваивае...

    Видео урок
    Видеокурс "Веб-диза...

  • СМОТРИТЕ БЕСПЛАТНЫЕ МИНИ - КУРСЫ АВТОРА

    Мини-курс
    Мини-курс "Веб-диза...

    Мини-курс. Веб-дизайн. Быстрый старт. (Даниил Волосатов - Webformyself)
    Мини-курс. Веб-диза...

    Дизайн-система. Loyal. (Даниил Волосатов - Фотошоп-Мастер)
    Мини-курс. Дизайн-с...

    Веб-дизайн. Практический курс создания лендинга. (Даниил Волосатов - Webformyself)
    Мини-курс. Веб-диза...