Курс Веб-дизайна

Единственные курсы веб-дизайна в Челябинске, в которых собраны проектирование, отрисовка уникального сайта в программах Figma + Adobe Photoshop и знакомство с Tilda.

Записаться
Курс Веб дизайн

Старт 18 июля

Вы выйдете с готовым портфолио и знаниями основных инструментов Web-дизайна: Figma, Photoshop, работа с графикой цветом и другие ресурсы для работы.

С 18 июля ПН и СР с 18:00 до 21:00

11 занятий (44 ак.ч)

80% практики 20% теории. На курсе вы сможете проанализировать свою ЦА, нарисовать свой проект в программе Figma совместно с Adobe Photoshop, сделать макеты сайта адаптивными под любые носители!

Цена 15 000 руб.

Наши педагоги научат вас создавать свой функционирующий сайта-портфолио на Tilda. Защиту проектов студентов принимают директора WEB студий г.Челябинска, возможно трудоустройство

Кому подходит курс:

Тем, кто планирует начать работать в digital-сфере или уже работает по смежной специальности.

Новичкам

Курс поможет освоить востребованную профессию, для устройства в веб-студию или работу на фрилансе

Владельцам бизнеса

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

Маркетологам

Которые планируют расширить свои профессиональные возможности и перестать быть зависимыми от подрядчиков

Чем занимается Веб дизайнер?

Веб-дизайнер рисует макеты лендингов, сайтов для компаний, интернет-магазинов, а также проектирует интерфейсы для интернет-сервисов и приложений. Чем он ещё может заниматься: создавать шаблоны для email-рассылок, придумывать и рисовать интернет-баннеры.
Веб-дизайн – это отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений. Обратите внимание: это не отрисовка картинок и не разработка оформления сайта.
до 150 000 ₽

— такую зарплату в среднем предлагают Web-дизайнерам . По данным вакансий на hh.ru в мае 2022

4 причины, почему стоит учиться у нас

У нас есть официальная лицензия на образование и не только

Сильная современная программа

Сильная программа по новейшим технологиям. Вы получаете глубокое образование в самые сжатые сроки по новейшим технологиям по доступной цене

Преподаватели эксперты-практики

Преподают только практики. У нас работают не преподаватели, а дизайнеры или специалисты, успешные в своем деле, портфолио преподавателей открыто.

Работа над реальным проектом

Получаете результат на своем проекте. Для нас важно, чтобы вы защитили профессиональный проект, заложили краеугольный камень в вашем портфолио.

Лицензия государственного образца

Получаете свидетельство гособразца. У нас лицензированный центр, кроме документов вы можете получить налоговый вычет.

Бесплатный мастер-класс

Пробный бесплатный урок

На уроке вы сможете оценить качество и удобство обучения, познакомится с преподавателями, с группой. Понять подходит ли Вам такой формат обучения и интересна ли выбранная специализация. А так же нас ждет практическая работа: знакомство с программой Figma.

  • Легаев Игорь
  • 18:00
  • 18 июля
  • Бесплатно
Записаться на пробный урок

Как проходит обучение:

Идем по порядку, как в проектной работе

Анализ ЦА и прототип

Проводим анализ целевой аудитории и сайтов конкурентов. Создаем прототип будущего сайта.

Создаем макеты

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

Прорабатываем дизайн

Прорабатываем проект с наставником, создаем адаптивный дизайн для всех устройств.

Презентуем проект

Готовим презентацию проекта для защиты, учимся оформлять презентацию для заказчика и свое портфолио.

Преподаватели:

