Назад
Веб-дизайнер
Нетология
Описание
О профессии
Веб-дизайнер создаёт макеты интерфейсов, продумывает логику сайта и проектирует пользовательский опыт. Его задача — сделать так, чтобы пользователь почувствовал, что о нём позаботились. Курс поможет понять, с чего начать свой путь в веб-дизайне и как развиваться в этой профессии.
Освойте высокооплачиваемую профессию за полцены. Остальное компенсирует государство.
Для кого курс
Программа рассчитана на начинающих специалистов без опыта в дизайне и программировании. После обучения студенты смогут создавать сайты, лендинги и оформлять портфолио на Behance.
О Нетологии
Нетология — образовательная платформа. Обучаем современным востребованным профессиям. 35+ тыс. дипломированных выпускников, 10 лет на рынке и 8 направлений обучения.
Наши преимущества
- Преподаватели из крупнейших IT-компаний России
- Обучение на практике и подробная обратная связь
- Готовые кейсы в портфолио и помощь в их оформлении
- Помощь с трудоустройством и поддержка на всех этапах
- Диплом государственного образца
- Возможность получить налоговый вычет — 13%
Чему вы научитесь
- Создавать прототипы сайтов в Figma
- Работать с типографикой, модульной сеткой и адаптивным дизайном
- Создавать интерактивные прототипы в Principle или Protopie
- Работать с мобильной и адаптивной вёрсткой сайта
- Оформлять портфолио на Behance
Как проходит обучение
- Смотрите видеолекции в удобное для вас время
- Закрепляете знания на практике
- Создаёте итоговый проект и защищаете его
- Получаете диплом и находите новую работу
Диплом подтвердит вашу квалификацию
Мы обучаем по государственной лицензии. При успешной защите итогового проекта вы получите диплом, который сможете добавить к резюме и показать при устройстве на работу.
Трудоустройство
Поможем найти работу после обучения. У вас будет возможность работать из дома и получать конкурентную зарплату.
- Вместе оформим резюме и портфолио
- Подберём вакансии под выбранную профессию
- Научим проходить интервью
- Поможем адаптироваться на новом месте
Часов в программе
Цель программы
Актуальность
Программа подойдет начинающим веб-дизайнерам и поможет погрузиться в работу с прототипами, макетами, сеткой, веб-типографикой, анимацией, дизайн-концепциями, версткой сайтов. Программа будет полезна для начинающих верстальщиков и frontend-разработчиков, которые хотят освоить веб-дизайн. Курс поможет понять, с чего начать свой путь в профессию и определить траекторию развития в этой отрасли. Веб-дизайнер работает с версткой сайтов, поэтому программа усилена модулями по основам программирования, мобильной верстке и основами вёрстки сайта HTML. Для закрепления материала предусмотрено тестирование, прохождение кейс-тестов, практические задания. Успешным прохождением обучения считается выполнение итогового задания по курсу.
Входная диагностика 1 час
графических пользовательских интерфейсов
Итоговая аттестация 20 часов
Компетенции
Профессиональные
Управление проектом
Составляющие и отличия брифа и технического задания. Тонкости брифования заказчика. Стадии и модели управления.
Уметь:Создавать бриф для разработки сайта. Составлять техническое задание. Визуализировать проект: подбирать референсы к техническому заданию. Где искать референсы и как составлять мудборды, работать с референсами и мудбордами.
Владеть:Навыком генерации идей и поиском стиля под любую задачу. Навыком работы с референсами и мудбордами.
Владение графическим редактором Figma
Интерфейс редактора, его рабочую область. Горячие клавиши, привязки и фреймы в Figma.
Уметь:Работать с горячими клавишами, привязками и фреймами в Figma. Создавать в Figma макет и прототип сайта. Отрисовывать в Figma модульную сетку сайта. Отрисовывать в Figma макеты в нескольких цветовым схемах. Отрисовывать в Figma нескольких дизайн-концепций. Отрисовывать в Figma адаптивный дизайн сайта.
Владеть:Навыком работы в Figma. Навыком создания прототипов и макетов в Figma. Навыком создания фрейма в Figma под нужный интерфейс. Навыком отрисовки в Figma модульной сетки сайта. Навыком отрисовки в Figma макетов в нескольких цветовым схемах. Навыком отрисовки в Figma нескольких дизайн-концепций. Навыком отрисовки в Figma адаптивного дизайна сайта
Проектирование, визуальный дизайн и анимация интерфейса
Типы прототипов, виды элементов в прототипе: информационные, функциональные, навигационные. Навигацию на сайте. Типы меню: горизонтальное, вертикальное, раскрывающееся. Принцип атомарного дизайна: атом, молекула, организация, функции сеток, принципы работы с модульной сеткой, с адаптивным дизайном сайта и прототипами. Принципы модульности, отступы и форматы, анатомию построение сеток, фреймворки CJM / метод персон / Jobs to be done и пользовательские сценарии. Принципы компоновки объектов с учетом их физических и оптических свойств. Психологию цвета, цветовой круг, цветовые модели, палитры, законы визуального восприятия композиции, их особенности, советы и примеры использования, принципы визуального восприятия, их особенности и примеры использования, терминологию, анатомию и правила подбора шрифтов, из чего может состоять анимация, принципы построение микроанимаций и анимированных переходов.
Уметь:Создавать быстрый прототип и прототип высокой детализации. Создавать адаптивные экраны макета и кликабельные прототипы. Строить и использовать модульные сетки. Создать адаптивный дизайн, искать продуктовые гипотезы с помощью фреймворков CJM / метода персон / Jobs to be done,
разрабатывать пользовательские сценарии. Создавать и работать с компонентами и стилями, использовать психологию цвета и создавать нужное впечатление за счет цвета, создавать композицию с помощью принципов восприятия, работать со стилями типографики, отрисовывать макеты в 3-5 вариантах цветовых схем, пошагово создавать микроанимации и анимированные переходы.
Навыком построения модульной сетки. Навыком работы с адаптивным дизайном сайта. Навык создания макета сайта для разных устройств. Навыком создания фрейма определенного макета под нужный интерфейс. Навыком разработки пользовательских сценариев. Навык работы со стилями типографики.
навыком отрисовки макетов нескольких цветовых схем. Навыком отрисовки нескольких дизайн-концепций. Навыком создания микроанимаций и анимированных переходов для сайта.
Создание дизайн-портфолио
Структуру оформлении портфолио: аудиторию, обложку, структуру, динамику и ритм, описание, объем работы, глубину, запоминающийся финал.
Уметь:Создавать портфолио на Behance.net, следую вышеуказанной структуре.
Владеть:Навыком оформления портфолио, учитывая вышеуказанную структуру.
Владение навыками программирования
основные понятия программирования
что такое теги для верстки контента страницы, структуры страницы, теги для верстки форм, селекторы css
протоколы для оптимизации работы
свойства для верстки изображений
свойства flex и логические операторы
простейшие базовые и математические операции на JS
определение контекста элементов
построение блочной модели, позиционирование элементов
оформление текстов, использование декоративных и интерактивных элементов
использование медиа-функции для flexbox
отладка кода и операции над строками
работа с функциями, параметрами и массивами
проведение кроссбраузерной верстку под десктопные устройства и ее тестирование
верстка резиновых макетов
Требования
Нет
Образование
- Высшее образование
- Среднее профессиональное образование
Модули
свернуть
110,00ч
146,00ч
110,00ч
146,00ч
Преподаватели
Крестов
Иван
Дизайн-лаборатория Mish.design
Арт-директор
Вертепов
Сергей
Avito
Старший разработчик
Рапацкая
Янина
Лаборатории дизайна НИУ ВШЭ
Арт-директор, веб-дизайнер
Голота
Евгений
INLY team
Lead Product Designer
Воронова
Мария
Mish.design
Арт-директор
Кретинин
Андрей
Mish.design
Designer
Профстандарт
Специалист по дизайну графических пользовательских интерфейсов
06.025Ответственный за программу
+78002008167