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

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

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

Старт 13 февраля

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

С 13 февраля ПН и СР с 18:00 до 21:00

12 занятий (48 ак.ч)

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

Цена 15 500 руб.

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

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

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

Новичкам

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Групповой чат 24/7

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

Поддержка после курса

Всегда можно задать вопрос, отправить работу или запросить конкретную помощь.

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

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

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

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

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

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

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

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

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

Создаем дизайн сайта, т.е. постраничные макеты в 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 года я ушла с престижной работы экономиста, начала изучать веб-дизайн и переехала в Новороссийск.

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

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

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

    Старт курса: 13 февраля ПН и СР с 18:00

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

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

    15 500 ₽

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

    13 950 ₽

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

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

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

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

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

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

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

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

      somealttext
      25 000 руб.

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

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

      somealttext
      22 800 руб.

      SMM+сайт+контекст

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

      somealttext
      5 900 руб.

      Курс Продажи на маркетплейсах

      Продажи на маркетплейсах: OZON, Wildberries, Яндекс.Маркет.

      somealttext
      Индивидуальная

      Курс InDesign

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

      somealttext
      6 000 руб.

      Курс Corel Draw Лайт

      Хотите самостоятельно создавать рекламные макет, макеты для соц сетей? ТОГДА ТЫ ПОПАЛ ПО АДРЕСУ!

      somealttext
      7700 руб.

      Курс Adobe Photoshop

      Самый полный курс Adobe Photoshop в Челябинске. Курс полностью практический. С «нуля» до уровня свободного владения всеми инструментам.