Курс ведут практикующие веб дизайнеры.

    Легаев Игорь

    Легаев Игорь

    Web-дизайнер

    web-дизайнер, иллюстратор. Работает UI/UX специалистом более 6 лет. Знание программ: Photoshop, Illustrator, After Effect, Sketch, Adobe X.D

    Подробнее >>

    Легаев Игорь

    Web-дизайнер

    web-дизайнер, иллюстратор. Работает UI/UX специалистом более 6 лет. Знание программ: Photoshop, Illustrator, After Effect, Sketch, Adobe X.D

    Подробнее >>
    Шорников Дмитрий

    Шорников Дмитрий

    3d max, CorelDraw, Photoshop, Flash, Figma

    практикующий графический дизайнер с опытом работы 10 лет. Владеет: 3d max, CorelDraw, Photoshop, Flash, Figma. Поможет сделать твою работу индиальной.

    Подробнее >>

    Шорников Дмитрий

    3d max, CorelDraw, Photoshop, Flash, Figma

    практикующий графический дизайнер с опытом работы 10 лет. Владеет: 3d max, CorelDraw, Photoshop, Flash, Figma. Поможет сделать твою работу индиальной.

    Подробнее >>

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

    Вас ждут три блока обучения, после которых вы поймете основы веб-дизайна и что нужно делать, чтобы начать работу в этом направление сразу после курса.

    1 Вводное занятие. Основные понятия

    На вводном занятие по веб-дизайну мы изучаем следующие темы:

    - Основные понятия веб-дизайна,что такое прототипирование, макет, рабочая область, дизайн-проект. Словарик по Web - все ключевые термины, который должен знать практикующий веб-дизайнер.

    - Роль веб-дизайнера в создании сайта. Функции при работе в команде разработчиков.

    - Работа с заказчиком:

    • брифинг с заказчиком, обсуждение ТЗ
    • важные моменты на первой встрече с заказчиком

    - Расчет стоимости сайта.

    - Какие программы используются на рынке и для чего (Adobe XD, Sketch, Figma, Invision Studio, Photoshop, Affinty Design, Illustrator, Principle, After Effects, Avocode, Zeplin, Abstract).


    Практика: знакомство с программами AdobeXD\Figma.

    Д/з: Выбор темы проекта, разработка концепта.

    2 Начало разработки сайта. Прототипирование в Figma

    - Собираем информацию по проекту:

    • составляем базовый портрет целевой аудитории;
    • анализируем сайты конкурентов, выявляем удачные и не удачные решения;
    • определяем задачи интерфейса;

    - Создаем прототипы будущего сайта. Планируем навигацию, располагаем элементы по UX/UI схеме, создаем конверсионные зоны.

    - Изучаем как правильно оформить главную страницу сайта в зависимости от задач клиента

    - Способы генерирования идей и разработка концепта


    Практика: Прототипирование сайта. Логическая схема. Проектирование главной страницы.

    Д/з: Закрепление изученного на уроке, доработка/проработка прототипа, глубокий анализ выбранной ниши.

    3 Композиция и графика

    - Изучаем модульные сетки, их виды и особенности

    - Композиция в WEB макете, целостность и гармония

    - Композиция в текстах и графике. Золотое сечение

    Практика: Проработка цветовой гаммы сайта, наполнение макета главной страницы контентом

    Д/з: Проработка макета дизайна на основе новых знаний.

    4 Типографика и текст

    Особенности подачи текста в WEB пространстве:

    • Виды и стили шрифтов
    • Безопасные шрифты
    • Роль текстов в продвижении и дизайне сайта

    Знакомство с AdobePhotoshop (создание и сохранение, экспорт) основные элементы интерфейса, которые нужны для веб дизайнера.


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

    Д/з: Работа с внутренними макетами дизайна сайта.

    5 Изображения, фотографии, иконки и иллюстрации

    Работа с графикой. Изучаем основные моменты по правильному подбору визуала для сайта:

    • Почему не стоит искать в интернете
    • Авторские права и стоковые сервисы
    • Основные форматы графических файлов в веб-дизайне
    • Где скачивать изображения.
    • Особенности восприятия цвета в интернете.

    Минимальные работы с фотографиями для сайта в AdobePhotoshop

    Знакомство с AdobeIllustrator, инструменты для работы с векторными изображениями, иконками.


    Практика: Обработка растровых изображений в AdobePhotoshop. Вставка готового изображения в Figma. Доработка макета.

    Д/з: Наполняем сайт визуальной составляющей: подложки, картинки, иконки, акценты и т.д.

    6 Адаптивный дизайн сайта и юзабилити.

    Проходим цели и задачи адаптивного дизайна.

    Разбираемся с вопросами:

    • Интерфейс сайта в адаптивной версии
    • Особенности сайта для разных устройств
    • Как сделать адаптивный дизайн

    Практика: Адаптация макета главной страницы. Подготовка макета для верстки. Работа с доп. Программами AD, AI.

    Д/з: Закрепления пройденного материала, доработка оставшихся шаблонов.

    7 Landing page. Одностраничные сайты

    Разбираем ключевые отличия дизайна многостраничных и одностраничных сайтов и особенности дизайна и размещения модулей на landing page.

    Практика: Подготовка лендинга в Figma

    Д/з: Дорабатываем свой лендинг до итогового варианта, чтобы можно было добавить 2 сайта в портфолио.

    8 Командная работа

    Основные преимущества работы в команде с помощью Figma, почему большинство современных веб студий требуют знание Figma при устройстве на работу.

    - Расскажем про проектную работу, KPI, CRM, постановку задач и работу над ней.

    - Работа с верстальщиком-программистом.

    - Передача макета для запуска в верстку

    Практика: Работа в командах над сайтами для переверстки, передача проектов верстальщику и программисту

    Д/з: Подготовить все макеты для передачи на верстку

    9 Презентация своей работы

    Что такое Behance и Dribbble, биржы фриланса.

    Оформление своей работы в программе для защиты и публикации

    Создание портфолио на Behance

    10 Знакомство с Tilda

    Изучаем функционал Tilda:

    - Начало работы

    - Возможности и основной функционал программы

    - Стандартные блоки: какие бывают, зачем нужны некоторые из них

    - Как работать с готовыми шаблонами

    11 Создание сайта-портфолио на Tilda

    Создайте сайт-портфолио для себя на Tilda

    Смотреть больше Свернуть

    У вас остались вопросы?

    Если у вас есть вопросы о формате или вы не знаете что выбрать, оставьте свой номер: мы позвоним, чтобы ответить на все ваши вопросы.

    Обсудить курс

    Что вы получите по итогу обучения:

    Результат - готовые сайты для вашего портфолио

    Инструменты Веб-дизайнера

    Освоить все инструменты и навыки, необходимые для работы веб-дизайнером

    Работать в команде

    Взаимодействовать с заказчиком и работать в команде с программистом

    Управлять созданием сайта

    Поэтапно изучить разработку сайта и его дизайнерское направление

    Работать с элементами

    Научиться правильно, выстраивать композицию, подбирать цвета и шрифты для своего дизайнерского проекта

    Работать с юзабилити

    Научитесь создавать интересные для пользователя сайты. Грамотно сочетать функциональность с удобством

    Портфолио с нуля

    У вас будет первые работы для вашего портфолио! А еще ты можешь взять реальный проект и отбить стоимость курса!

    Часто задаваемые вопросы

    И ответы на них

    Что из себя представляет школа «АРТА»?

    -Школа дизайна «АРТА» 12 лет существует как успешная офф-лайн школа. Мы занимаемся дополнительным образованием по дизайну интерьера, ландшафтному дизайну, графическому дизайну, дизайну сайтов и т.д. Очень много выпускников, после курсов – стали практикующими дизайнерами, еще больше – сделали свои проекты. 30% наших студентов на офф-лайн курсах приходят по «сарафанке».

    Мы используем самые инновационные методы обучения, много практики, есть свои ноу-хау в методиках, которые позволяют нашим ученикам в короткий срок быстро осваивать новое, и демонстрировать творческий подход, дизайнерскую смелось и свободу.

    Наша сильная сторона – это преподаватели – «звезды» - профессионалы, которые не бояться поделиться секретами профессии, которые могут помочь, увлечь, вдохновить. И наконец, мы умеем работать на результат – а это ваш проект, который должен быть на высоте.

    Само слово «Арта» - переводится как «Истина» и «Красота» одновременно - и в этом состоит наша философия: только истина и красота лечит душу и наполняет нас энергией и творчеством. Это понятие содержится в «Авесте» - эпосе, который был создан жителями Аркаима, городом из «страны городов», народом, который сформировался на Урале и мигрировал на юг, заложив основу цивилизации.

    Почему мне нужно выбрать вас из списка школ?

    отлаженная программа, отлаженные методики, переносим в онлайн то, что важно в любом случае: контакт со студентам, добросовестную работу над проектом, честность и креативность нацеленность не на сбор денег, а на долгосрочное сотрудничество, лояльность к студентам намеренно цена меньше результата, сознательно не хотим уподобляться другим школам, даем рассрочку за счет школы, Мы считаем, что каждый достоин того, что имеет и хотим работать с клиентами, имеющими голову на плечах, которые могу самостоятельно анализировать информацию, сравнивать отзывы, нацелены на то, чтобы хорошо, с погружением поучиться, получить хороший результат в виде проекта, завязать профессиональные и дружеские отношения, изменить свои жизнь, сделать ее богаче, интереснее и счастливей, даже, если вы не хотите менять профессию, а работаете, чтоб создать «собственный мир».

    Смогу ли я сделать свой проект?

    Безусловно. Вся логика курса заточена под работу над своим проектом. Даются все системные темы, чтобы создать для вас шкалу, вооружить вас технологиями разработки проекта и приемами решения различных дизайнерских задач. Мы преподаем уже 12 лет, поэтому выверили содержание и методики.

    Смогу ли я после курсов работать? Не слишком ли маленькие у вас курсы? Хватит ли мне знаний?

    Мы реализовали «принцип ЛЕГО» в формировании курсов. Мы считаем, что каждый студент сам сможет сформировать себе курсы, заточенные под его потребности из общего списка: Если он изучает дизайн интерьера, то дизайн интерьера базовый, ArhiCAD, скетч, 3D Max, Photoshop, Дизайн интерьера PRO, плюс масса технологических вебинаров или вебинаров от дизайнеров. Если ландшафтный дизайн, то аналогично: ландшафтный дизайн базовый, Ландшафтный дизайн PRO, Realtime Landscaping Architect, ArhiCAD, скетч, 3D Max, Photoshop. Если просуммировать все эти курсы по времени – то выйдет намного больше, чем у других школ. Просто, если клиент собирается сделать красивый проект для себя – то зачем ему много лишнего? Достаточно базового курса и архикада. Зачем переплачивать? Опять же, изучать дизайн «шаг за шагом» проще, поскольку в параллель часто начинают практиковаться и становится ясно, на чем конкретно сделать акцент в дальнейшем профессиональном образовании.

    Работы выпускников

    Тут представлены работы, которые сделали ученики во время курса:

    Истории выпускников:

    Здесь вы можете прочитать о том, каких успехов добились наши выпускники.

    Ученица  Сабурова Наталья

    Я ушла из экономистов, чтобы стать веб-дизайнером, и не жалею об этом!

    Всем привет, меня зовут Наталья Сабурова и в середине 2019 года я ушла с престижной работы экономиста, начала изучать веб-дизайн и переехала в Новороссийск.

    Смотреть больше историй

    Запишитесь или получите консультацию:

    Наш менеджер поможет с выбором курса и ответит на все вопросы о процессе обучения

    Старт курса: 18 июля ПН и СР с 18:00

    Количество: 11 занятий

    Группа: 9 человек

    15 000 ₽

    Возможна рассрочка от 2800 руб/мес. 

    13 500 ₽

    Для студентов
    и учеников АРТЫ

    Обсудим курс?

    Данные успешно отправлены!

    Заполните форму и мы перезвоним вам, обсудим все вопросы:

      Обязательное поле!

      Ошибка заполнения!

      Курсы в этом направление:

      Этот курс не полностью закрывает вашу потребность? Выберите другой курс с подходящим пакетом инструментов для решения своих задач.

      somealttext
      5 800 руб.

      Курс рисунок и живопись

      Мы поможем вам и научиться хорошо рисовать, и сохранить вашу индивидуальность! Посмотрите работы учеников, каждый наш ученик и профессионал, и творец! И ни у кого не было подготовки до курсов, все пришли с нуля!

      somealttext
      18 000 руб.

      Курс верстки сайтов (frontend)

      Курс для тех, кто хочет заняться исключительно версткой сайта (переводом дизайна в код), без настройки и программирования. Тех, кто хочет попробовать, что такое программирование и получится ли с ним справиться.

      somealttext
      25 000 руб.

      Курс Программирования

      Этот курс подойдет для всех желающих — как для тех, кто хочет стать профессионалом в разработке Web сайтов, так и для тех, кто просто хочет заниматься этим в качестве хобби и зарабатывать на этом — никакого опыта программирования не требуется.