Визуальный дизайнер с дизайнерским мышлением

Курс рассказывает о том, как работать с HTML и CSS, Adobe Premiere и Adobe After Effects, а также о теме UI/UX-дизайна как инструментах визуального проектирования. С помощью Design Thinking курс знакомит с подходом к решению проблем и разработке новых идей. Также ты узнаешь, как искусственный интеллект используется на рабочем месте.
  • Тип степени: Сертификат "Дизайнерское мышление
    Сертификат "Визуальный дизайнер
  • Дополнительная квалификация: Сертификат "Веб-дизайн с помощью HTML, CSS и Visual Studio Code"
    Сертификат "UI/UX-дизайн"
    Сертификат "Видеомонтаж и постпродакшн с помощью Adobe Premiere Pro CC и After Effects CC"
  • Итоговый экзамен: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Время уроков: Полный рабочий день
    С понедельника по пятницу с 8:30 до 15:35 (в праздничные дни с 8:30 до 17:10).
  • Язык обучения: Немецкий
  • Продолжительность: 17 Недели

Дизайнерское мышление

Введение в дизайн-мышление (около 1 дня)

Процесс дизайн-мышления в двух словах

Наиболее важные правила и фазы дизайн-мышления

Практико-ориентированные подходы и приложения


5 фаз реального проекта (около 3 дней)

5 этапов в реальном проекте


Этап исследования

Методологический вклад в качественное исследование

Реализация через практические упражнения на реальном проекте


Этап синтеза

Методические материалы по анализу и синтезу

Реализация через практические упражнения на реальном проекте


Этап разработки идеи

Методические материалы по креативным техникам и разработке идей

Реализация через практические упражнения на реальном проекте


Этап создания прототипов

Методические материалы по визуализации и прототипированию (включая макеты, манекены, 3D-печать и быстрое прототипирование)

Реализация через практические занятия на реальном проекте


Этап тестирования

Методические материалы по методам тестирования и итерациям, agile-подход

Реализация через практические упражнения на реальном проекте


Искусственный интеллект (ИИ) в рабочем процессе

Презентация конкретных технологий ИИ

и возможного применения в профессиональной среде


Работа над проектом (около 1 дня)

Закрепление изученного материала

Презентация результатов проекта

Веб-дизайн (код HTML/CSS/Visual Studio)

HTML и CSS (около 6 дней)

Введение в HTML

Основные принципы

Теги для создания текста (h1-h6, p, br, span)

Команды форматирования текста

Интеграция графики

Ссылки (внутренние, внешние, телефонные, mailto link)

Фавиконы

Списки и таблицы

Правильная структура синтаксиса

Проверка с помощью инструмента проверки W3C

Введение в CSS

Варианты интеграции спецификаций CSS (внутренний, внешний, инлайн-стиль)

Основные команды (оформление текста, цвет шрифта, цвет фона)

Контейнеры HTML

Использование и стилизация контейнеров

Интеграция YouTube и Google Maps

Видео- и аудиоплеер

Подгонка под объект


VS Code (около 1 дня)

Введение в VS Code

Дополнительные расширения для VS Code. (например, Live Server, Emmet Commands, Copilot (AI)).

Использование искусственного интеллекта в сочетании с VS Code


Техника верстки (около 4 дней)

Классы, идентификаторы, селекторы

Вводная модель коробки

Padding, margin, border, border-radius и их сокращения

Введение в Flex-Box

Макеты с флексбоксом

Выравнивание с помощью Flexbox

Введение в систему сеток

Макеты с сеткой

Выравнивание с помощью системы Grid

Плавающий текст вокруг изображений с помощью float и clear

Общие свойства отображения тегов

Фоновые изображения


Состояние и значения (около 1 дня)

Введение псевдоклассов (hover, active, focus, nth-child, first-child, last-child)

Псевдоэлементы (::before, ::after, content)

Специфика (значение кодов)


Позиционирование (около 2 дней)

Введение в позиционирование

Статическая, абсолютная, фиксированная, липкая, относительная

Слева, справа, сверху, снизу, z-index

Выпадающие меню

:target

:target в сочетании с навигационными меню и модалами


Формы (около 2 дней)

Введение в формы

Набор полей, легенда

Ввод, текстовые поля, метки, значения, имя, выбор

Автозаполнение

Дизайн форм с помощью CSS

Интеграция php-скрипта в действие с AI


Эффекты и шрифты с помощью CSS (около 1 дня)

Эффекты перехода CSS

Переход, фильтр, трансформация

Цветовые градиенты, box-shadow, text-shadow

Интеграция шрифтов с помощью @font-face


Отзывчивый веб-дизайн (около 2 дней)

Введение в отзывчивый дизайн

Медиа-запросы, точки разрыва

Ландшафтный, портативный режим

Отзывчивые изображения с помощью картинок и srcsets

Редактирование изображений, сжатие изображений

Генерация изображений с помощью искусственного интеллекта


