- Урок 1. Введение. Установка Photoshop
В данном уроке мы познакомимся с дизайном, который нам предстоит делать. Выберем метод создания макета. Установим Фотошоп.
- Урок 2. Базовая разметка. Горизонтальное меню
В данном уроке мы с Вами научимся создавать документы для веб-дизайна, разметим макет и добавим горизонтальное меню.
В данном уроке нам предстоит сделать самое главное — первый экран. Вы узнаете, как подобрать размер первого экрана. Поработаем со шрифтами. Сделаем несколько вариантов кнопок и вариантов фона.
В данном уроке нам нужно будет сделать блок с 6-ю видео. Здесь мы научимся высчитывать размеры каждого блока, поработаем со стилем слоя и научимся правильно вставлять фото в блоки.
Данный блок — практически то же самое, что и первый экран, только без фона. Нам предстоит сделать другое визуальное решение, чтобы эти блоки отличались и вписывались в общий стиль сайта. В данном уроке мы поработаем с фотографиями, векторными элементами и непрозрачностью.
- Урок 6. Плейлисты и футер
Заключительный элемент в нашем дизайне — блок плейлисты. Мы переделаем имеющийся блок с видео и добавим простенький футер.
- Урок 7. Интерактивные элементы
Перед тем как отдавать макет на верстку, сделаем для каждого активного элемента на сайте свое действие.
- Урок 8. Светлая версия сайта
В данном уроке Вы научитесь быстро переделывать готовые макеты под определенные Вами цели. Для примера сделаем светлую версию сайта — так, чтобы все было гармонично и так же красиво, как и в темной версии.