Курс "UХ/UI дизайн сайтов"

1 Модуль Основы дизайна в Figma

1.1 Дорожная карта разработчика сайтов

1.2 Регистрация в Figma и установка приложения

1.3 Обзор панели проектов

1.4 Горячие клавиши в Figma на русском языке (Windows/Mac)

1.5 Инструмент прямоугольник (Rectangle)

1.6 Инструмент линия (Line)

1.7 Инструмент овал (делаем график)

1.8 Инструмент треугольник и звезда

1.9 Инструмент фрейм

1.10 Домашнее задание - коллажирование

1.11 Векторное свойство фигур

1.12 Домашнее задание - векторные фигуры

1.13 Инструмент перо (Игра)

1.14 Булевы операции в Figma

1.15 Домашнее задание - Булевы операции

1.16 Инструмент маски

1.17 Домашнее задание - Маски

1.18 Группы и фреймы

1.19 Инструменты Move и Scale

1.20 Панель слоев

1.21 Модульные сетки

1.22 Свойства Constrains

1.23 Домашнее задание - Constrains

1.24 Выравнивание и регулярные выражения

1.25 Работа с текстом в Figma

1.26 Настройка Автолейаутов

1.27 Компоненты

1.28 Варианты компонентов

1.29 Свойства компонентов

1.30 Домашнее задание - Компоненты

1.31 Обзор Figma Community

1.32 Обзор инструмента FigJam

2. Модуль Основы веб-дизайна

2.1 Дизайн шрифта

2.2 Дизайн текста

2.3 Как определить шрифт на сайте

2.4 Домашнее задание - Страница блога

2.5 Разборы Домашнего задания "Верстка страницы блога"

2.6 Основы композиции

2.7 Тест: Композиция, шрифт и дизайн текста

2.8 Мастер-класс по сборке композиций

2.9 Цвет и его влияние в WEB-разработке

2.10 UI элементы интерфейса

2.11 Практика создания кнопки с верным UI

3. Модуль Основы дизайна в Photoshop

3.1 Версия Photoshop и что будем изучать

3.2 Основные свойства Photoshop

3.3 Вырезаем объекты в Photoshop

3.4 Обработка фотографий

3.5 Домашнее задание - Обработка фотографии

3.6 Вырезаем волосы на сложной фотографии

3.7 Создание цветного элемента на черно-белой фоторафии

3.8 Замена цвета любого элемента

3.9 Восстанавливающая кисть

3.10 Свойства кисти

3.11 Как добавить студийный свет

3.12 Инструмент штамп

3.13 Инструмент Ластик

3.14 Способы заливки объектов цветом

3.15 Как вырезать сложные волосы и вписать в темный фон

3.16 Размытие объектов

3.17 Создание Mockup в Photoshop

3.18 Контурное свечение объектов

3.19 Создание дизайнерского текста

3.20 Домашнее задание - Секция Букет

3.21 Обтравка картинки в Photoshop

3.22 Финальная сборка макета

4 Модуль Практика веб-дизайна

4.1 Домашнее задание - Разработка первого экрана сайта

4.2 Этапы разработки сайтов

4.3 Первичные переговоры с заказчиком

4.4 Исследование проекта

4.5 Исследование проекта через ChatGPT 
и Perplexity

4.6 Домашнее задание - Исследование проекта

4.7 Как сохранить длинный референс и вставить в Figma без потери качества

4.8 Сборка рефференсов

4.9 Разработки прототипа будущего сайта

4.10 Система протопитирования

4.20 Домашнее задание - Прототипирование

4.21 Ассоциации первого и второго порядка

4.22 Быстрый сбор ассоциаций через нейросети

4.23 Домашнее задание - Создание мудбода

4.24 Домашнее задание - Отрисовка первого экрана будущего проекта

4.25 Как исправить дробные значения в макете

4.26 Домашнее задание - Упаковка кейса на Behance

‍