Независимо от их сложности, благодаря продуманной и четкой пошаговой схеме действий моего курса для начинающих, Вы с легкостью сможете создавать многостраничные дизайны сайтов с чистого листа до подготовки дизайна к верстке.На курсе уделяется особое внимание юзабилити, выполнению задачи сайта, современному интерфейсу, соблюдению всех этапов разработки дизайна под ключ, начиная с прототипа, заканчивая созданием технических страниц (со всеми ссылками, кнопками и типографикой).
Курс делится на 2 части:
Часть 1 - 4 урока
В первой части Вы узнаете всё о современном веб-дизайне и его тенденциях, о нюансах, фишках и секретах веб-студий, а также о том, из каких этапов состоит работа профессионального веб-дизайнера.
Часть 2 - 27 уроков
Во второй части я шаг за шагом показываю процесс создания дизайна 3-х различных сайтов с нуля до всех их страниц и подготовке к верстке, то есть показываю весь процесс работы веб-дизайнера.
Спойлер: Программа курса -
04:20 Вступление
32:38 Урок 1-1. Основы веб-дизайна
Тема 1. Пиксели
Тема 2. Виды изображений
Тема 3. Шрифты
Тема 4. Юзабилити
Тема 5. Черное и белое
Тема 6. Гармония и тренд
Тема 7. Разделение обязанностей
47:50 Урок 1-2. Подготовка к работеТема 2. Виды изображений
Тема 3. Шрифты
Тема 4. Юзабилити
Тема 5. Черное и белое
Тема 6. Гармония и тренд
Тема 7. Разделение обязанностей
Тема 1. Какими бывают сайты?
Тема 2. Структура сайта
Тема 3. Скетч сайта
37:51 Урок 1-3. Формат и цвет сайтаТема 2. Структура сайта
Тема 3. Скетч сайта
Тема 1. Формат сайта
Тема 2. Модульная сетка
Тема 3. Цветовая палитра сайта
Тема 4. Ссылки
24:05 Урок 1-4. Настройка PhotoshopТема 2. Модульная сетка
Тема 3. Цветовая палитра сайта
Тема 4. Ссылки
Тема 1. Настройка Photoshop
Тема 2. Рабочее пространство
Тема 3. Установка плагинов
Тема 2. Рабочее пространство
Тема 3. Установка плагинов
САЙТ 1. БЛОГ
27:28 Урок 2-1-1. Начало работы
Тема 1. Есть задача
Тема 2. Скетч и параметры страницы
Тема 3. Холст и сетка
70:28 Урок 2-1-2. НабросокТема 2. Скетч и параметры страницы
Тема 3. Холст и сетка
Тема 1. Размещение файлов
Тема 2. Шапка
52:48 Урок 2-1-3. Центральная частьТема 2. Шапка
Тема 1. Анонс поста
Тема 2. Пагинация
40:20 Урок 2-1-4. Боковая колонкаТема 2. Пагинация
Тема 1. Рубрики
Тема 2. Популярные записи
Тема 3. Метки
Тема 4. Последние комментарии
41:47 Урок 2-1-5. Календарь и футерТема 2. Популярные записи
Тема 3. Метки
Тема 4. Последние комментарии
Тема 1. Календарь
Тема 2. Футер
86:10 Урок 2-1-6. РазукрашиваниеТема 2. Футер
Тема 1. Выбор цветовой палитры
Тема 2. Липкое меню
Тема 3. Шапка
54:48 Урок 2-1-7. Рисуем центральную частьТема 2. Липкое меню
Тема 3. Шапка
Тема 1. Анонс поста
Тема 2. Пагинация
35:26 Урок 2-1-8. Рисуем боковую колонкуТема 2. Пагинация
Тема 1. Фон боковой колонки
Тема 2. Рубрики
Тема 3. Популярные записи
Тема 4. Метки
Тема 5. Последние комментарии
44:24 Урок 2-1-9. Рисуем календарь и футерТема 2. Рубрики
Тема 3. Популярные записи
Тема 4. Метки
Тема 5. Последние комментарии
Тема 1. Календарь
Тема 2. Футер
Тема 3. Шлифовка дизайна
53:48 Урок 2-1-10. Внутренние страницыТема 2. Футер
Тема 3. Шлифовка дизайна
Тема 1. Страница рубрики
Тема 2. Страница поиска
Тема 3. Страница контактов
49:54 Урок 2-1-11. Страница постаТема 2. Страница поиска
Тема 3. Страница контактов
Тема 1. Контент поста
Тема 2. Комментарии
49:40 Урок 2-1-12. Технические страницыТема 2. Комментарии
Тема 1. Страница 404
Тема 2. Интерактивные элементы
75:14 Урок 2-1-13. ТипографикаТема 2. Интерактивные элементы
Тема 1. Типографика
Тема 2. Подготовка макетов
Тема 3. Подведение итогов работы
САЙТ 2. ПОРТФОЛИОТема 2. Подготовка макетов
Тема 3. Подведение итогов работы
13:52 Урок 2-2-1. Начало работы
Тема 1. Есть задача
Тема 2. Скетч и параметры страницы
Тема 3. Прототип
82:13 Урок 2-2-2. Основы веб-дизайнаТема 2. Скетч и параметры страницы
Тема 3. Прототип
Тема 1. Шапка
Тема 2. Центральная часть
43:52 Урок 2-2-3. Внутренние страницыТема 2. Центральная часть
Тема 1. Галерея
Тема 2. Страница фотографии
28:23 Урок 2-2-4. Страница заказаТема 2. Страница фотографии
Тема 1. Комментарии
Тема 2. Форма заказа
Тема 3. Подведение итогов работы
Тема 2. Форма заказа
Тема 3. Подведение итогов работы
САЙТ 3. ИНТЕРНЕТ-МАГАЗИН
20:17 Урок 2-3-1. Начало работы
Тема 1. Есть задача
Тема 2. Скетч и параметры страницы
Тема 3. Прототип
52:19 Урок 2-3-2. ВитринаТема 2. Скетч и параметры страницы
Тема 3. Прототип
Тема 1. Юзербар
Тема 2. Шапка
57:57 Урок 2-3-3. Боковая колонкаТема 2. Шапка
Тема 1. Фильтр товаров
Тема 2. Баннер
42:54 Урок 2-3-4. Контент витрины и футерТема 2. Баннер
Тема 1. Контент витрины
Тема 2. Футер
43:21 Урок 2-3-5. Страница товараТема 2. Футер
Тема 1. Фотогалерея
Тема 2. Цена и описание товара
44:34 Урок 2-3-6. КорзинаТема 2. Цена и описание товара
Тема 1. Список товаров
Тема 2. Данные покупателя
56:57 Урок 2-3-7. Главная страницаТема 2. Данные покупателя
Тема 1. Баннер-слайдер
Тема 2. Бренды и спецпредложения
Тема 3. Инфо-блоки
33:21 Урок 2-3-8. Popup-окнаТема 2. Бренды и спецпредложения
Тема 3. Инфо-блоки
Тема 1. Popup-окна
Тема 2. ПОдведение итогов
Тема 2. ПОдведение итогов
ЗАКЛЮЧЕНИЕ
23:18 Урок 3. Заключение
Тема 1. Откуда брать картинки?
Тема 2. Откуда брать вдохновение?
Тема 3. Полезные расширения
Тема 4. Процесс рисования
Спойлер: БонусыТема 2. Откуда брать вдохновение?
Тема 3. Полезные расширения
Тема 4. Процесс рисования
БОНУС 1. Урок по адаптивному дизайну 01:08:18
Кругом одни смартфоны! Как впихнуть дизайн сайта в такой маленький экран? Как сделать его удобным для пользования с телефона? Об этом заботится адаптивный дизайн, о котором я рассказываю в этом уроке подробно и наглядно (мы с Вами шаг за шагом адаптируем дизайн интернет-магазина под экран iPhone). Стоимость этого бонуса 3 000 руб.
БОНУС 2. Памятка для дизайнера
Вы научитесь множеству техник Фотошопа на моем курсе, но пока
все они улягутся в Вашей голове, пройдет некоторое время и это
нормально.
И, пока вы не запомнили все трюки и комбинации клавиш, Вы
можете быстро подсмотреть их в специальной “Памятке”, которую я нарисовал для Вас. Это набор из более чем 60-ти четких, наглядных и пошаговых инструкций по конкретному Вашему вопросу! Стоимость этого бонуса 9 000 руб.