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

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

Записаться

Старт 22 сентября

Вы выйдете с готовым портфолио и знаниями основных инструментов Web-дизайна: Figma, Photoshop, работа с графикой цветом и другие ресурсы для работы. С 22 сентября по 27 октября ПН и СР с 18:00 до 21:00

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

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

Цена 13 000 руб.

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

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

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

Новичкам

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создаем дизайн сайта, т.е. постраничные макеты в 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ёлшин Иван

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

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

Подробнее >>

Легаев Игорь

Web-дизайнер

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

Подробнее >>

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

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

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

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

6-06-2021

WEB дизайна для меня был как вдох после долгой комы

Как курсы WEB дизайна побудили открыть свое дело

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

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

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

Старт курса: 22 сентября ПН и СР с 18:00

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

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

13 000 ₽

Возможна рассрочка

11 500 ₽

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

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

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

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

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

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

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

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

23 000 руб.

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

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

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

5 000 руб.

Курс Adobe Photoshop

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

Курс Adobe Photoshop
с 4 октября

9 000 руб.

Курс Adobe Illustrator

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

Курс Adobe Illustrator
с 9 ноября