-
Тип степени: Сертификат "Веб-дизайнер
Сертификат "Продвинутый дизайн пользовательского интерфейса" -
Дополнительная квалификация: Сертификат "Веб-дизайн с HTML/CSS/Dreamweaver"
Сертификат "Графический дизайн с Adobe CC"
Сертификат "Основы JavaScript/Ajax"
Сертификат "UI/UX-дизайн" -
Итоговый экзамен: Практическая работа над проектом с итоговыми презентациями
-
Время уроков: Полный рабочий деньС понедельника по пятницу с 8:30 до 15:35 (в праздничные дни с 8:30 до 17:10).
-
Язык обучения: Немецкий
-
Продолжительность: 22 Недели
Веб-дизайн с помощью HTML, CSS и Dreamweaver
HTML (около 5 дней)
Базовая основа
Теги для создания текста (h1-h6, p, br)
Основы CSS
Команды форматирования текста
Создание HTML-тегов (например, header, nav)
Встраивание графики и ее подготовка в Photoshop
Фавиконы
Ссылки
Внутренние, внешние, телефонные, mailto ссылки
Списки и таблицы
Формы в HTML
Элементы форм
Интеграция видео и аудио элементов
Интеграция YouTube и Google Maps
Различия между XHTML и HTML
Искусственный интеллект (ИИ) в рабочем процессе
Презентация конкретных технологий ИИ
и возможного применения в профессиональной среде
Основы CSS (около 5 дней)
Основы Dreamweaver
Варианты интеграции спецификаций CSS (внутренний, внешний, инлайн-стиль)
Оформление текста с помощью CSS
Атрибуты CSS для оформления границ и интервалов (padding, margin)
Оформление фона с помощью CSS
Основы работы с плавающими/прозрачными элементами
Интервалы между колонками с помощью float
Цвета с помощью CSS
Clearfix
Псевдоэлементы (::before/::after)
Псевдоклассы (:nth-of-type)
Псевдоклассы списков/дисплеев/ссылок
Навигация с помощью ul/li (горизонтальная/вертикальная)
CSS Flexbox (около 5 дней)
Столбцы с Flex
Выравнивание элементов с помощью Flex
Колонки в колонках с помощью Flex
Использование пользовательских шрифтов (@font-face)
Шрифты в Dreamweaver
Dreamweaver - конструктор CSS
Позиция CSS
Позиции: относительная/абсолютная/фиксированная
Возможности оформления форм с помощью CSS
Цветовые градиенты CSS
CSS - переход/трансформация
Отзывчивый веб-дизайн (около 6 дней)
Точки разрыва, область просмотра, медиа-запросы
Отзывчивый дизайн заголовков и header-img
Элементы изображений в HTML
Мобильная навигация с наведением
Включение ховера при клике на мобильных телефонах Apple
Событие клика через CSS (с использованием флажка)
Отзывчивая навигация с кликом
Анимированная кнопка бургера
Аккордеон CSS (с использованием радиокнопок)
Выпадающее меню для настольных и мобильных компьютеров
Различные дизайны
Псевдокласс CSS :target
Одностраничный сайт - структура страницы
Отзывчивая навигация с помощью элемента управления :target
Преимущества одностраничных сайтов
JavaScript (около 9 дней)
Интеграция приложений
Начало работы с JavaScript/jQuery
If-then-else
Переменные
Объект данных
Массив Тип данных
ScrollTop
Цикл For
Математический объект
Sticky-menu (js/css)
Показать/скрыть меню с прокруткой
Использование vh/vw и калька
Обязательная печать информации/защита данных
Уведомление о cookie
Font-awesome - библиотека символов
Фильтр CSS
Переменные CSS
Оптимизация сайта для поисковых систем (SEO)
Object fit - заполнение графики рамкой
CSS-анимация
CSS-сетка
Grid-template-areas
Введение в CSS фреймворк: Bootstrap
Работа над проектом (около 10 дней)
Закрепление изученного материала
Презентация результатов проекта
Графический дизайн с Adobe CC - кросс-медийная работа digital/print/web
Введение в 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/Ajax
Основы JavaScript (около 7 дней)
Введение в
Версии сценариев ECMA
Интеграция в HTML-страницы
Элементы языка: переменные, константы, типизация
Примитивные типы данных: Число, Строка, Булево
Коллекционные типы данных: Массивы, объекты, арифметические операторы
Управляющие структуры: условные операторы, циклы, функции
Блокоскоп
Локальное хранилище: Webstorage, IndexedDB
Работа над ошибками
Знакомство со средой разработки (IDE) WebStorm
Искусственный интеллект (ИИ) в рабочем процессе
Презентация конкретных технологий ИИ
и возможного применения в профессиональной среде
Работа с DOM с помощью JavaScript (около 4 дней)
основы
Выбор HTML
Содержание и атрибуты
стилизация
События, объект события, пузырьки
Наблюдатель
- Наблюдатель пересечений
- Наблюдатель мутаций
Создание, копирование, перемещение, удаление элементов DOM
AJAX (около 1 дня)
Введение в
Как это работает
Необходимые условия
HTTP-запросы
Объект XMLHttpRequest
Веб-сервисы
- JSON
- XML
Фреймворки/библиотеки (около 2 дней)
Создание собственной библиотеки
jQuery
Использование jQuery и Ajax в WebStorm
Работа над проектом (около 6 дней)
Закрепление изученного материала
Презентация результатов проекта
UI/UX-дизайн
Общее введение в тему (около 1 дня)
UX, юзабилити, пользовательский интерфейс, руководство по ментальной модели, руководство по человеческим факторам Принципы проектирования, ориентированного на пользователя
ISO 9241-210/HCD
Процесс проектирования удобных интерактивных систем
HCD: Анализ - понимание и определение контекста использования (около 3 дней)
Personae
Карта эмпатии
Путешествие клиента
Веб-аналитика
Фокус-группы
Анкета
HCD: определение потребности в утилизации (около 1 дня)
Модель сценария
Модель задачи
Контекстные интервью
Дневниковые исследования
Наблюдение за участниками
HCD: Создание дизайнерских решений, отвечающих требованиям использования (около 1 дня)
Руководства и стандарты: 7 принципов диалога по ISO 9241-110
10 принципов проектирования пользовательских интерфейсов по Якобу Нильсену
Визуальное восприятие, закономерности
Проектные решения HCD: Таксономия, информационная архитектура и концепции навигации (около 3 дней)
Блок-схема
Пользовательский поток
Информационная архитектура
Микроинформационная архитектура
Стратегия конверсии
Концепции навигации
Sitemap
Сортировка карт: планирование, подготовка, реализация и оценка
Обзор agile-управления проектами (около 1 дня)
Водопадная модель в сравнении с agile-методом
Понимание agile-менеджмента в соответствии с методом Scrum
Эпопея, пользовательская история и задача
Метод проектного спринта
Дизайнерские решения HCD: Дизайн пользовательского интерфейса (около 1 дня)
Руководство по стилю, UI KITs, библиотека паттернов и система проектирования
Компоненты/элементы и формы пользовательского интерфейса
Цвета, шрифты и типографика в пользовательском интерфейсе, иконки
Атомарный дизайн
Дизайн, ориентированный на мобильные устройства
Дизайнерские решения HCD: Методы проектирования с помощью Figma и Adobe XD (около 2 дней)
Figma против Adobe XD
Figma
Ассортимент инструментов Figma
Рабочий процесс
Компоненты пользовательского интерфейса
Отзывчивый дизайн
Наброски, эскизы
Интерактивные прототипы
Adobe XD
Палитра инструментов Adobe XD
Рабочий процесс
Компоненты пользовательского интерфейса
Отзывчивый дизайн
Наброски, проволочные схемы
Интерактивные прототипы
Оценка HCD дизайна на соответствие требованиям пользователя - тестирование юзабилити (около 2 дней)
Обзор методов тестирования юзабилити Мышление вслух: планирование, подготовка, реализация и оценка
Анкета пользовательского опыта (UEQ)
AttrakDiff
VisAWI - Инвентаризация визуальной эстетики веб-сайтов
A/B тестирование
Искусственный интеллект (ИИ) в рабочем процессе
Презентация конкретных технологий ИИ и их возможного применения в профессиональной среде
Работа над проектом (около 5 дней)
Закрепление изученного материала
Презентация результатов проекта
Продвинутый дизайн пользовательского интерфейса
Продвинутый тренинг по Figma и Adobe XD (около 2,5 дней)
Повторение: основные функции прототипирования
Продвинутые техники анимации и взаимодействия
Сложные переходы и микровзаимодействия
Создание прототипов для различных устройств (отзывчивый дизайн)
Интеграция пользовательского тестирования и контуров обратной связи
Искусственный интеллект (ИИ) в рабочем процессе
Презентация конкретных технологий ИИ
и возможного применения в профессиональной среде
Axure RP (около 3,5 дней)
Основные функции и расширенные возможности Axure
Создание динамичных и интерактивных прототипов
Использование переменных, условных логик и динамических панелей
Моделирование взаимодействия пользователей с интерфейсом
Передача прототипов высокой точности командам разработчиков
Кросс-инструментальные рабочие процессы (около 2 дней)
Комбинированное использование Figma, Adobe XD и Axure
Оптимизация процесса передачи дизайна: От прототипа низкой точности до разработки
Совместная работа и версионирование в различных инструментах
Работа над проектом (около 2 дней)
Закрепление изученного материала
Презентация результатов проекта
Возможны изменения. Содержание курса регулярно обновляется.
По окончании курса вы будете знать полный цикл работ по современному веб-дизайну и сможете создавать удобные и сложные веб-сайты: Вы будете знакомы с основами дизайна, важнейшими навыками работы с HTML, CSS и Dreamweaver, использованием JavaScript и Ajax, а также созданием привлекательных пользовательских интерфейсов.
Кроме того, вы сможете применять передовые методы создания прототипов в Figma и Adobe XD и уверенно использовать 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) Компании также могут повысить квалификацию своих сотрудников по программе финансирования от .