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

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

Записаться

Старт 28 мая

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

С 28 мая по ВТ и ПТ с 18:00 до 21:00

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

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

Цена 15 500 руб.

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

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

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

Новичкам

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

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

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

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

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

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

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

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

до 150 000 ₽

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

Учись за счет государства!

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

Вы можете:

Вернуть 13% от стоимости обучения за счет налогового вычета
Оплатить 100% стоимости курса материнским капиталом
Оплатить до 30 000 рублей по программе “Социальный контракт”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Легаев Игорь
18:00
28 мая
Бесплатно

Записаться на пробный урок

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

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

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

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

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

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

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

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

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

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

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

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

Ёлшин Иван

Интернет маркетолог

В области интернет маркетинга уже 9 лет. Прошел многоступенчатое обучение от компании Яндекс и является сертифицированным специалистом по интернет-маркетингу и веб-аналитике.

Подробнее >>

Ёлшин Иван

Интернет маркетолог

Подробнее >>

Красильникова Екатерина

Графический дизайнер

Человек, который увлечен графическим и веб дизайном и заразит этим вас.

Подробнее >>

Красильникова Екатерина

Графический дизайнер

Человек, который увлечен графическим и веб дизайном и заразит этим вас.

Подробнее >>

Легаев Игорь

Web-дизайнер

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

Подробнее >>

Легаев Игорь

Web-дизайнер

Подробнее >>

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

3d max, CorelDraw, Photoshop, Flash, Figma

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

Подробнее >>

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

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. Если просуммировать все эти курсы по времени – то выйдет намного больше, чем у других школ. Просто, если клиент собирается сделать красивый проект для себя – то зачем ему много лишнего? Достаточно базового курса и архикада. Зачем переплачивать? Опять же, изучать дизайн «шаг за шагом» проще, поскольку в параллель часто начинают практиковаться и становится ясно, на чем конкретно сделать акцент в дальнейшем профессиональном образовании.

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

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

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

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

Редизайн сайта Большого театра ⠀

Возможно данный дизайн заметит большой театр

23-06-2021

Проект дизайна сайта для писательницы

Сайт клиники в Челябинске

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

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

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

Старт курса: 28 мая ВТ и ПТ с 18:00

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

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

15 500 ₽

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

13 950 ₽

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

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

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

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

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

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

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

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

9 500 руб.

Курс Adobe Illustrator

Прекрасная альтернатива векторной графике Corel Draw. Самая популярная программа в крупных компаниях России и зарубежных странах.

9 занятий (36 ак.ч) 1.5 месяц
10 июня

7700 руб.

Курс Adobe Photoshop

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

6 занятий (24 ак.ч) 3 недели
13 мая

17500 руб.

Курс Графический дизайн в программе Corel Draw

Самый полный курс CorelDRAW в Челябинске. Курс полностью практический. На наш взгляд, намного интереснее изучать программу, на примерах реальных задач.

15 занятий (60 ак.ч)
с 13 мая

9 000 руб.

Курс SEO-продвижения

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

5 занятий (20 ак.ч)
по набору группы