Поисковая оптимизация (около 1 дня)

Введение в SEO

Оптимизация страниц и использование текстов, сгенерированных искусственным интеллектом

Оптимизация производительности для улучшения SEO и презентация подходящих инструментов


Техники CSS и взаимодействие с ними (около 2 дней)

Переменные CSS

Темный режим

Вычисления с помощью CSS

Введение в CSS-анимацию

Длительность, задержка, направление, функция синхронизации, счетчик итераций, режим заполнения

Анимированная кнопка гамбургера


Одностраничник и многоязычие (около 2 дней)

Введение в одностраничники

Плавная прокрутка

Интеграция библиотеки fontawesome

Работа с графикой SVG

Интеграция слоев и настройка CSS

Многоязычные веб-сайты


Расширения и фреймворки (около 1 дня)

Введение в Bootstrap

Использование компонентов Bootstrap

Отзывчивый дизайн с помощью Bootstrap


JavaScript (около 3 дней)

Введение в JavaScript

Методы JavaScript/jQuery

Создание лайтбокса jQuery

Переменные

Операторы If-else

Прокрутка, окно, изменение размера

массивы

For-loop

Математический объект


Юридические требования и управление проектами (около 2 дней)

Интернет-право

Авторские права в связи с AI/KI

Доступность

Управление проектами


Работа над проектом (около 10 дней)

Закрепление изученного материала

Презентация результатов проекта

UI/UX-дизайн

Общее введение (около 1 дня)

UX, юзабилити, пользовательский интерфейс, руководство по ментальной модели, руководство по человеческим факторам

Принципы проектирования, ориентированного на пользователя

ISO 9241-210/HCD

Доступность: Основные термины, юридические требования (BITV, директивы ЕС), значение для UX-дизайна

Процесс проектирования удобных интерактивных систем

Типы инструментов искусственного интеллекта в контексте UI/UX (текст, изображение, анализ)


HCD: анализ - контекст использования (около 2 дней)

Персоны и карта эмпатии

Путешествие клиента

Обзор веб-аналитики/опросника


HCD: определение требований к использованию (около 1 дня)

Сценарии, истории пользователя

Модель задачи, потоки задач

Контекстные интервью и наблюдение

Дневниковые исследования


HCD: Создание дизайнерских решений, отвечающих требованиям использования (около 1 дня)

Руководства и стандарты: 7 принципов диалога по ISO 9241-110

10 принципов проектирования пользовательских интерфейсов по Якобу Нильсену

Визуальное восприятие, закономерности


Проектные решения HCD: Таксономия, информационная архитектура и концепции навигации (около 3 дней)

Блок-схема

Поток пользователей

Информационная архитектура

Микроинформационная архитектура

Стратегия конверсии

Концепции навигации и карта сайта

Сортировка карт: планирование, подготовка, реализация и оценка

Шаблоны мобильной навигации (бутовая навигация, гамбургер-меню, вкладки)


Обзор agile-управления проектами (около 1 дня)

Водопадная модель в сравнении с agile-методами

Понимание agile-менеджмента в соответствии с методом Scrum

Эпопея, пользовательская история и задача

Метод проектного спринта


Дизайнерские решения HCD: Дизайн пользовательского интерфейса (около 2 дней)

Руководство по стилю, UI KITs, библиотека паттернов и система проектирования

Компоненты/элементы и формы пользовательского интерфейса

Цвета, шрифты и типографика в пользовательском интерфейсе, иконки

Доступность: цветовые контрасты и разборчивые шрифты, элементы управления (размер, расстояние между ними, фокус)

Автоматизированное тестирование контрастов, читаемости и альтернативных текстов

Краткий обзор семантической структуры (HTML/ARIA)

Атомарный дизайн

Дизайн, ориентированный на мобильные устройства


Дизайнерские решения HCD: Техники проектирования с помощью Figma (около 3 дней)

Структура и основы: страницы и фреймы, сетки макетов, ограничения

Компоненты и варианты (кнопки, библиотеки, системы дизайна)

Отзывчивый дизайн (фреймы, автоматическая верстка)

Наброски, wireframes, mockups

Прототипирование: взаимодействие, переходы, наложения, обмен прототипами

Использование функций искусственного интеллекта в Figma и дополнительных инструментов для быстрого создания и изменения дизайна


Тестирование и оценка удобства использования (около 2 дней)

Обзор методов тестирования юзабилити

Мышление вслух: планирование, подготовка, проведение и оценка

Анкеты (UEQ, AttrakDiff, VisAWI)

A/B тестирование

Доступность: тесты с клавиатурой и программой чтения с экрана

Использование вспомогательных средств и инструментов


Работа над проектом (около 4 дней)

Закрепление изученного материала

Презентация результатов проекта

Редактирование видео с помощью Adobe Premiere Pro CC

Adobe Premiere Pro (около 7 дней)

Согласование проекта и определение формата

Интерфейс программы

Шаблоны текста и объектов

