Последние поступления

  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс

    Последние новости

    • ПОЛУЧИТЕ СКИДКУ ДО 80%! Большая распродажа в честь Нового Года! (Михаил Русаков)
    • Скидка 25%. Коллекции экшенов ART Color. (Алексей Кузьмичев)
    • Скидка 30%. Черная пятница. (Photo-monster, VideoSmile, Евгений Карташов, Зинаида Лукянова, Евгений Попов)
    • Скидка. Открыт новый набор студентов на программу «Иллюстратор-микростокер» (Елена Панюкова, Андрей Панченко)
    • Скидка 50%. Чёрная пятница наступит уже через 2 дня! (БОБ ПОТАШНИК)
    • Новый видеокурс

      Мы в сети

      VK
      FB

      Оформите подписку!

       Введите Ваш E-m@il и
      получайте свежие новости

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

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

      Страница автора - Даниил Волосатов - Webformyself
      Страница автора

      Автор: Даниил Волосатов

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

      Смотреть видео:


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

      Содержание:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      • Страница курса - Веб-дизайн. Практический курс создания лендинга. (Даниил Волосатов - Webformyself)
      • Похожие видеокурсы по теме:
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видеокурс
        Видеокурс Бесплатный видео урок
      • Смотрите бесплатное видео по теме:
        Промо ролики видеокурса Full-Stack практика. Создание JavaScript блога. (Владилен Минин - Webformyself)
        Промо ролики видеокурса JavaScript. Быстрый старт. (Владилен Минин - Webformyself)
        Промо ролики видеокурса PSD to HTML5 и CSS3. Верстка макета с нуля. (Денис Булыга - Webformyself)
        Промо ролики видеокурса Wordpress. Домен и хостинг - 2018. (Евгений Попов)
        Промо ролики видеокурса Веб-дизайн. Практический курс создания лендинга. (Даниил Волосатов - Webformyself)
        Промо ролики видеокурса Мини-курс. Фреймворк Bootstrap 4. Быстрый старт. (Андрей Кудлай - Webformyself)

      Добавить комментарий


      Защитный код
      Обновить