Geekbrains

Веб-дизайн: создание сайтов в Tilda, Figma, Readymag

  • Начальный уровень
  • Наставник: Нет
  • Сертификат: Нет
  • Формат: Online
  • Рассрочка: Нет
  • Язык: Русский
  • Осталось мест: Неограничено
Записаться

Веб-дизайн: создание сайтов в Tilda, Figma, Readymag

Ребята знакомятся с веб-дизайном: проектируют интерфейсы в «Фигме», создают сайты в «Тильде» и «Редимаге», учатся управлять вниманием людей. За 3,5 месяца они погрузятся в профессию веб-дизайнера и создадут проект для портфолио

За 3,5 месяца ребята погрузятся в мир новой digital-профессии. Будет много практики: разработка лендингов в конструкторах Tilda и Readymag и проектированиев Figma. В конце курса ученики соберут свое первое портфолио.

Для кого этот курс?
  • Школьникам, которые мечтают о профессии веб-дизайнера
  • Тем, кто любит рисовать
  • Ребятам, которые хотят творить и фантазировать
Программа обучения
Урок 1
  • Урок 1

    Узнаём, когда появились сайты и как они с тех пор развивались. Разбираемся, в чём отличие графического дизайна от веб-дизайна.‍Практика: запускаем редактор Figma и создаём рисунок из геометрических фигур

Урок 2
  • Урок 2

    Основы дизайна в интернете. Разберемся, из каких обязательных элементов состоит веб-страница и что такое паттерны дизайна.‍

    Практика: создаём эскиз сайта и продумываем структуру

  • Урок 3

    Разбираемся в основах веб-дизайна, структуре страниц и паттернах. Изучаем конструктор Tilda.‍

    Практика: создаём свой первый сайт по заранее готовой структуре

  • Урок 4

    Учимся работать с задачами: ищем источники вдохновения, находим стиль, продумываем решения. Узнаём, почему не стыдно копировать ходы из других работ.‍

    Практика: создаём концепт — план того, как будет выглядеть дизайн нашего сайта

  • Урок 5

    Изучаем основы композиции, визуальную иерархию, сетку и цвет. Направляем взгляд читателя на сайте.‍

    Практика: создаём сайт по своему концепту на зеро-блоках

Урок 6
  • Урок 6

    Изучаем конструктор Readymag, работаем с простыми формами и композицией.‍

    Практика: создаём мозаику в стиле Мондриана

  • Урок 7

    Знакомимся с типографикой: узнаём, почему одни сайты приятно читать, а другие не очень.‍

    Практика: верстаем небольшой рассказ о персонаже

  • Урок 8

    Работаем с анимацией, добавляем спецэффекты и оживляем веб-страницу.‍

    Практика: создаём видеоролик с интерактивным текстом в Readymag

  • Урок 9

    Учимся чередовать визуальные образы и акценты, чтобы донести нашу задумку до зрителя.‍

    Практика: создаём мультик с персонажем

Урок 10
  • Урок 10

    Рисуем элементы сайта: иконки, плашки, поля.‍

    Практика: анализируем интерфейс соцсетей TikTok, Instagram и Facebook

  • Урок 11

    Продумываем пользовательский опыт и основные элементы интерфейса (UX/UI).‍

    Практика: описываем логику и элементы интерфейса для прототипа игры «Лягушка хочет домой»

  • Урок 12

    Делаем так, чтобы игра красиво выглядела на компьютерах, телефонах и планшетах.‍

    Практика: создаём «Тетрис» и адаптируем его под любые экраны

  • Урок 13

    Работаем с кодом и создаём интерактивные элементы в редакторе Figma.‍

    Практика: делаем мини-игру «Пакман»

Урок 14
  • Урок 14

    Подведём итоги учёбы на курсе, презентуем свои сайты и игры

Преимущества
  • Уроки в прямом эфире
    Уроки проходят в Zoom ребята слушают преподавателя, выполняют задания и сразу исправляют ошибки. После каждого урока сохраняется запись, его удобно пересматривать
  • Опытные преподаватели
    Все преподаватели эксперты с педагогическим опытом. Они увлекательно ведут уроки, отвечают на вопросы и помогают с домашними заданиями
  • Общее развитие
    Ребята улучшают логику, добиваются намеченных целей, тренируют творческое и проектное мышление. Эти навыки помогут и в учёбе, и в жизни
  • Постоянная поддержка
    Кураторы GeekSchool поддерживают ребят и помогают им настроиться на успех. Если возникла сложность, куратор всегда рядом
  • Друзья по интересам
    Ребята находят единомышленников, с которыми интересно учиться, делиться идеями, решать необычные задачи, обмениваться впечатлениями после уроков
  • Осязаемый результат
    Ребята видят результат работы к концу обучения они презентуют финальный проект, собирают портфолио и получают диплом об окончании курса