ОНЛАЙН-КУРС
Профессия
«Графический дизайнер»
«Графический дизайнер»
С практическими заданиями, созданием портфолио, возможностью трудоустройства и стажировок.
ДЛИТЕЛЬНОСТЬ
ТЕОРИЯ
ПРАКТИКА
6 месяцев,
65 акад. часов
65 акад. часов
125 лекций
125 лекций,
85 часов практ. работы
85 часов практ. работы
6 месяцев,
65 академ. часов
65 академ. часов
Единоразовая
или помесячная
или помесячная
85 часов
практ. работы
практ. работы
РАССРОЧКА 0%
ТРУДОУСТРОЙСТВО
Устраиваем
в компании-партнеры
в компании-партнеры
Единоразовая
или помесячная
или помесячная
6
месяцев
85
часов практики
10
работ в портфолио
Перспективы
Граф дизайнера
Граф дизайнера
Сейчас профессия графического дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, комфортные условия работы, возможность работать удаленно делают профессию привлекательной и перспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, комфортные условия работы, возможность работать удаленно делают профессию привлекательной и перспективной.
Посмотреть вакансии
на headhunter
на headhunter
150 000
500
Компаний в данный момент ищут дизайнеров в штат
Средний уровень зарплат
Графического дизайнера
Графического дизайнера
55 000
200 000
500
Компаний в данный момент ищут
дизайнеров в штат*
дизайнеров в штат*
Средний уровень зарплат
профессии «Веб-дизайнер»
профессии «Веб-дизайнер»
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Курс рассчитан на людей с нулевой подготовкой. Подойдет тем, кто задумывается о смене профессии, и тем, кто уже сделал свои первые шаги.
Посмотрите видео нашей студентки Лены.
Она пришла с нуля и стала дизайнером.
Сейчас она работает в Газпромнефти.
Она пришла с нуля и стала дизайнером.
Сейчас она работает в Газпромнефти.
Кому
подходит курс?
подходит курс?
Людям, которые не занимались дизайном
и начинающим специалистам
и начинающим специалистам
Если вы были связаны с дизайном до курса, то вы сможете подтянуть знания веба, прокачать стилевой навык и полностью перейти в digital среду, продолжив карьеру.
Посмотрите видео нашей студентки Лены. Она пришла
с нуля и стала дизайнером.
Сейчас она работает дизайнером в Газпромнефти.
с нуля и стала дизайнером.
Сейчас она работает дизайнером в Газпромнефти.
Аналитика, инструменты проектирования, прототипирование.
Овладеете стилевым навыком, научитесь рисовать красивый дизайн.
Figma, Photoshop, Principle, Protopie, After Effects.
Проектирование
интерфейсов (UX)
интерфейсов (UX)
Отрисовка
интерфейса (UI)
интерфейса (UI)
Изучите дизайнерские
программы
программы
Какие навыки
вы освоите на курсе?
вы освоите на курсе?
Подходы к UX, методы создания удобного интерфейса под все устройства.
Презентация, менеджмент, подготовка портфолио и резюме
Код, что такое frontend
и backend, как они работают в связке.
и backend, как они работают в связке.
Адаптивный
дизайн
дизайн
Защита проектов
и трудоустройство
и трудоустройство
Технические
особенности
особенности
Научитесь работать со шрифтом, освоите модульную сетку
и композицию.
и композицию.
Композиция
и типографика
и типографика
Научитесь создавать яркие современные проекты.
Анимация
сайтов
сайтов
Научитесь работать со шрифтом, освоите модульную сетку и композицию.
Как вы станете
граф дизайнером
граф дизайнером
Смотрите
обучающие видео и задаете вопросы
обучающие видео и задаете вопросы
Сдаете домашки, получаете ревью от арт-директора
Собираете портфолио
01
02
03
04
Смотрите видеоуроки когда вам удобно
Выполняете задания и отправляете на проверку через личный кабинет
Исправляете ошибки, создаете портфолио, откликаетесь на вакансии
Выходите на работу
в крупную компанию
в крупную компанию
Строите карьеру от графического дизайнера до арт-директора
4 простых шага к новой профессии
6
месяцев
85
часов практики
10
работ в портфолио
Уникальность курса — личный ментор-наставник
На протяжении всего курса вас курирует личный ментор-наставник, который помогает вам, по домашним заданиям, консультирует и ведет за руку.
Посмотрите видео, чтобы узнать подробнее как ментор поможет в решении задач
С 2015 года мы обучаем веб-дизайну.
Наши курсы прошли более 4000 человек.
Многие наши студенты поменяли профессию и работают в сфере digital.
Наши курсы прошли более 4000 человек.
Многие наши студенты поменяли профессию и работают в сфере digital.
«Мы помогаем нашим студентам найти хорошую и высокооплачиваемую работу. Обычно на это уходит до 2-х месяцев после окончания курсов.»
Евгений Осиновский
Руководитель Центра Карьеры
Диджитал Академии
Диджитал Академии
Помощь в трудоустройстве.
Центр развития карьеры MDA
Центр развития карьеры MDA
Профессиональное
резюме
резюме
Трудоустройства
и стажировки
и стажировки
Рекомендации
в компании-партнеры
в компании-партнеры
Выход на зарубежный
рынок труда
рынок труда
«Мы помогаем нашим студентам найти хорошую и высокооплачиваемую работу. Обычно на это уходит до 2-х месяцев после окончания курсов.»
Евгений Осиновский
Руководитель Центра Карьеры
Диджитал Академии
Диджитал Академии
Помощь в трудоустройстве.
Центр развития карьеры MDA.
Центр развития карьеры MDA.
Профессиональное
резюме
резюме
Трудоустройства
и стажировки
и стажировки
Рекомендации
в компании-партнеры
в компании-партнеры
Выход на зарубежный
рынок труда
рынок труда
Истории карьеры
наших студентов
наших студентов
Многие наши студенты которые пришли с нуля, работают в известных digital-агентствах, дизайн-студиях и IT-компаниях.
Портфолио наших
студентов новичков
студентов новичков
90%
работ, которые
вы видите в этом разделе,
делали новички.
вы видите в этом разделе,
делали новички.
работ сделали наши студенты на курсе веб-дизайна под руководством менторов-наставников.
2000
+
Работы студентов
в
в
Ваше резюме после обучения
Подтвердит, что вы прошли курс,
и станет дополнительным аргументом при устройстве на работу.
Работодатель сможет проверить сертификат и убедиться, что вы действительно окончили курс успешно.
и станет дополнительным аргументом при устройстве на работу.
Работодатель сможет проверить сертификат и убедиться, что вы действительно окончили курс успешно.
Сертификат
Moscow Digital Academy
с проверкой подлинности
Moscow Digital Academy
с проверкой подлинности
Научитесь работать со шрифтом, освоите модульную сетку и композицию.
Должность
Графический дизайнер
150 000 рублей
Профессиональные навыки:
Зарплата от:
Создание дизайна сайтов
Создание прототипов и проектирование сайтов
Умение создавать адаптивные сайты
Знание принципов юзабилити-сайтов
Умение работать с требованиями заказчика
Глубокое понимание принципов UX
Уверенное владение Figma, Photoshop, Principle, After Effects
Осмечивание проектов, работа с таймингами
Знание HTML-верстки
Иванова Екатерина
Знание программ и сервисов:
Создание сайтов полностью,
от идеи дод реализации
от идеи дод реализации
Готовность к работе в офисе и на фрилансе
Записаться на курс
«Профессия веб-дизайнер»
«Профессия веб-дизайнер»
Вернем деньги, если курс не подошел или просто не понравился.
9 150 р.
/мес.
54 900 р.
Рассрочка без переплат 0%
от надежных банков
от надежных банков
02 : 11 : 59 : 00
Помесячная оплата без скидки
Полная стоимость без скидки
27
%
Старт курса: 88 сентября
Программа курса
— Зона ответственности дизайнера.
Cайты, приложения, процесс создания и что делает дизайнер.
— Как развивать в себе дизайнера.
Что делать для развития дизайнерских навыков.
— Как и где вдохновляться?
Сайты для вдохновения.
— Процесс создания дизайна.
Показываем как создается дизайн.
Cайты, приложения, процесс создания и что делает дизайнер.
— Как развивать в себе дизайнера.
Что делать для развития дизайнерских навыков.
— Как и где вдохновляться?
Сайты для вдохновения.
— Процесс создания дизайна.
Показываем как создается дизайн.
— Знакомство с Figma.
Как и где скачать, как установить, как пользоваться.
— Фреймы, шрифты и картинки.
Работаем с основными инструментами.
— Группы и Маски.
Как использовать маски и правильно работать с группами.
— Делаем первый экран сайта.
Осваиваем инструменты. Повторяем за преподавателем, используя заготовленные материалы.
— Делаем всю страницу сайта.
Какие стадии разработки проходит сайт до публикации его в сети.
— Переносим в планшетные устройства.
Два разрешения, показываем механику, повторяете за преподавателем.
Как и где скачать, как установить, как пользоваться.
— Фреймы, шрифты и картинки.
Работаем с основными инструментами.
— Группы и Маски.
Как использовать маски и правильно работать с группами.
— Делаем первый экран сайта.
Осваиваем инструменты. Повторяем за преподавателем, используя заготовленные материалы.
— Делаем всю страницу сайта.
Какие стадии разработки проходит сайт до публикации его в сети.
— Переносим в планшетные устройства.
Два разрешения, показываем механику, повторяете за преподавателем.
— Модульная сетка 1. Что такое модульная сетка?
Как работает, как делать в Фигме.
— Модульная сетка 2. На мобильных устройствах.
Как создавать сетку на мобильных устройствах.
— Модульная сетка 3. Как располагать элементы, опираясь на сетку.
Расположение элементов, не подходящих по размеченной сетке.
— Композиция 1. Что такое композиция, как устроена.
Систематизация красоты.
— Композиция 2 (практический). Доминанта.
Что есть доминанта, как выстроить ее самостоятельно.
— Композиция 3. Цвет, подбор цвета, теория цвета.
Работа с колористикой.
— Композиция 4. Фотографии, картинки, влияние их на дизайн.
Как найти и выбрать изображения, хорошо вписывающиеся в дизайн.
— Композиция 5. Подбор контента, лицензирование и использование.
Правовые аспекты использования и подбора контента.
Как работает, как делать в Фигме.
— Модульная сетка 2. На мобильных устройствах.
Как создавать сетку на мобильных устройствах.
— Модульная сетка 3. Как располагать элементы, опираясь на сетку.
Расположение элементов, не подходящих по размеченной сетке.
— Композиция 1. Что такое композиция, как устроена.
Систематизация красоты.
— Композиция 2 (практический). Доминанта.
Что есть доминанта, как выстроить ее самостоятельно.
— Композиция 3. Цвет, подбор цвета, теория цвета.
Работа с колористикой.
— Композиция 4. Фотографии, картинки, влияние их на дизайн.
Как найти и выбрать изображения, хорошо вписывающиеся в дизайн.
— Композиция 5. Подбор контента, лицензирование и использование.
Правовые аспекты использования и подбора контента.
— Настроение, классификация шрифта.
Как шрифт передает настроение, на какие виды делятся шрифты.
— Анатомия шрифта.
Кёрнинг, трекинг, интерлиньяж.
— Редактура.
Дефис, тире, кавычки, висящие союзы.
— Сервисы, коммерческие шрифты и некоммерческие, тарификация шрифтов, цены.
FontFaceninja, Google Fonts, Typetoday. Где посмотреть трендовые шрифты.
— Верстка текста.
Нюансы абзацев, переносов и прочего в вебе.
— Шрифтовые пары.
Как подобрать шрифты, которые пользователь посчитает красивыми.
— Какие шрифты использовать.
Трендовые шрифты, поиск и использование.
— Ошибки в типографике.
Как не стоит делать. Какие ошибки совершаю большинство дизайнеров.
— Практический урок. Рисуем страницу Рубенса.
Повторяя за преподавателем, освойте работу с типографикой в Figma.
Как шрифт передает настроение, на какие виды делятся шрифты.
— Анатомия шрифта.
Кёрнинг, трекинг, интерлиньяж.
— Редактура.
Дефис, тире, кавычки, висящие союзы.
— Сервисы, коммерческие шрифты и некоммерческие, тарификация шрифтов, цены.
FontFaceninja, Google Fonts, Typetoday. Где посмотреть трендовые шрифты.
— Верстка текста.
Нюансы абзацев, переносов и прочего в вебе.
— Шрифтовые пары.
Как подобрать шрифты, которые пользователь посчитает красивыми.
— Какие шрифты использовать.
Трендовые шрифты, поиск и использование.
— Ошибки в типографике.
Как не стоит делать. Какие ошибки совершаю большинство дизайнеров.
— Практический урок. Рисуем страницу Рубенса.
Повторяя за преподавателем, освойте работу с типографикой в Figma.
— Что такое UX. Из чего состоит?
Введение в UX, на какие составные части делится.
— Информационная архитектура. Иерархия.
Создание архитектуры для логичного перехода между разделами на сайте.
— Пользовательские сценарии.
Проведение исследования: как разные группы пользователей используют сайт, куда нажимают и как улучшить их пользовательский опыт.
— Метод персоны.
Разделение пользователей на персонифицированные группы и исследование каждой отдельно.
— Проектирование взаимодействия.
Определение того, куда и как нажимает пользователь и подготовка прототипа согласно этим данным.
— Формы и интерфейсы с полями. Часть 1.
Как упрощать, конкретные примеры.
— Формы и интерфейсы с полями. Часть 2.
Кнопки, выпадающие меню и прочие элементы интерфейса.
— Визуальный дизайн и UI-кит.
Создание стиля и сбор элементов интерфейса в разных состояниях.
— Разбор ошибок в визуальном дизайне.
Какие ошибки чаще всего совершают дизайнеры при отрисовке интерфейса.
— Готовые диджитал-гайдлайны. Примеры, объяснение, когда их применять надо и когда не надо.
Что такое guideline. Как создать свой и как использовать готовый. В каких ситуациях применять.
— UX-аналитика 1. Юзабилити тестирование.
Проверка интерфейса на удобство для пользователя через тестирование самих пользователей.
— UX-аналитика 2. Как работают карты кликов и карты ссылок в Яндекс.Метрике.
Какую информацию можно получить с помощью простых инструментов и как ее использовать для улучшения интерфейса.
— UX-аналитика 3. Сегменты в Яндекс.Метрике и объяснение поведения пользователей в каждом сегменте.
Аналитика того, как разные пользователи с разными устройствами ведут себя на сайте.
— Уровни по Джеймсу Гаррету.
Пирамида Гаррета в UX.
— Создание mind-map.
Что это, зачем и как применять.
— Прототипирование.
Создание логической блок схемы сайты, в которой показаны смысловые блоки и их расположение.
Введение в UX, на какие составные части делится.
— Информационная архитектура. Иерархия.
Создание архитектуры для логичного перехода между разделами на сайте.
— Пользовательские сценарии.
Проведение исследования: как разные группы пользователей используют сайт, куда нажимают и как улучшить их пользовательский опыт.
— Метод персоны.
Разделение пользователей на персонифицированные группы и исследование каждой отдельно.
— Проектирование взаимодействия.
Определение того, куда и как нажимает пользователь и подготовка прототипа согласно этим данным.
— Формы и интерфейсы с полями. Часть 1.
Как упрощать, конкретные примеры.
— Формы и интерфейсы с полями. Часть 2.
Кнопки, выпадающие меню и прочие элементы интерфейса.
— Визуальный дизайн и UI-кит.
Создание стиля и сбор элементов интерфейса в разных состояниях.
— Разбор ошибок в визуальном дизайне.
Какие ошибки чаще всего совершают дизайнеры при отрисовке интерфейса.
— Готовые диджитал-гайдлайны. Примеры, объяснение, когда их применять надо и когда не надо.
Что такое guideline. Как создать свой и как использовать готовый. В каких ситуациях применять.
— UX-аналитика 1. Юзабилити тестирование.
Проверка интерфейса на удобство для пользователя через тестирование самих пользователей.
— UX-аналитика 2. Как работают карты кликов и карты ссылок в Яндекс.Метрике.
Какую информацию можно получить с помощью простых инструментов и как ее использовать для улучшения интерфейса.
— UX-аналитика 3. Сегменты в Яндекс.Метрике и объяснение поведения пользователей в каждом сегменте.
Аналитика того, как разные пользователи с разными устройствами ведут себя на сайте.
— Уровни по Джеймсу Гаррету.
Пирамида Гаррета в UX.
— Создание mind-map.
Что это, зачем и как применять.
— Прототипирование.
Создание логической блок схемы сайты, в которой показаны смысловые блоки и их расположение.
— Создаём mind-map интернет-магазина.
Определяем структуру магазина, схемы и выполняем ее за преподавателем.
— Создаём прототип главной страницы интернет-магазина по шаблону.
Прототипируем главную страницу интернет-магазина вместе с преподавателем.
— Создаём прототип страницы каталога.
В каталоге определяем, нужны ли фильтры и сортировка. Если фильтры нужны, то с какими параметрами. Повторяем за преподавателем.
— Создаём прототип страницы карточки товара.
Определяем, какая информация в карточке максимально важная и ставим ее на первый план, а какой можно пренебречь.
— Создаём прототип страницы корзины.
Интерфейс корзины — количество товара, удаление товара, изменение данных пользователя, оплата.
Определяем структуру магазина, схемы и выполняем ее за преподавателем.
— Создаём прототип главной страницы интернет-магазина по шаблону.
Прототипируем главную страницу интернет-магазина вместе с преподавателем.
— Создаём прототип страницы каталога.
В каталоге определяем, нужны ли фильтры и сортировка. Если фильтры нужны, то с какими параметрами. Повторяем за преподавателем.
— Создаём прототип страницы карточки товара.
Определяем, какая информация в карточке максимально важная и ставим ее на первый план, а какой можно пренебречь.
— Создаём прототип страницы корзины.
Интерфейс корзины — количество товара, удаление товара, изменение данных пользователя, оплата.
— Что такое адаптивный дизайн.
Изменение поведения элементов и разрешений.
— Исследования для адаптивного дизайна.
Исследуем цели пользователя, самого пользователя, ситуации и устройства. Определяем какие элементы оставить, а какие убрать.
— Под какие разрешения надо рисовать.
И под какие делать сетку.
— Как устроены экраны. Логическое и физическое разрешения.
Как определить разрешения, под которые нужно рисовать, чтобы был правильный масштаб.
— Типы верстки.
Резиновая, фиксированная, адаптивная фиксирована и адаптивная резиновая (responsive).
— Адаптируем интернет магазин. Практический урок 1.
Каждую страницу. Объясняем как изменились элементы и почему именно так.
— Адаптируем интернет-магазин. Практический урок 2.
Адаптируем остальные страницы.
Изменение поведения элементов и разрешений.
— Исследования для адаптивного дизайна.
Исследуем цели пользователя, самого пользователя, ситуации и устройства. Определяем какие элементы оставить, а какие убрать.
— Под какие разрешения надо рисовать.
И под какие делать сетку.
— Как устроены экраны. Логическое и физическое разрешения.
Как определить разрешения, под которые нужно рисовать, чтобы был правильный масштаб.
— Типы верстки.
Резиновая, фиксированная, адаптивная фиксирована и адаптивная резиновая (responsive).
— Адаптируем интернет магазин. Практический урок 1.
Каждую страницу. Объясняем как изменились элементы и почему именно так.
— Адаптируем интернет-магазин. Практический урок 2.
Адаптируем остальные страницы.
— Этапы разработки сайта 1. Исследование.
И работа с заказчиком.
— Этапы разработки сайта 2 Структура, прототип и макет.
Этап, до которого сайт был только в мыслях, а после — на руках макет для производства.
— Этапы разработки сайта 3 Техническое производство.
Превращение дизайн макета в код.
— Технические особенности 1. Как сайт попадает в интернет.
Этапы от замысла до конечной реализации проекта и публикации в интернете.
— Технические особенности 2. Что такое фронтенд. Как работает код?
Фронтенд — то, что вы видите в своем браузере. HTML, CSS, Javascript.
— Технические особенности 3. Что такое бекенд? Какие функции он умеет?
CMS, самописные движки. Что делает backend в веб-сайте.
— Технические особенности 4. Домен и хостинг.
Как пользователь найдет ваш сайт в интернете.
— Технические особенности 5. Как сдавать макет в разработку? Что нужно приложить, в каком формате и зачем?
Как дизайнеру подготовить свой макет так, чтобы программист реализовал его быстрее.
— Технические особенности 6. Как можно реализовывать фронтенд и бекенд. Программисты vs Тильда.
Методы разработки. Какой в каких ситуация более эффективен.
И работа с заказчиком.
— Этапы разработки сайта 2 Структура, прототип и макет.
Этап, до которого сайт был только в мыслях, а после — на руках макет для производства.
— Этапы разработки сайта 3 Техническое производство.
Превращение дизайн макета в код.
— Технические особенности 1. Как сайт попадает в интернет.
Этапы от замысла до конечной реализации проекта и публикации в интернете.
— Технические особенности 2. Что такое фронтенд. Как работает код?
Фронтенд — то, что вы видите в своем браузере. HTML, CSS, Javascript.
— Технические особенности 3. Что такое бекенд? Какие функции он умеет?
CMS, самописные движки. Что делает backend в веб-сайте.
— Технические особенности 4. Домен и хостинг.
Как пользователь найдет ваш сайт в интернете.
— Технические особенности 5. Как сдавать макет в разработку? Что нужно приложить, в каком формате и зачем?
Как дизайнеру подготовить свой макет так, чтобы программист реализовал его быстрее.
— Технические особенности 6. Как можно реализовывать фронтенд и бекенд. Программисты vs Тильда.
Методы разработки. Какой в каких ситуация более эффективен.
— Что такое бренд. Составляющие бренда.
На какие составляющие дизайнер может влиять, а на какие нет.
— Как бренд влияет на голову человека.
Как бренд заставляет человека верить в легенду, используя готовые стереотипы.
— Какую роль в этом играет выкладка товаров, дизайн витрин и дизайн сайтов/баннеров/приложений.
Цвета, настроение и конгруэнтность потребителю.
— Что такое фирменный стиль бренда. Из чего состоит?
Что содержится в расширенных guidline бренда и как применяется.
— Логотип. Что это, его цель. Как отличить хороший логотип от плохого.
Как создаются хорошие логотипы, как сделать узнаваемый логотип.
— Учимся делать простые шрифтовые логотипы.
Создаем логотипы для собственных проектов.
На какие составляющие дизайнер может влиять, а на какие нет.
— Как бренд влияет на голову человека.
Как бренд заставляет человека верить в легенду, используя готовые стереотипы.
— Какую роль в этом играет выкладка товаров, дизайн витрин и дизайн сайтов/баннеров/приложений.
Цвета, настроение и конгруэнтность потребителю.
— Что такое фирменный стиль бренда. Из чего состоит?
Что содержится в расширенных guidline бренда и как применяется.
— Логотип. Что это, его цель. Как отличить хороший логотип от плохого.
Как создаются хорошие логотипы, как сделать узнаваемый логотип.
— Учимся делать простые шрифтовые логотипы.
Создаем логотипы для собственных проектов.
— Трудоустройство. Какие компании нанимают дизайнеров и какие зарплаты и задачи.
В разных компаниях дизайнеры рисуют разные проекты. А еще им по-разному за это платят и предъявляют разные требования. Этот урок ответит на щекотливые вопросы.
— Основные форматы работы дизайнеров.
Фриланс, постоянка в офисе, постоянка удаленная.
— Как составить резюме
Что в резюме писать не стоит, а что нужно вынести на первый план.
— Как составить сопроводительное письмо.
Оставьте описание вашей "стрессоустойчивости" и "коммуникабельности" при себе. Лучше расскажите, чем вы увлекаетесь.
— Как и где искать работу постоянную.
HH.ru — не единственный ресурс. Есть еще множество путей, не всегда очевидных.
— Как искать заказы для Фриланса.
Найти высокооплачиваемые заказы, схватить их и при этом найти их у адекватного заказчика.
— Как искать субподрядчиков для фриланса.
Часто заказывают проекты под ключ (дизайн+разработка). Как найти партнера для таких проектов.
— Как защищать проект перед клиентом на фрилансе.
На фрилансе и в компании защиты разные, как и мотивация принимающей стороны. Изучим в этом уроке.
— Как проходит защита в компании перед заказчиком.
Особенности корпоративных презентаций.
В разных компаниях дизайнеры рисуют разные проекты. А еще им по-разному за это платят и предъявляют разные требования. Этот урок ответит на щекотливые вопросы.
— Основные форматы работы дизайнеров.
Фриланс, постоянка в офисе, постоянка удаленная.
— Как составить резюме
Что в резюме писать не стоит, а что нужно вынести на первый план.
— Как составить сопроводительное письмо.
Оставьте описание вашей "стрессоустойчивости" и "коммуникабельности" при себе. Лучше расскажите, чем вы увлекаетесь.
— Как и где искать работу постоянную.
HH.ru — не единственный ресурс. Есть еще множество путей, не всегда очевидных.
— Как искать заказы для Фриланса.
Найти высокооплачиваемые заказы, схватить их и при этом найти их у адекватного заказчика.
— Как искать субподрядчиков для фриланса.
Часто заказывают проекты под ключ (дизайн+разработка). Как найти партнера для таких проектов.
— Как защищать проект перед клиентом на фрилансе.
На фрилансе и в компании защиты разные, как и мотивация принимающей стороны. Изучим в этом уроке.
— Как проходит защита в компании перед заказчиком.
Особенности корпоративных презентаций.
— Что такое анимация в вебе.
Микро и макро анимация.
— Анимация взаимодействия.
Ховеры, активы, переходы, как это работает.
— Макро анимация, разбор примера.
Когда анимация — неотъемлима от стиля и смысла проекта.
— Разбор софта для анимации.
Protopie, Principle, Figma, After Effects.
— Как передавать анимацию в разработку.
Как показать разработчику, какую анимацию, с какими переходами и временными задержками вы хотите.
— Анимируем элементы на главной странице интернет-магазина.
Анимация при загрузке и после нее.
— Анимируем кнопки, поля. Прилёт элементов.
Анимация микровзаимодействий.
— Анимируем элементы при скролле.
Учимся делать анимацию при скролле в достаточном количестве. Не так, чтобы заполонить ей все внимание пользователя.
— Анимируем прелоадер.
Иногда сайту нужно время для загрузки. Делаем анимацию загрузки, чтобы скрасить ожидание пользователя.
— Анимируем переход от страницы к странице.
Страницы могут меняться не со стандартной загрузкой элементов, а с приятной анимацией.
— Анимируем форму регистрации.
Форма сбора контактов пользователя и регистрации.
— Делаем макроанимацию. Часть 1.
Создаем анимацию с сюжетом. Планируем ее, создаем ключевые кадры.
— Делаем макроанимацию. Часть 2.
Отрисовываем и анимируем элементы для макроанимации, согласно собственному плану.
Микро и макро анимация.
— Анимация взаимодействия.
Ховеры, активы, переходы, как это работает.
— Макро анимация, разбор примера.
Когда анимация — неотъемлима от стиля и смысла проекта.
— Разбор софта для анимации.
Protopie, Principle, Figma, After Effects.
— Как передавать анимацию в разработку.
Как показать разработчику, какую анимацию, с какими переходами и временными задержками вы хотите.
— Анимируем элементы на главной странице интернет-магазина.
Анимация при загрузке и после нее.
— Анимируем кнопки, поля. Прилёт элементов.
Анимация микровзаимодействий.
— Анимируем элементы при скролле.
Учимся делать анимацию при скролле в достаточном количестве. Не так, чтобы заполонить ей все внимание пользователя.
— Анимируем прелоадер.
Иногда сайту нужно время для загрузки. Делаем анимацию загрузки, чтобы скрасить ожидание пользователя.
— Анимируем переход от страницы к странице.
Страницы могут меняться не со стандартной загрузкой элементов, а с приятной анимацией.
— Анимируем форму регистрации.
Форма сбора контактов пользователя и регистрации.
— Делаем макроанимацию. Часть 1.
Создаем анимацию с сюжетом. Планируем ее, создаем ключевые кадры.
— Делаем макроанимацию. Часть 2.
Отрисовываем и анимируем элементы для макроанимации, согласно собственному плану.
— Что такое портфолио дизайнера и как оно может быть представлено.
Порталы, собственные сайты, новые методы.
— Как создать кейс проекта.
Из чего состоит кейс. Что надо показать и как объяснить пользователю.
— Разбор примеров кейсов хороших и плохих.
Как не нужно оформлять свое портфолио — разбор примеров.
— Создаём кейс из ДЗ2.
Оформляем свою домашнюю работу для портфолио.
— Выкладываем свой кейс, видеоинструкция.
Публикация собственной работы.
Порталы, собственные сайты, новые методы.
— Как создать кейс проекта.
Из чего состоит кейс. Что надо показать и как объяснить пользователю.
— Разбор примеров кейсов хороших и плохих.
Как не нужно оформлять свое портфолио — разбор примеров.
— Создаём кейс из ДЗ2.
Оформляем свою домашнюю работу для портфолио.
— Выкладываем свой кейс, видеоинструкция.
Публикация собственной работы.
— Домашнее задание: сделать первую страницу сайта «портфолио», учитывая весь материал.
Первая домашняя работа для разминки.
— Домашнее задание: сделать майндмеп и прототип самостоятельно и сдать на проверку.
Учимся делать понятный интерфейс.
— Домашнее задание: отрисовать по прототипу 4 страницы интернет-магазина: главная, каталог, карточка, корзина.
Переходим к отрисовке, учимся создавать стиль, UI-киты и анимацию.
— Адаптировать свой интернет-магазин и сдать ментору на проверку.
Самостоятельно адаптируем свой макет под планшеты и смартфоны.
— Домашнее задание: создать дизайн сайта известной личности или исторического события.
На выбор предоставляются темы и уровень сложности. Можно предложить свою тему.
— Создать простой логотип для ДЗ-2 и защитить его.
Базовые уроки графического дизайна.
Первая домашняя работа для разминки.
— Домашнее задание: сделать майндмеп и прототип самостоятельно и сдать на проверку.
Учимся делать понятный интерфейс.
— Домашнее задание: отрисовать по прототипу 4 страницы интернет-магазина: главная, каталог, карточка, корзина.
Переходим к отрисовке, учимся создавать стиль, UI-киты и анимацию.
— Адаптировать свой интернет-магазин и сдать ментору на проверку.
Самостоятельно адаптируем свой макет под планшеты и смартфоны.
— Домашнее задание: создать дизайн сайта известной личности или исторического события.
На выбор предоставляются темы и уровень сложности. Можно предложить свою тему.
— Создать простой логотип для ДЗ-2 и защитить его.
Базовые уроки графического дизайна.
Преподаватели
и менторы
и менторы
Григорий Коченов
Максим Иванов
Сергей Павлов
Владислав Федорин
Креативный директор «AGIMA»
Опыт работы: 13 лет
Опыт работы: 13 лет
Креативный директор «MDA»
Опыт работы: 14 лет
Опыт работы: 14 лет
Руководитель «MDA»
Опыт работы: 10 лет
Опыт работы: 10 лет
Арт-директор «MDA»
Опыт работы: 7 лет
Опыт работы: 7 лет
Директор «Ace' Spades»
Опыт работы: 9 лет
Опыт работы: 9 лет
Игорь Шкарин
Евгений Епифанов
Михаил Каргин
Дарья Почекуева
Digital-manager «Промсвязьбанк»
Опыт работы: 7 лет
Опыт работы: 7 лет
Арт-директор «Кёльник»
Опыт работы: 11 лет
Опыт работы: 11 лет
Интернет-маркетолог «OMD»
Опыт работы: 7 лет
Опыт работы: 7 лет
Все еще сомневаетесь?Попробуйте курс бесплатно
Посмотрите несколько уроков бесплатно, оцените формат подачи материала и примите более взвешенное решение о прохождении курса.
Посмотрите уроки курса
Сдайте домашнее
задание
задание
Получите проверку от арт-директора
Для получения доступа к урокам
заполните форму
заполните форму
Нажимая кнопку "Получить доступ бесплатно" вы даете согласие на обработку персональных данных и получение информационных писем
Новичок в дизайне?Попробуйте бесплатные вебинары!
Нарисуйте сайт, даже если вы никогда не разбирались в графике, узнайте как проектируются сайты, что такое UX и UI, научитесь анимировать сайты с полного нуля и получите консультацию от арт-директора бесплатно!
Moscow Digital Academy family
Москва, Лубянский
проезд, 19 стр. 1, «Лаба»
Санкт-Петербург,
ул. Чайковского 79
проезд, 19 стр. 1, «Лаба»
Санкт-Петербург,
ул. Чайковского 79
Moscow Digital Academy, 2020
ОГРНИП 317774600530629 / 560913953887
Москва, Лубянский
проезд, 19 стр. 1, «Лаба»
проезд, 19 стр. 1, «Лаба»
Санкт-Петербург,
ул. Чайковского 79
ул. Чайковского 79