-
Тип ступеня: Сертифікат "Веб-дизайнер
Сертифікат "UI Design Advanced" -
Додаткові кваліфікації: Сертифікат "Веб-дизайн за допомогою 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/Dreamweaver)
HTML (приблизно 5 днів)
Базовий фреймворк
Теги для створення тексту (h1-h6, p, br)
Основи CSS
Команди форматування тексту
Створення тегів HTML (наприклад, header, nav)
Інтеграція графіки та підготовка її у Photoshop
Фавікони
Посилання
Внутрішні, зовнішні, телефонні, email-посилання
Списки та таблиці
Форми в HTML
Елементи форм
Інтеграція відео та аудіо елементів
Інтеграція YouTube та Google Maps
Відмінності між XHTML та HTML
Штучний інтелект (ШІ) в робочому процесі
Презентація конкретних технологій ШІ
та можливих застосувань у професійному середовищі
Основи CSS (близько 5 днів)
Основи Dreamweaver
Варіанти інтеграції специфікацій CSS (внутрішній, зовнішній, вбудований стиль)
Оформлення тексту за допомогою CSS
Атрибути CSS для оформлення кордонів та інтервалів (відступ, маргіналізація)
Оформлення фону за допомогою CSS
Плаваючі/чіткі основи
Інтервали між стовпчиками за допомогою float
Кольори за допомогою CSS
Clearfix
Псевдоелементи (::before/::after)
Псевдо-класи (:n-го типу)
Перелік/відображення/посилання псевдокласів
Навігація за допомогою 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
Для циклу
Математичний об'єкт
Sticky-меню (js/css)
Показати/приховати меню з прокруткою
Використання vh/vw та calc
Обов'язковий відбиток інформації/захист даних
Повідомлення про файли cookie
Font-awesome - бібліотека символів
CSS-фільтр
Змінні CSS
Оптимізація сайту для пошукових систем (SEO)
Об'єктна підгонка - графіка, що заповнює фрейми
CSS анімація
CSS сітка
Grid-шаблони-області
Вступ до фреймворку CSS: Bootstrap
Робота над проектом (близько 10 днів)
Закріплення вивченого матеріалу
Презентація результатів проекту
Графічний дизайн за допомогою Adobe CC
Вступ до Adobe Creative Cloud (приблизно 2 дні)
Програми для робочого столу з першого погляду: Photoshop, Illustrator, InDesign
Мобільні додатки Adobe для графічного дизайну
Бібліотеки Creative Cloud
Тенденції та натхнення у сфері кольорів (наприклад, Adobe Stock, Adobe Color)
Adobe Bridge, Adobe Exchange
Основи (приблизно 1 день)
Мистецтво vs дизайн
Дисципліни дизайну, принципи дизайну
Процес проектування
Дизайнерські закони сприйняття
Візуальний потік та компонування
Взаємозв'язок фігури та землі
Оптичні ілюзії та явища
Ефекти інтерференції, закон Хіка
Перспектива та просторовий ефект
Форма та колір (приблизно 2 дні)
Точка, лінія та поверхня
Композиція, вага, формат, пропорції та співвідношення сторін
Теорія кольору, кольорові системи, кольоровий дизайн (гармонії, контрасти)
Властивості, ефект та значення
Привернення уваги за допомогою форми та кольору
Створення та редагування форм (знаків, піктограм, піктограм, іконок)
Штучний інтелект (ШІ) в робочому процесі
Презентація конкретних технологій ШІ
та можливих застосувань у професійному середовищі
Зображення (близько 3 днів)
Експертиза зображень та якість зображень
Піксельна та векторна графіка
Дослідження, ідея, мудборд, айдентика та сторітелінг
Людина як мотив
Зображення в корпоративній комунікації
Дизайн та редагування зображень
Типографіка та верстка (близько 5 днів)
Анатомія літер
Історія шрифтів, класифікація шрифтів, змішування шрифтів
Читабельна типографіка, детальна типографіка
Робочий процес: верстка, основні правила хороших макетів
Гарнітура та сітка дизайну
Драматургія, візуальний напрямок і фокус
Реалізація та презентація макетних ідей
Огляд виведення файлів (друк, цифровий формат)
Фірмовий дизайн (близько 2 днів)
Корпоративний дизайн vs. фірмовий стиль
Основні структурні елементи
Розробка логотипу, значків та брендів
Реалізація - слово-образ-бренд
Посібник з корпоративного дизайну (керівництво по стилю)
Робота над проектом (близько 5 днів)
Закріплення вивченого матеріалу
Презентація результатів проекту
JavaScript
Основи JavaScript (близько 7 днів)
Вступ до JavaScript, історія, сфери застосування
Версії сценаріїв ECMA
Інтеграція JavaScript в HTML
IDE: встановлення та знайомство з WebStorm
Елементи мови: змінні, константи, типізація
Примітивні типи даних: Число, рядок, логічний тип
Колекційні типи даних: Масиви, об'єкти
Копіювання за посиланням та копіювання за значенням
Арифметичні та логічні оператори
Керуючі структури: умови, цикли, функції
Область видимості, глобальна область видимості, область видимості блоку
Обробка помилок
Локальне сховище: файли cookie, веб-сховище
JSON
Імпорт/експорт ES6
Контроль версій за допомогою Git, вступ до GitHub
Маніпуляції з DOM за допомогою JavaScript (близько 5 днів)
Вибір HTML
Вміст, атрибути та стилізація
Події, об'єкт події, бульбашки
Спостерігач перетину та спостерігач мутацій
Створення, копіювання, переміщення та видалення DOM-елементів
Фреймворки/бібліотеки (приблизно 1 день)
Створіть власну бібліотеку
Штучний інтелект (близько 1 дня)
Презентація конкретних технологій ШІ в професійному середовищі
Штучний інтелект (ШІ) в робочому процесі
Інтеграція ШІ в IDE
Використання ШІ для доповнення коду, рефакторингу та підтримки навчання
Робота над проектом (близько 6 днів)
Закріплення вивченого матеріалу
Презентація результатів проекту
UI/UX дизайн
Загальний вступ (приблизно 1 день)
UX, юзабіліті, UI, Керівництво з ментальної моделі, Керівництво з людського фактору
Принципи дизайну, орієнтованого на користувача
ISO 9241-210/HCD
Доступність: Основні терміни, законодавчі вимоги (BITV, директиви ЄС), значення для UX дизайну
Процес проектування зручних інтерактивних систем
Типи інструментів штучного інтелекту в контексті UI/UX (текст, зображення, аналіз)
HCD: Аналіз - контекст використання (приблизно 2 дні)
Карта персонажів та емпатії
Подорож клієнта
Огляд веб-аналітики/опитувальника
HCD: Визначення вимог до використання (приблизно 1 день)
Сценарії, історії користувачів
Модель завдань, потоки завдань
Контекстні інтерв'ю та спостереження
Щоденникові дослідження
HCD: Створення проектних рішень для виконання вимог використання (приблизно 1 день)
Керівництва та стандарти: 7 принципів діалогу за стандартом ISO 9241-110
10 принципів дизайну користувацького інтерфейсу за Jakob Nielsen
Візуальне сприйняття, закономірності
Дизайнерські рішення HCD: Таксономія, інформаційна архітектура та концепції навігації (близько 3 днів)
Блок-схема
Потік користувачів
Інформаційна архітектура
Мікроінформаційна архітектура
Стратегія конверсії
Концепції навігації та карта сайту
Сортування карток: планування, підготовка, впровадження та оцінка
Патерни мобільної навігації (навігація в нижній частині екрана, меню-"гамбургери", вкладки)
Огляд гнучкого управління проектами (приблизно 1 день)
Модель водоспаду проти гнучких методів
Погляд на гнучке управління за методом Scrum
Епік, історія користувача та завдання
Метод дизайн-спринту
Дизайнерські рішення HCD: Дизайн інтерфейсу користувача (близько 2 днів)
Styleguide, UI KITs, бібліотека шаблонів та система дизайну
Компоненти/елементи та форми інтерфейсу користувача
Кольори, шрифти та типографіка в інтерфейсі, іконки
Доступність: кольорові контрасти та розбірливі шрифти, елементи керування (розмір, інтервали, фокус)
Автоматизоване тестування контрастності, читабельності та альтернативних текстів
Короткий огляд семантичної структури (HTML/ARIA)
Атомарний дизайн
Першочерговий дизайн для мобільних пристроїв
Дизайнерські рішення HCD: Техніка проектування за допомогою Figma (приблизно 3 дні)
Структура та основи: сторінки та фрейми, макетні сітки, обмеження
Компоненти та варіанти (кнопки, бібліотеки, системи дизайну)
Адаптивний дизайн (фрейми, автоматична верстка)
Начерки, фреймворки, макети
Прототипування: взаємодії, переходи, накладання, обмін прототипами
Використання функцій штучного інтелекту у 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, а також виконувати весь робочий процес - від концепції до прототипування та передачі розробникам - і ефективно керувати проектами завдяки інтеграції інструментів.
Веб-дизайнери, веб-програмісти, графічні дизайнери, медіа-дизайнери, фахівці мистецьких професій або люди, які відповідають за концепцію, дизайн та практичну реалізацію веб-сайтів і хочуть здобути необхідні знання та навички.
Сьогодні майже всі компанії покладаються на привабливу присутність в Інтернеті для представлення себе як компанії. Основними потенційними роботодавцями є графічні, рекламні, веб-, мультимедійні агентства або агентства повного циклу, а також постачальники програмного забезпечення та баз даних. Навички веб-дизайну потрібні майже у всіх секторах. За наявності відповідного досвіду самозайнятість також є цікавою перспективою.
Крім того, поглиблені знання з UI дизайну відкриють широкий спектр кар'єрних можливостей у графічних, веб- та софтверних агентствах. Розуміння сучасних технік прототипування затребуване практично у всіх галузях, що відкриває перед вами чудові перспективи в якості UI-дизайнера або фронтенд-розробника.
Ваш змістовний сертифікат дає детальне уявлення про отриману кваліфікацію та покращує ваші кар'єрні перспективи.
Дидактична концепція
Ваші викладачі мають високу професійну та дидактичну кваліфікацію і навчатимуть вас від першого до останнього дня (без системи самонавчання).
Ви будете навчатися в ефективних малих групах. Курси зазвичай складаються з 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) Компанії також можуть підвищити кваліфікацію своїх працівників за допомогою програми фінансування від .