-
Тип степени: Сертификат "Веб-дизайнер
Сертификат "Продвинутый дизайн пользовательского интерфейса" -
Дополнительная квалификация: Сертификат "Веб-дизайн с помощью HTML, CSS и Visual Studio Code"
Сертификат "Графический дизайн с Adobe CC"
Сертификат "JavaScript
Сертификат "UI/UX-дизайн" -
Итоговый экзамен: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
-
Время уроков: Полный рабочий деньС понедельника по пятницу с 8:30 до 15:35 (в праздничные дни с 8:30 до 17:10).
-
Язык обучения: Немецкий
-
Продолжительность: 22 Недели
Веб-дизайн (код 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 дней)
Закрепление изученного материала
Презентация результатов проекта
Графический дизайн с помощью Adobe CC
Введение в Adobe Creative Cloud (около 2 дней)
Настольные программы с первого взгляда: Photoshop, Illustrator, InDesign
Мобильные приложения Adobe для графического дизайна
Библиотеки Creative Cloud
Цветовые тенденции и вдохновение (например, Adobe Stock, Adobe Color)
Adobe Bridge, Adobe Exchange
Основы (около 1 дня)
Искусство против дизайна
Дисциплины дизайна, принципы дизайна
Процесс проектирования
Законы восприятия в дизайне
Визуальный поток и расположение
Отношения между фигурой и землей
Оптические иллюзии и явления
Эффекты интерференции, закон Хика
Перспектива и пространственный эффект
Форма и цвет (около 2 дней)
Точка, линия и поверхность
Расположение, вес, формат, пропорции и соотношение сторон
Теория цвета, цветовые системы, цветовой дизайн (гармонии, контрасты)
Свойства, эффект и значение
Внимание через форму и цвет
Создание и редактирование форм (знаки, пиктограммы, иконки)
Искусственный интеллект (ИИ) в рабочем процессе
Презентация конкретных технологий ИИ
и возможного применения в профессиональной среде
Изображения (около 3 дней)
Экспертиза изображений и их качество
Пиксельная и векторная графика
Исследование, идея, доска настроения, привлечение внимания и рассказ
Человек как мотив
Имидж в корпоративной коммуникации
Имиджевый дизайн и редактирование изображений
Типографика и верстка (около 5 дней)
Анатомия букв
История шрифта, классификация шрифтов, смешивание шрифтов
Чтение типографики, детальная типографика
Рабочий процесс: верстка, основные правила хорошей верстки
Шрифтовое пространство и дизайнерская сетка
Драматургия, визуальное направление и фокус
Реализация и представление идей макета
Обзор выходных файлов (печатных, цифровых)
Корпоративный дизайн (около 2 дней)
Корпоративный дизайн в сравнении с фирменным стилем
Основные элементы
Дизайн логотипа, вывески и бренда
Реализация - слово-образ-бренд
Руководство по корпоративному дизайну (руководство по стилю)
Работа над проектом (около 5 дней)
Закрепление изученного материала
Презентация результатов проекта
JavaScript
Основы JavaScript (около 7 дней)
Введение в JavaScript, история, области применения
Версии скриптов ECMA
Интеграция JavaScript в HTML
IDE: установка и знакомство с WebStorm
Элементы языка: переменные, константы, типизация
Примитивные типы данных: Число, Строка, Булево
Коллекционные типы данных: Массивы, объекты
Копирование по ссылке и копирование по значению
Арифметические и логические операторы
Управляющие структуры: условия, циклы, функции
Область видимости, глобальная область видимости, область видимости блока
Обработка ошибок
Локальное хранение: куки, веб-хранилище
JSON
Импорт/экспорт ES6
Контроль версий с помощью Git, знакомство с GitHub
Работа с DOM с помощью JavaScript (около 5 дней)
Выбор HTML
Содержание, атрибуты и стилизация
События, объект события, пузырьки
Наблюдатель пересечений и наблюдатель мутаций
Создание, копирование, перемещение и удаление элементов DOM
Фреймворки/библиотеки (около 1 дня)
Создание собственной библиотеки
ИИ (около 1 дня)
Презентация конкретных технологий ИИ в профессиональной среде
Искусственный интеллект (ИИ) в рабочем процессе
Интеграция ИИ в IDE
Использование ИИ для завершения кода, рефакторинга и поддержки обучения
Работа над проектом (около 6 дней)
Закрепление изученного материала
Презентация результатов проекта
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 дней)
Закрепление изученного материала
Презентация результатов проекта
Продвинутый дизайн пользовательского интерфейса
Углубленный тренинг по Figma (около 4 дней)
Краткое повторение основных функций прототипирования
Adobe Layout для сложных и отзывчивых макетов
Продвинутые взаимодействия: Анимация, интерактивные компоненты и микровзаимодействия
Создание прототипов для различных устройств
Использование переменных и условной логики
Передача данных разработчикам с помощью Figma (Dev Mode/Inspect)
Интеграция пользовательского тестирования и контуров обратной связи
Figma AI в повседневной жизни: генерация контента, переписывание текстов, поддержка предложений по верстке
Искусственный интеллект (ИИ) в дизайне пользовательского интерфейса (около 1 дня)
Сценарии применения и ограничения
Внешние инструменты ИИ для проектирования пользовательского интерфейса (например, генераторы и ассистенты пользовательского интерфейса на основе ИИ)
Знакомство с Axure RP (около 2 дней)
Основные функции и расширенные возможности Axure
Создание динамичных и интерактивных прототипов
Использование переменных и условной логики
Работа с динамическими панелями
Моделирование взаимодействия пользователей с интерфейсом
Передача и публикация прототипов высокой точности командам разработчиков
Межинструментальные рабочие процессы (около 1 дня)
Совместная работа и версионирование в Figma (ветки, библиотеки)
Перенос дизайна в инструменты управления проектами и разработки
Работа над проектом (около 2 дней)
Закрепление изученного материала
Презентация результатов проекта
Возможны изменения, содержание курса регулярно обновляется.
По окончании курса вы будете знать полный цикл работ по современному веб-дизайну и сможете создавать удобные и сложные веб-сайты: Вы будете знакомы с основами дизайна, важнейшими навыками работы с HTML, CSS и Dreamweaver, использованием JavaScript и Ajax, а также созданием привлекательных пользовательских интерфейсов.
Кроме того, вы сможете применять передовые методы прототипирования в Figma и уверенно использовать Axure RP. Вы сможете создавать интерактивные и динамичные пользовательские интерфейсы с динамическими панелями, переменными и условной логикой в Axure, а также осуществлять весь рабочий процесс - от концепции до прототипирования и передачи разработчикам - и эффективно управлять проектами благодаря интеграции инструментов.
Веб-дизайнеры, веб-программисты, графические дизайнеры, медиа-дизайнеры, специалисты творческих профессий или люди, которые отвечают за концепцию, дизайн и практическое воплощение веб-сайтов и хотят получить необходимые знания и навыки.
В настоящее время почти все компании полагаются на привлекательное присутствие в Интернете, чтобы представить себя как компанию. Основными потенциальными работодателями являются агентства графического дизайна, рекламы, веб-дизайна, мультимедиа или полного цикла, а также поставщики программного обеспечения и баз данных. Навыки веб-дизайна требуются практически во всех отраслях. При наличии соответствующего опыта интересной перспективой является и самостоятельная работа.
Кроме того, углубленные знания в области дизайна пользовательского интерфейса откроют перед вами широкий спектр карьерных возможностей в графических, веб- и программных агентствах. Понимание современных методов прототипирования востребовано практически во всех отраслях, что дает вам отличные перспективы в качестве дизайнера пользовательского интерфейса или front-end разработчика.
Ваш значимый сертификат дает подробное представление о приобретенных вами квалификациях и улучшает ваши карьерные перспективы.
Дидактическая концепция
Ваши преподаватели обладают высокой профессиональной и дидактической квалификацией и будут обучать вас с первого до последнего дня (никакой системы самообучения).
Вы будете учиться в эффективных небольших группах. Обычно курсы состоят из 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) Компании также могут повысить квалификацию своих сотрудников по программе финансирования от .