​

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

На курсе уделяется особое внимание юзабилити, выполнению задачи сайта, современному интерфейсу, соблюдению всех этапов разработки дизайна под ключ, начиная с прототипа, заканчивая созданием технических страниц (со всеми ссылками, кнопками и типографикой).

Курс делится на 2 части:

Часть 1 - 4 урока
В первой части Вы узнаете всё о современном веб-дизайне и его тенденциях, о нюансах, фишках и секретах веб-студий, а также о том, из каких этапов состоит работа профессионального веб-дизайнера.

Часть 2 - 27 уроков
Во второй части я шаг за шагом показываю процесс создания дизайна 3-х различных сайтов с нуля до всех их страниц и подготовке к верстке, то есть показываю весь процесс работы веб-дизайнера.

Спойлер: Программа курса -

04:20 Вступление
32:38 Урок 1-1. Основы веб-дизайна

Тема 1. Пиксели
Тема 2. Виды изображений
Тема 3. Шрифты
Тема 4. Юзабилити
Тема 5. Черное и белое
Тема 6. Гармония и тренд
Тема 7. Разделение обязанностей​

47:50 Урок 1-2. Подготовка к работе

Тема 1. Какими бывают сайты?
Тема 2. Структура сайта
Тема 3. Скетч сайта​

37:51 Урок 1-3. Формат и цвет сайта

Тема 1. Формат сайта
Тема 2. Модульная сетка
Тема 3. Цветовая палитра сайта
Тема 4. Ссылки​

24:05 Урок 1-4. Настройка Photoshop

Тема 1. Настройка Photoshop
Тема 2. Рабочее пространство
Тема 3. Установка плагинов​

САЙТ 1. БЛОГ
27:28 Урок 2-1-1. Начало работы

Тема 1. Есть задача
Тема 2. Скетч и параметры страницы
Тема 3. Холст и сетка​

70:28 Урок 2-1-2. Набросок

Тема 1. Размещение файлов
Тема 2. Шапка​

52:48 Урок 2-1-3. Центральная часть

Тема 1. Анонс поста
Тема 2. Пагинация​

40:20 Урок 2-1-4. Боковая колонка

Тема 1. Рубрики
Тема 2. Популярные записи
Тема 3. Метки
Тема 4. Последние комментарии​

41:47 Урок 2-1-5. Календарь и футер

Тема 1. Календарь
Тема 2. Футер​

86:10 Урок 2-1-6. Разукрашивание

Тема 1. Выбор цветовой палитры
Тема 2. Липкое меню
Тема 3. Шапка​

54:48 Урок 2-1-7. Рисуем центральную часть

Тема 1. Анонс поста
Тема 2. Пагинация​

35:26 Урок 2-1-8. Рисуем боковую колонку

Тема 1. Фон боковой колонки
Тема 2. Рубрики
Тема 3. Популярные записи
Тема 4. Метки
Тема 5. Последние комментарии​

44:24 Урок 2-1-9. Рисуем календарь и футер

Тема 1. Календарь
Тема 2. Футер
Тема 3. Шлифовка дизайна​

53:48 Урок 2-1-10. Внутренние страницы

Тема 1. Страница рубрики
Тема 2. Страница поиска
Тема 3. Страница контактов​

49:54 Урок 2-1-11. Страница поста

Тема 1. Контент поста
Тема 2. Комментарии​

49:40 Урок 2-1-12. Технические страницы

Тема 1. Страница 404
Тема 2. Интерактивные элементы​

75:14 Урок 2-1-13. Типографика

Тема 1. Типографика
Тема 2. Подготовка макетов
Тема 3. Подведение итогов работы
​

САЙТ 2. ПОРТФОЛИО
13:52 Урок 2-2-1. Начало работы

Тема 1. Есть задача
Тема 2. Скетч и параметры страницы
Тема 3. Прототип​

82:13 Урок 2-2-2. Основы веб-дизайна

Тема 1. Шапка
Тема 2. Центральная часть​

43:52 Урок 2-2-3. Внутренние страницы

Тема 1. Галерея
Тема 2. Страница фотографии​

28:23 Урок 2-2-4. Страница заказа

Тема 1. Комментарии
Тема 2. Форма заказа
Тема 3. Подведение итогов работы​

САЙТ 3. ИНТЕРНЕТ-МАГАЗИН
20:17 Урок 2-3-1. Начало работы

Тема 1. Есть задача
Тема 2. Скетч и параметры страницы
Тема 3. Прототип​

52:19 Урок 2-3-2. Витрина

Тема 1. Юзербар
Тема 2. Шапка​

57:57 Урок 2-3-3. Боковая колонка

Тема 1. Фильтр товаров
Тема 2. Баннер​

42:54 Урок 2-3-4. Контент витрины и футер

Тема 1. Контент витрины
Тема 2. Футер​

43:21 Урок 2-3-5. Страница товара

Тема 1. Фотогалерея
Тема 2. Цена и описание товара​

44:34 Урок 2-3-6. Корзина

Тема 1. Список товаров
Тема 2. Данные покупателя​

56:57 Урок 2-3-7. Главная страница

Тема 1. Баннер-слайдер
Тема 2. Бренды и спецпредложения
Тема 3. Инфо-блоки​

33:21 Урок 2-3-8. Popup-окна

Тема 1. Popup-окна
Тема 2. ПОдведение итогов​

ЗАКЛЮЧЕНИЕ
23:18 Урок 3. Заключение

Тема 1. Откуда брать картинки?
Тема 2. Откуда брать вдохновение?
Тема 3. Полезные расширения
Тема 4. Процесс рисования​

Спойлер: Бонусы

БОНУС 1. Урок по адаптивному дизайну 01:08:18
Кругом одни смартфоны! Как впихнуть дизайн сайта в такой маленький экран? Как сделать его удобным для пользования с телефона? Об этом заботится адаптивный дизайн, о котором я рассказываю в этом уроке подробно и наглядно (мы с Вами шаг за шагом адаптируем дизайн интернет-магазина под экран iPhone). Стоимость этого бонуса 3 000 руб.

БОНУС 2. Памятка для дизайнера
Вы научитесь множеству техник Фотошопа на моем курсе, но пока
все они улягутся в Вашей голове, пройдет некоторое время и это
нормально.

И, пока вы не запомнили все трюки и комбинации клавиш, Вы
можете быстро подсмотреть их в специальной “Памятке”, которую я нарисовал для Вас. Это набор из более чем 60-ти четких, наглядных и пошаговых инструкций по конкретному Вашему вопросу! Стоимость этого бонуса 9 000 руб.