Нетология

Веб-дизайнер: расширенный курс

  • Начальный уровень
  • Наставник: Нет
  • Сертификат: Нет
  • Формат: Online
  • Рассрочка: Нет
  • Язык: Русский
  • Осталось мест: Неограничено
Записаться

Веб-дизайнер: расширенный курс

Мы разработали программу так, чтобы вы научились создавать яркие и эффектные сайты под ключ. Для этого вы с первых занятий начнёте тренировать насмотренность и освоите продвинутые навыки веб-дизайна.

Поможем найти ту самую работу:

  • Оформите резюме, чтобы оно заинтересовало работодателя
  • Передадим ваше резюме партнёрам Нетологии
  • Вместе соберём портфолио, чтобы не было сомнений в ваших навыках
  • Научитесь проходить собеседование
  • Поможем получить работу по новой специальности
  • С чем будем иметь дело:

  • Дизайн-макет сайта Проанализируете целевую аудиторию, спроектируете прототип будущего сайта, разработаете визуальную коммуникацию с пользователями и упакуете работу в эффектный кейс на Behance
  • Прототип на основе данных исследований Соберёте данные о продукте и пользователях, проработаете гипотезы, создадите простой, высокодетализированный и интерактивные прототипы. Протестируете их и подготовите презентацию для заказчика
  • Сайт на Tilda Создадите, настроите и опубликуете полноценный сайт на Tilda с применением стандартных и Zero-блоков, адаптируете его под разные устройства
  • Вёрстка сайта Сверстаете макет сайта с корректным отображением на компьютерах с Windows и macOS и оформите код по принятому стилю для HTML и CSS
  • Адаптивная вёрстка сайта Адаптируете макет сайта под разные устройства: десктопные экраны, планшеты и смартфоны. Опубликуете проект в GitHub Pages
  • Для кого этот курс?
    • Те, кто хотят освоить новую профессию с нуля
      Получают все необходимые навыки для быстрого старта в веб-дизайне и осваивают одну из самых востребованных профессий
    • Начинающие веб-дизайнеры
      Получают самые актуальные навыки в веб-дизайне и собирают эффектное портфолио из кейсов крупных агентств
    • Те, кто хотят перейти на фриланс и работать из любой точки мира
      Учатся создавать дизайн веб-интерфейсов любой сложности и создавать сайты «под ключ» с помощью Tilda
    Программа обучения
    Основы Figma. Модуль от студии Mish.design
    • Обзор Figma
    • Первые шаги в Figma
    • Интерфейсы
    • Основы дизайна в вебе
    • Подготовка веб-макета
    • Основы работы с мобильными платформами
    • Компоненты и стили
    • Кликабельный прототип мобильного приложения
    Основы Adobe Photoshop и Illustrator
    • Введение в Photoshop
    • Двойная экспозиция
    • Ретушь и цветокоррекция
    • Постер
    • Тонированное изображение
    • Сайт в Photoshop
    • Мокап
    • GIF-анимация
    • Иллюстрация
    • Отрисовка логотипа в Illustrator
    Инструменты и организация работы
    • Введение в профессию веб-дизайнера
    • Составление технического задания
    • Системы ведения проектов
    • Вдохновение, творчество, импровизация
    Основы веб-дизайна
    • Основы работы в Figma
    • Основы дизайна в вебе
    • Основы дизайна в вебе: рисуем лендинг
    • Подготовка веб-макета к жизни. Адаптивный дизайн и состояние элементов
    • Пользовательское взаимодействие — UX. 2 занятия
    • UX в вебе. Разбор кейсов студии
    • Композиция
    • Модульные сетки
    • Веб-типографика
    • Теория цвета
    • Скетчинг и прототипирование
    Создание проекта сайта
    • Дизайн-концепция веб-сайта
    • Создание адаптивности
    • Основы анимации интерфейсов в Principle
    • Практика анимации
    • Презентация работ и подготовка портфолио на Behance
    UX-исследование интерфейса
    • Введение в UX-исследования
    • Азбука пользовательского интерфейса
    • Культура работы в команде
    • Презентация собственного проекта для работы над курсом
    • Качественные исследования аудитории
    • Персоны. Воркшоп
    • Lean UX strategy
    • UX strategy. Воркшоп
    Прототипирование интерфейсного решения
    • Информационная архитектура
    • Customer journey mapping
    • UX design. Воркшоп
    • Инструменты прототипирования
    • UI design. Воркшоп
    Tilda: базовое изучение конструктора сайтов. Модуль от студии MateÇa
    • Конструкторы сайтов. Tilda: первое касание
    • Детальный разбор стандартных блоков
    • Знакомство с интерфейсом. Стандартные и Zero-блоки
    • Глубокие настройки сайта и страниц. Публикация проекта
    Tilda: продвинутый функционал. Модуль от студии MateÇa
    • Возможности Zero-блока
    • Сетки и адаптивы в Zero
    • Улучшения для Tilda. Модификации и код
    • Tilda-CRM. Рассылки и подключение аналитики
    • Использование Tilda в маркетинговых целях и тестирование гипотез
    • Сборка первого лейаута в Zero
    • Анимация в Zero
    • Каталог товаров. E-commerce и платежи
    • Поиск клиентов и дальнейшая работа
    3D-графика для веб-интерфейсов в Cinema 4D. Модуль от компании ITECH
    • Знакомство с 3D-графикой
    • Камера и сцена
    • Рендер
    • Cinema 4D. Основные возможности программы
    • Свет и материалы
    Вёрстка на HTML и CSS
    • Теги для вёрстки контента страницы
    • Теги для вёрстки структуры страницы
    • Теги для вёрстки форм
    • Селекторы CSS
    • Определение контекста элементов
    • Блочная модель
    • Позиционирование элементов
    • Оформление текста
    • Оформление декоративных элементов
    • Состояние интерактивных элементов
    Адаптивная и мобильная вёрстка
    • Вёрстка резинового макета
    • Резиновые изображения
    • Медиазапросы и медиафункции
    • Особенности вёрстки для мобильных устройств
    • Адаптивная типографика, breakpoints
    • Адаптивные изображения
    Карьера в дизайне. Модуль от МТС
    • Резюме и портфолио: на что смотрит рекрутер
    • Сопроводительное письмо — путь к успеху
    • Собеседование: как подготовиться и как пройти
    • Тестовое задание: зачем и как его делать
    • Что делать после собеседования: выход на работу и разбор сложных кейсов
    • Успешный фриланс
    Насмотренность в дизайне
    • Насмотренность: почему она так важна для профессионального развития
    • Принципы построения композиции, использования цветов и типографики
    • Насмотренность на практике: библиотека изображений
    Знания и навыки, которые приобретете
    • Работать с композицией, сетками, типографикой, фото- и видеоконтентом :
    • Создавать интерфейсные решения с учётом анализа аудитории :
    • Разрабатывать и внедрять 3D-графику в веб-интерфейсы :
    • Верстать свой дизайн-макет, работать с адаптивной вёрсткой :
    • Работать со стандартными и Zero-блоками в Tilda, создавать сайты под ключ :
    • Грамотно оформлять дизайн-проекты и презентовать их заказчику :

    Преподаватели

    • Дизайн-макет сайта

      Спроектируете прототип будущего сайта, разработаете дизайн-макеты и упакуете работу в эффектный кейс на Behance

    • Прототип на

      Соберёте данные о продукте и пользователях, проработаете гипотезы, создадите простой, высокодетализированный и интерактивные прототипы. Протестируете их и подготовите презентацию для заказчика

    • Сайт на

      Создадите, настроите и опубликуете полноценный сайт на Tilda с применением стандартных и Zero-блоков, адаптируете его под разные устройства

    • 3D-графика для

      Создадите сцену с использованием базовой возможности Cinema 4D и основных принципов построения. Настроите свойства текстур и источников света. Интегрируете свою графику в веб-интерфейс, настроив рендер.

    • Вёрстка сайта

      Сверстаете макет сайта с корректным отображением на компьютерах с Windows и macOS и оформите код по принятому стилю для HTML и CSS

    • Адаптивная вёрстка

      Адаптируете макет сайта под разные устройства: десктопные экраны, планшеты и смартфоны. Опубликуете проект в GitHub Pages

    • Цифровой продукт

      Пройдёте все этапы разработки сайта: проанализируете целевую аудиторию, спроектируете прототип, разработаете визуальную коммуникацию с пользователями и сверстаете дизайн-макеты