Окна проекта, редактирования и монитора

Монтаж клипов в окне редактирования

Переходы и эффекты

Ретушь видео и фильтры

Создание последовательностей титров

Импорт изображений, аудиофайлов и каталогов

Сочетание с другими программами Adobe

Создание и редактирование звука

Работа с фейдами

Коррекция цвета

Отслеживание движения

Функции импорта и экспорта

Практические советы и рекомендации


Искусственный интеллект (ИИ) в рабочем процессе

Презентация конкретных технологий ИИ

и возможного применения в профессиональной среде


Работа над проектом (около 3 дней)

Закрепление изученного материала

Презентация результатов проекта

Постпродакшн с помощью Adobe After Effects CC

Adobe After Effects CC (около 7 дней)

Термины и стандарты

Определения форматов

Планирование и организация проекта

Импорт и управление исходными данными

Управление движением

Работа с различными слоями

Композиции и временная шкала

Режимы переноса, функции редактирования

Создание простой 3D-анимации

Создание визуальных эффектов

Работа с ключевыми кадрами

Рендеринг и настройки рендеринга

Работа с масками и текстовыми инструментами

Функции и редактирование звука

Искажение времени

Инструменты векторного рисунка и ретуширование

Анимированные видеоклипы

Свет и камера, цветокоррекция

Кейинг, отслеживание движения

Функции импорта и экспорта

Практические советы и рекомендации


Работа над проектом (около 3 дней)

Закрепление изученного материала

Презентация результатов проекта



Возможны изменения, содержание курса регулярно обновляется.

Вы знаете весь процесс работы над современным веб-дизайном и создаете удобные и сложные веб-сайты. Вы также овладеете основами пользовательского интерфейса и пользовательского опыта и будете знать ключевые рекомендации и стандарты для графических пользовательских интерфейсов, чтобы тестировать их на удобство и адаптировать для пользователей. Вы также сможете реализовать профессиональное производство цифровых видеоматериалов с помощью Adobe Premiere и Adobe After Effects. Вы освоите различные техники графического воплощения концепций.

Курс также учит подходу дизайн-мышления, который можно использовать для разработки инновационных решений сложных проблем. Подход дизайн-мышления четко структурирован, итеративен и оставляет много места для новых перспектив. Курс передает смысл, процесс и принципы метода.

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

Специалисты и руководители всех отделов, менеджеры по инновациям, менеджеры по маркетингу, бизнес-разработчики, менеджеры по продуктам и менеджеры по исследованиям и разработкам.

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

Изначально дизайн-мышление было инновационным методом разработки продуктов, но теперь оно распространилось на всю корпоративную культуру и поэтому востребовано во всех отраслях.

Дидактическая концепция

Ваши преподаватели обладают высокой профессиональной и дидактической квалификацией и будут обучать вас с первого до последнего дня (никакой системы самообучения).

Вы будете учиться в эффективных небольших группах. Обычно курсы состоят из 6-25 человек. Общие занятия дополняются многочисленными практическими упражнениями во всех модулях курса. Практический этап - важная часть курса, поскольку именно в это время вы обрабатываете полученные знания и обретаете уверенность и практичность в их применении. Заключительный раздел курса включает в себя проект, разбор конкретных ситуаций или итоговый экзамен.

 

Виртуальный класс alfaview®

BildungszentrumЗанятия проводятся с использованием современной видеотехнологии alfaview® - не выходя из дома или в нашем офисе по адресу . Весь курс может видеть друг друга лицом к лицу через alfaview®, общаться друг с другом с помощью синхронизированного по губам голоса и работать над совместными проектами. Разумеется, вы также можете в любое время видеть и разговаривать со своими преподавателями в прямом эфире, и на протяжении всего курса вас будут обучать преподаватели в режиме реального времени. Уроки - это не электронное обучение, а настоящее живое очное преподавание с помощью видеотехнологий.

 

alfatraining Agentur für Arbeit Учебные курсы субсидируются и сертифицируются в соответствии с положением об утверждении AZAV. Bildungsgutschein Aktivierungs- und VermittlungsgutscheinПри подаче заявки или заявки на обучение все расходы на курс обычно покрываются финансирующей организацией.
Europäischen Sozialfonds Deutsche Rentenversicherung Финансирование также возможно через программы (ESF), (DRV) или региональные программы финансирования. Berufsförderungsdienst Как постоянный солдат, вы можете посещать курсы повышения квалификации по программе (BFD). Agentur für Arbeit (Qualifizierungschancengesetz) Компании также могут повысить квалификацию своих сотрудников по программе финансирования от .

Мы будем рады бесплатно проконсультировать тебя.

0800 3456-500 Пн - Пт с 8:00 до 17:00
бесплатно из всех немецких сетей.

Свяжитесь с нами

Мы будем рады бесплатно проконсультировать тебя. 0800 3456-500 Пн - Пт с 8:00 до 17:00 бесплатно из всех немецких сетей.