Востребованная профессия в digital-индустрии
UX/UI-дизайн — это процесс создания интерактивных, удобных интерфейсов. Отличный вариант профессии для творческих людей, которым нравится решать проблемы пользователей и создавать что-то новое, сочетая логику и эстетику.
На данном курсе мы сконцентрируем внимание на сайтах и научим вас с нуля проектировать их на уровне ведущих дизайн-студий.
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/63627b1a81b97963e9dd096c_lgot.webp)
Условия льготного обучения
Мы действительно хотим помочь людям осуществить свою мечту и стать хорошими UX/UI-дизайнерами. Поэтому ввели ряд правил, чтобы возможность бесплатного обучения получали люди, которые действительно этого хотят.
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/6360a2b5adbd3bd2bd7a884d_Frame%201321316540.webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/6360a2b6701e5f0c5d87ff04_Frame%201321316542.webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/63579b6085c1fdd2b2d4e324_ic3.webp)
Программа курса
С нашей помощью вы сможете создавать проекты, которые отвечают высоким требованиям юзабилити (UX) и визуала (UI). Вы пройдёте все этапы создания дизайна сайта совместно с опытным куратором и в итоге научитесь делать проекты на уровне лидеров индустрии.
- Задачи и навыки UX/UI дизайнера
- Психология пользователя
- Работа с Figma
- Элементы интерфейса / Компоненты сайта
- Типы страниц
- Логика интерфейса
- Принципы навигации
- Базовый стиль
- Визуальный анализ
- Композиция
- Модульные сетки
- Направляющие
- Типографика
- Цвет
- Визуальная логика
- Композиция
- Модульные сетки
- Направляющие
- Типографика
- Основные правила работы со шрифтами в вебе
- Цвет
- Практический урок №1
- Практический урок №2
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52f0b505e1b6908fb818_grids%20(6).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52f0b505e1a27a8fb81b_grids%20(5).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52f0b505e13bc48fb80f_grids%20(1).webp)
- Технологический процесс
- Первый этап: Брифинг/ Сбор информации
- Второй этап: Конкурентный анализ
- Третий этап: Прототипирование
- Четвертый этап: Визуальная концепция
- Пятый этап: Передача макетов разработчикам
- Оформление проекта в кейс на Behance
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52d6ec84c0e87b42131c_corpotate%20(2).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52d6ec84c0210c421313_corpotate%20(1).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52d6ec84c0d709421319_corpotate%20(4).webp)
- Технологический процесс
- Первый этап: Брифинг/ Сбор информации
- Второй этап: Конкурентный анализ
- Третий этап: Прототипирование
- Четвертый этап: Визуальная концепция
- Пятый этап: Передача макетов разработчикам
- Оформление проекта в кейс на Behance
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52c81bb47e0bfc3e70a3_ecommerce%20(3).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52c81bb47e62b13e70ac_ecommerce%20(4).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52c81bb47e72e93e70a6_ecommerce%20(5).webp)
- Простые эффекты
- Эффекты с цветом
- Эффекты с медиаконтентом
- Декоративные эффекты
- Итоговый проект
- Технологический процесс
- Первый этап: Брифинг/ Сбор информации
- Второй этап: Конкурентный анализ
- Третий этап: Прототипирование
- Четвертый этап: Визуальная концепция
- Пятый этап: Передача макетов разработчикам
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52947e968afd8ca76f4f_lp01.webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52947e968aba30a76f4c_lp06.webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b52947e968ab8c6a76f52_lp05.webp)
- Технологический процесс
- Первый этап: Брифинг/ Сбор информации
- Второй этап: Конкурентный анализ
- Третий этап: Прототипирование
- Четвертый этап: Визуальная концепция
- Пятый этап: Передача макетов разработчикам
- Оформление проекта в кейс на Behance
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b5302b073c63365435f29_%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%BD%D0%BE%D0%B9%2004.webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b5302b073c67f00435f32_%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%BD%D0%BE%D0%B9%2005.webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b5302b073c618db435f2c_%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%BD%D0%BE%D0%B9%2006.webp)
- Технологический процесс
- Первый этап: Брифинг/ Сбор информации
- Второй этап: Конкурентный анализ
- Третий этап: Прототипирование
- Четвертый этап: Визуальная концепция
- Пятый этап: Передача макетов разработчикам
- Оформление проекта в кейс на Behance
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b532c1d90b7047fb66d13_studio%20(1).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b532c1d90b707ceb66d10_studio%20(6).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b532c1d90b768a2b66d1f_studio%20(5).webp)
- Технологический процесс
- Первый этап: Брифинг/ Сбор информации
- Второй этап: Конкурентный анализ
- Третий этап: Прототипирование
- Четвертый этап: Визуальная концепция
- Пятый этап: Передача макетов разработчикам
- Оформление проекта в кейс на Behance
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b5313b073c63cfc4361ec_portfolio%20(2).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b5313b073c67ce94361f2_portfolio%20(3).webp)
![](https://cdn.prod.website-files.com/601cb911ce2efe98723eb536/635b5313b073c604c34361f8_portfolio%20(4).webp)