Top.Mail.Ru
Веб-дизайн + Figma + код для подростков 13+ лет | КОДИК
🎨 Дизайн + Код

Веб-дизайн + Figma + код

🎯 От 13 лет

Полный цикл создания сайта: от идеи и дизайна в Figma до готового работающего продукта! Научитесь проектировать красивые интерфейсы и воплощать их в код.

1700 ₽ / урок Индивидуальные занятия
36 уроков 4.5 месяца обучения
6 проектов В портфолио
Веб-дизайн + Figma + код

Что изучим на курсе

От дизайна в Figma до готового сайта

1

Основы UX/UI дизайна

  • Принципы UX/UI
  • Исследование пользователей
  • Создание персон
  • User Journey Map
2

Figma — профессиональный инструмент

  • Интерфейс Figma
  • Вайрфреймы и прототипы
  • Компоненты и стили
  • Auto Layout и Constraints
3

Визуальный дизайн

  • Типографика
  • Цветовые схемы
  • Сетки и композиция
  • Адаптивный дизайн
4

Верстка макетов

  • HTML структура
  • CSS стилизация
  • Адаптивная верстка
  • Анимации и переходы

Практические проекты

От эскиза до готового сайта

Лендинг стартапа

Полный цикл: дизайн в Figma → верстка → готовая страница

Дизайн мобильного приложения

Интерактивный прототип с продуманным UX

Интерфейс интернет-магазина

Каталог, карточки товаров, корзина — от макета до кода

Корпоративный сайт

Многостраничный сайт с адаптивным дизайном

Промо-сайт игры

Яркий дизайн с анимациями и интерактивностью

Сайт кафе с меню

Стильный сайт с онлайн-меню и бронированием

Преимущества курса

Почему стоит изучать дизайн и код вместе

🎨+💻

Два навыка в одном

Дизайнер + разработчик = ценнейший специалист

🔄

Полный процесс

Понимание всей цепочки от идеи до готового продукта

💼

Высокая востребованность

Дизайнеры-кодеры зарабатывают на 40% больше

📂

Портфолио

6 готовых проектов для демонстрации навыков

💰

Freelance или студия

Работай удалённо или в дизайн-студии

🚀

Быстрая реализация

Сам придумал — сам сделал, без посредников

Инструменты и технологии

С чем будем работать

Figma

Профессиональный инструмент для UI/UX дизайна

HTML5

Семантическая разметка страниц

CSS3

Стилизация и адаптивная верстка

Adobe Color

Создание цветовых палитр

Google Fonts

Подбор шрифтов для проектов

GitHub Pages

Публикация готовых сайтов

Для кого этот курс

🎨

Творческих личностей

Подростков от 13 лет с чувством стиля и желанием создавать красоту

💻

Будущих дизайнеров

Тех, кто хочет стать профессиональным веб-дизайнером

🚀

Начинающих разработчиков

Программистов, желающих освоить дизайн и UX/UI

Что потребуется

Компьютер

Windows, MacOS или Linux с доступом в интернет

Чувство прекрасного

Интерес к дизайну, цветам и композиции

Желание создавать

Стремление воплощать идеи в красивые сайты

Путь обучения

От новичка до профи за 4.5 месяца

1

Изучаем основы

UX/UI принципы, знакомство с Figma, первые макеты

2

Практикуем дизайн

Создаём вайрфреймы, прототипы, полноценные макеты

3

Осваиваем код

HTML, CSS, адаптивная верстка, анимации

4

Создаём проекты

От дизайна до готового сайта — полный цикл

Создай свой первый дизайн уже сегодня!

Научись проектировать красивые интерфейсы и воплощать их в код