Навыки, которые вы получите:
Photoshop
Illustrator
Композиция
Figma
Типографика
На курсах вас ждут десятки практических задач разной сложности для закрепления теории. В конце курса вы напишите проект, который станет частью портфолио и его будет не стыдно приложить к резюме.
Кому подойдет курс
- Новичкам.
- Начинающим IT-специалистам.
- Действующим IT-специалистам.
- Корпоративным заказчикам.
Программа
Web design
- Введение в профессию. Знакомство с графическими редакторами: Adobe Photoshop, Illustrator, Figma, Sketch.
- Растровая и векторная графика. PSD и AI макеты. Работа со слоями, смарт-слои.
- Обработка изображений и фото. Работа с текстовыми блоками. Приемы работы с цветом. Импорт и экспорт графики.
- Популярные стили и направления в веб-дизайне, тренды.
- Целостная и визуально интересная страница сайта: структура, базовые элементы, верстка текста и иллюстраций. Модульные сетки и золотое сечение.
- Типографика и шрифты. Работа с цветом. Композиция.
- Основные принципы процесса работы, дизайн мышление и генерация идей. Заимствование идей и плагиат: этика и юридическая сторона.
- Понимание задач и процессов, как работать с техническим заданием и заказчиком.
- Как делать удобные интерфейсы. Первые шаги в проектировании.
- Общие принципы: обратная связь, теория близости и модальность.
- Синтаксис элементов интерфейса и законы робототехники в интерфейсе.
- Как продумать навигацию. Формы и элементы управления. Иконки и пиктограммы.
- Нестандартные элементы интерфейса. Роль анимации в интерфейсах.
- Передача дизайн-макетов разработчикам и технологам. Адаптивный и мобильный дизайн.
- Выполнение и презентация выпускного проекта. Создание резюме и портфолио. Особенности трудоустройства и общения с работодателями.
- IT-English: 10 часов Speaking Club с преподавателем из IT компании.
Вёрстка HTML/CSS
- Основные задачи фронтенда. Инструменты разработки.
- Введение в HTML. Структура кода.
- Основные теги работы с текстом, изображениями.
- Создание веб форм.
- Работа с таблицами данных.
- Введение в CSS, разделение содержания и представления.
- Контейнеры CSS. Подключение CSS стилей. Применение валидатора.
- CSS селекторы.
- Способы раскладки в CSS: от float до flexbox.
- Использование SASS.CSS-фреймворки: Bootstrap.CSS media queries.
- Новые спецификации HTML5 и CSS3.
- Разные виды верстки. Адаптивность и оптимизация верстки.
- IT-English: 6 часов Speaking Club с преподавателем из IT компании.