Веб-дизайн: практический курс создания лендинга

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

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

скачать исходники скачать урок

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

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

скачать исходники скачать урок

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

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

скачать исходники скачать урок

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

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

скачать исходники скачать урок

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

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

скачать исходники скачать урок

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

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

скачать исходники скачать урок

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

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

скачать исходники скачать урок

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

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

скачать исходники скачать урок

Видео презентация курса "Веб-дизайнер — профессионал"

Представляю вам презентацию долгожданного курса "Веб-дизайнер — профессионал"

Сейчас, можете поделиться Вашими мыслями в комментариях

Copyright, 2019 ИП Рог Виктор Михайлович, команда WebForMySelf.com Все права защищены.