Курс «Веб-дизайн: создание сайтов в Tilda, Figma, Readymag»

Направление
Веб-дизайн
Формат
Видео в записи
Домашние задания
Нет
Итоговый экзамен
Нет
Количество уроков
14
Документ об обучении
Сертификат
Обратная связь
Есть
Доступ
Сразу после покупки
Последнее обновление 30.06.2022
рассрочка
14 400 руб.
Доступна рассрочка на 3.5.
4114 руб. / мес.

О курсе

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

Программа курса

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

    Практика: запускаем редактор Figma и создаём рисунок из геометрических фигур.

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


    Практика: создаём эскиз сайта и продумываем структуру.
  3. Разбираемся в основах веб-дизайна, структуре страниц и паттернах. Изучаем конструктор Tilda.


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


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


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

    Readymag
    Создаём анимированный плакат мероприятия.
  6. Изучаем конструктор Readymag, работаем с простыми формами и композицией.


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


    Практика: верстаем небольшой рассказ о персонаже.
  8. Работаем с анимацией, добавляем спецэффекты и оживляем веб-страницу.


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


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

    Figma
    Научимся создавать интерфейсы — визуальную оболочку сайтов и игр.
  10. Рисуем элементы сайта: иконки, плашки, поля.


    Практика: анализируем интерфейс соцсетей TikTok, Instagram и Facebook.
  11. Продумываем пользовательский опыт и основные элементы интерфейса (UX/UI).


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


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


    Практика: делаем мини-игру «Пакман».
  14. Подведём итоги учёбы на курсе, презентуем свои сайты и игры.

Другие курсы по этой теме

Помогите нам улучшить наш сервис, поделитесь своим опытом, пройдя небольшой опрос. Он займет у вас не больше 5 минут.
Пройти опрос