Wеb-дизайн — Лучшие онлайн курсы

Программа

1. Знакомство с редактором.
2. Создание визуала (иллюстрации, картинки, а также иконки).
3. Компоненты.
4. Общие стили, библиотеки компонентов.
5. Auto Layout, Variants.
6. Многостраничные документы.
7. Сообщество авторов, дополнительные возможности.
8. Подготовка макета для разработчиков.

Чему научитесь

•   Использовать редактор на профессиональном уровне (работать с фигурами, слоями, внутренним редактором).
•   Реализовывать адаптивные макеты.
•   Добавлять в свои прототипы интерактив, простую анимацию.

Особенности

•   Программа подойдет новичкам без опыта, а также начинающим веб-дизайнерам, которые ранее не работали с Figma.
•   Работа с куратором (обсуждение сложных тем, разбор домашних заданий).
•   Рекомендуют заниматься 3-5 часов в неделю.

Программа

1. Основы дизайна.
2. Компьютерные технологии.
3. Adobe Photoshop.
4. История дизайна.
5. Карта профессий.
6. Обязанности цифрового дизайнера.
7. Как работать в Figma?
8. Типографика/композиция.
9. Концептинг и мышление.
10. Инструменты верстальщика.
11. Изучение аудитории.
12. Tilda.
13. Разработка дизайн-концепта.
14. Работа с заказчиком.
15. Портфолио, дипломный проект.

Чему научитесь?

• Работать с распространенным программным обеспечением.
• Создавать макеты сайтов/приложений, продумывать сценарии.
• Заниматься версткой, наполнять интерфейс визуальными элементами.
• Общаться с заказчиками, составлять технические задания.
• Сотрудничать с командой разработчиков, дизайнеров, тестировщиков.

Программа

1. Знакомство с Figma.
2. Разбор ключевого инструментария.
3. Иконки, иллюстрации, картинки.
4. Вспомогательные визуальные компоненты.
5. Auto Layout, Variants.
6. Подготовка макета для разработчиков.
7. Введение в специальность web-дизайнера.
8. Первый заказ: коммуникация с заказчиком, ТЗ.
9. Модульные сетки, вертикальный ритм, типографика.
10. Задача текстов в интерфейсах.
11. Цвета, фоны, тени, контраст.
12. Прототип первой страницы, экран.
13. Customer Journey Map, User Flow.
14. Навигация, разработка основных блоков.
15. Адаптивность. 
16. Каким образом презентовать новый проект заказчику?
17. Передача макета разработчикам.
18. Бонусные модули (по желанию), итоговая работа.

Чему научитесь?

• Создавать design-концепты сайтов/приложений.
• Подготавливать макеты к верстке, писать спецификации для разработчиков.
• Реализовывать мобильные версии веб-сайтов.
• Строить User Flow и Customer Journey Map.
• Создавать интуитивно понятные интерфейсы по правилам usability.
• Делать анимацию, переходы между страницами.
• Писать качественные, лаконичные тексты.
• Грамотно обсуждать задачу с заказчиками, сопровождать проект, придерживаться сроков, не нарушать дедлайны.

Программа

1. Figma с нуля до ПРО.
2. Web-дизайн 3.0.
3. UX-дизайнер.
4. Photoshop.
5. Adobe Illustrator.
6. Дизайн мобильных приложений

Курсы на выбор

7. Анимация интерфейсов в Principle.
8. Основы анимации в Digital.
9. Дизайнер сайтов на Tilda
10. Проект в Readymag.

Чему научитесь?

• Профессионально владеть инструментами веб-разработчика.
• Создавать интерфейс сайта так, чтобы им хотелось пользоваться.
• Проектировать пользовательский опыт, проводить юзабилити-тесты.
• Анализировать метрики, работать с принципами Data Driven Design.
• Взаимодействовать с разработчиками, вести проекты на фрилансе.

Программа

1. Базовый дизайн.
2. Компьютерные технологии в дизайне.
3. Photoshop для дизайнеров.
4. Карта профессий.
5. Специализация «Цифровой дизайнер».
6. Фигма.
7. Типографика, композиция.
8. Концептинг.
9. Вёрстка.
10. Мониторинг аудитории.
11. Tilda.
12. UX/UI.
13. Как работать с заказчиком.
14. Портфолио.
15. Командная работа.
16. Исследования и гипотезы.
17. Тестирование пользовательского опыта.
18. Адаптивный дизайн.
19. Mobile apps.
20. Программное обеспечение для ПК.
21. Проджект-менеджмент.
22. Прототипирование/цифровизация.

Чему научитесь?

• Проектированию интерфейсов.
• Тестированию цифрового продукта.
• Составлению плана по повышению прибыльности для бизнеса.
• Использованию Figma, HTML, CSS, Tilda.
• Созданию красивого визуального концепта веб-сайта.
• Эффективной работе в команде с программистами, дизайнерами, копирайтерами, разработчиками.

Программа

1. Figma с нуля до PRO.
2. Веб-дизайн.
3. UX-дизайнер.
4. Сервисный дизайн.
5. Продуктовый дизайнер.
6. UX аналитика продуктового дизайнера.
7. Фотошоп.
8. Principle.
9. Инструментальные курсы.

Чему научитесь?

• Визуализировать прототипы.
• Анимировать кнопки, слайды.
• Использовать ключевые правила юзабилити.
• Проводить UX-исследования.
• Выполнять A/B-тестирование.
• Адаптировать дизайн-проекты под любые гаджеты.
• Улучшать опыт пользователя.
• Брать интервью у клиентов.
• Дорабатывать/улучшать готовые проекты.
• Анализировать метрики продукта.

Программа

1. Основы дизайна интерфейсов.
2. Прототипирование мобайл-приложения.
3. Веб-страница про архитектуру.
4. Погружение в профессию.
5. Дипломная работа.
6. Бонусные блоки: «Illustrator, Cinema 4D».

Чему научитесь?

• Создавать качественные прототипы в Фигма.
• Разрабатывать современные интерфейсные решения.
• Анимировать различные объекты в Protopie.
• Работать с CJM инструментами.
• Проводить UX исследования, составлять отчёты.
• Применять продуктовые метрики, применять design-системы.
• Анализировать целевую аудиторию, выявлять потребности пользователей.

Программа

1. 1-й проект: сайт-визитка.
2. 2-й проект: сайт-портфолио.
3. 3-й проект: многостраничный сайт.
4. 4-й проект: интернет-магазин.
5. Бонусный модуль.

Чему научитесь

• Научитесь делать красивые и функциональные сайты, которые решают все вопросы бизнеса даже без предыдущего опыта в веб-дизайне.
• Сможете предлагать клиентам полный цикл разработки сайта: от дизайна и макета до готового проекта.
• Поймете, как лучше презентовать свои проекты так, чтобы потенциальный заказчик заинтересовался.
• Сможете анализировать работу сайта, научитесь использовать кастомный код, обучитесь работать в Zero Block.

Особенности

• Программа обучения включает в себя 16 тематических модулей, 65 онлайн-уроков, а также много практических заданий.
• По завершении курса у каждого студента в портфолио будет 4 готовых проекта, что является существенным плюсом при трудоустройстве.
• У каждого студента будет персональный куратор в Telegram-чате, который быстро ответит на все возникшие вопросы и проверит практические задания.

Программа

1. Веб-дизайн с нуля.
2. Основы UX-дизайна.
3. Figma.
4. Web-вёрстка с нуля до PRO.
5. Дизайнер сайтов на Tilda.
6. Итоговый проект.

Чему научитесь?

• Проектированию интерфейсов, визуализации прототипов.
• Созданию кнопок и слайдеров.
• Адаптированию макетов под десктопные, мобильные устройства.
• Разработке дизайн-макетов на основе имеющихся данных.
• Проведению интервью с целевой аудиторией.
• Поиску/решению проблем, возникающих у пользователей.
• Быстрому согласованию проектов с заказчиками и сотрудниками.
• Написанию ТЗ, распределению задач, расстановке приоритетов.

Программа

1. Насмотренность в дизайне.
2. Адоб Фотошоп, Иллюстратор.
3. Основы дизайн-макетов.
4. Отрисовка экранов для мобайл-приложений.
5. Введение в визуальный дизайн.
6. Проектирование интерфейсов.
7. Исследование пользовательского опыта.
8. UX-аналитика сайта.
9. Командная работа.
10. Программа трудоустройства.
11. Деловой английский.
12. Дипломный модуль.

Чему научитесь?

• Проведению исследований, постановке гипотез, выявлению инсайтов.
• Проектированию пользовательского взаимодействия.
• Созданию интерфейсов с учётом интересов бизнеса, а также аудитории.
• Планированию визуальной коммуникации с пользователем.
• Разработке адаптивов веб-сайтов, макетов приложений для iOS/Android.

Программа

1. Подготовительный модуль по Figma.
2. Введение в Adobe Photoshop, Illustrator.
3. Прототипирование web-сайтов.
4. Иерархия дизайн-проекта.
5. Архитектура приложения, гайдлайны.
6. Эргономика, юзабилити.
7. Функциональные возможности Тильда.

Чему научитесь?

• Созданию привлекательных для клиентов интерфейсов. 
• Внедрению адаптивного дизайна.
• Проведению юзабилити-тестов.
• Генерации ТЗ для команды разработки.
• Грамотной презентации готового проекта.
• Продвижению цифрового продукта на всех этапах.
• Корректной работе с композицией, типографикой, шрифтами, паттернами, сетками.

Программа

1. Возможности Blender.
2. Создание композиции из примитивов.
3. Полигональное моделирование.
4. Полигональное моделирование под сглаживание.
5. Процедурное моделирование.
6. Скульптинг.
7. Анимация и симуляция.
8. UV-mapping.
9. Работа с текстурами.
10. Работа с материалами.
11. Визуализация и освещение.
12. Визуализация в Octane Render.
13.  Усложнённые симуляции.
14. Композитинг в Blender.

Чему научитесь

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

Особенности

• Каждый студент по завершении обучения будет иметь 5 готовых проектов в портфолио, которые смогут заинтересовать потенциальных работодателей.
• Для каждого ученика предусмотрен бесплатный годовой доступ к платформе изучения английского языка от Skillbox.
• Программа состоит из 14 модулей и 87 видеоматериалов, которые можно просматривать в удобное время – жесткой привязки к графику нет.

Программа

1. Как построить карту пути клиента?
2. Управление вниманием пользователя.
3. Usability тестирование.
4. Структура веб-сайта.
5. Композиции, сетка, типографика.
6. Как работать с цветом в web-дизайне?
7. Адаптивный дизайн.
8. Figma, векторные иллюстрации.
9. Как создать кликабельный прототип?
10. Поиск заказов.
11. Карьерные советы.

Чему научитесь?

• Проектировать сайты/интерфейсы любой сложности.
• Пользоваться многофункциональным ПО Фигма.
• Общаться с заказчиком, договариваться об условиях работы.
• Решать ключевые бизнес-задачи, выстраивать UX.
• Разрабатывать сценарии, сподвигающие пользователей выполнить целевое действие.

Программа

1. Исследования и аналитика.
2. Проектирование на основании данных.
3. Проектирование мобильных приложений.
4. Методы эффективной презентации проекта.
5. Вывод цифрового продукта на рынок.
6. Итоговая работа. Высокодетализированный прототип по брифу от AGIMA.

Чему научитесь?

• Применению ключевых UX-методологий.
• Изучению пользовательского опыта.
• Проектированию дружественных интерфейсов.
• Созданию качественных прототипов.
• Проверке гипотез, проведению ЮХ-исследований.
• Выбору оптимальных аналитических подходов.
• Выстариванию грамотной иерархии контента.
• Реализации web, mobile проектов под Андроид, iOS.
• Использованию продвинутых приёмов убедительной презентации.

Программа

1. Компьютерные технологии в дизайне.
2. Фотошоп для дизайнеров.
3. Изучение истории дизайна.
4. Введение в специализации.
5. Профессия «Цифровой дизайнер».
6. Figma, типографика, композиция.
7. Развитие концептуального мышления.
8. Как изучать аудиторию?
9. Разработка дизайна продукта.
10. Диплом.

Чему научитесь?

• Работать с Figma, Tilda.
• Пользоваться Adobe Photoshop.
• Разбираться в HTML/CSS.
• Находить целевую аудиторию.
• Составлять технические задания.
• Реализовывать дизайнерские задачи.
• Помогать бизнесу развиваться.
• Продвигать проект на популярных онлайн-площадках.

Программа

1. Старт в UX индустрии.
2. Качественные и количественные исследования.
3. Поведенческий анализ.
4. Проектирвание и прототипирование.
5. Сборка фидбека внутри продукта.
6. Курсовой проект.

Чему научитесь?

• Участвовать на всех этапах разработки, тестировать гипотезы, собирать инсайты.
• Реализовывать качественные навигационные элементы в разрабатываемом проекте.
• Задавать рабочий ритм для команды, защищать свои идеи перед работодателем.
• Применять на практике продвинутые методы разработки сценариев.
• Делать яркие, красивые презентации с использованием указателей, субтитров, таблиц.
• Понимать психологию пользователя, включая принципы восприятия хорошего продукта.
• Работать с Google Docs, Slides, Sheets, пользоваться популярным дизайнерским софтом.

Шрифты, типографика, колористика, композиция, модульные сетки

Программа

1. Подготовка к работе.
2. Работа с картинками.
3. Сетки и знакомство с текстом.
4. Стили текста, параграфа и объекта.
5. Master Page.
6. Нюансы вёрстки.
7. Как работать с типографиями.
8. Интерактивные файлы.
9. Таблицы и интерактивные формы.
10. Дополнительные функции.

Чему научитесь

• Сможете полноценно работать как с векторной, так и с растровой графикой, научитесь правильно редактировать стили.
• Научитесь создавать сетки, настраивать мастер-страницы, а также разнообразные таблицы.
• Сможете делать даже сложные интерактивные формы, создавать оглавления и подготавливать файлы к печати.

Особенности

• Программа обучения построена таким образом, что пользователю потребуется выделять всего по 3-5 часов в неделю. Это позволяет учиться в наиболее комфортном режиме.
• Присутствует постоянный куратор в Телеграме, а эксперты проверяют результаты практических заданий незамедлительно. Есть возможность получить быструю консультацию.
• Все студенты получают бесплатный доступ на 12 месяцев к платформе изучения английского языка от Skillbox.

Программа

1. Дизайн интерфейсов, Figma. 
2. Композиция, адаптивность, модульные сетки.
3. Типографика, контент, цвет.
4. Этапы реализации проекта, брифинг, UX-исследования.
5. Разработка дизайн-концепции.
6. Адаптивность, оформление, публикация.

Чему научитесь

• Понимать основы веб-дизайна.
• Создавать в Figma рабочие прототипы.
• Делать дизайн-концепцию сайта.
• Разрабатывать лендинги, сайты.
• Проводить UX-исследования.

Вы научитесь создавать прототипы, интерфейсы, дизайн-системы и тестировать готовые продукты. Освоите frontend, сможете одинаково хорошо выполнять задачи дизайнера и верстальщика станете незаменимым специалистом на рынке.

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

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

Освойте основы профессии, Школа Бруноям предлагает научиться: создавать прототипы, макеты, анимацию интерфейсов, референсы, UI-киты, презентацию функциональных кейсов. А также дадут информацию про иллюстрацию, композицию, научат работать с аналитикой. Содержание: введение в профессию, аналитика, типографика, колористика, адаптивный дизайн, Tilda, плагин, цвет. Плюсы: скидки, рассрочка, год поддержки после обучения, доступ к курсу — навсегда, сертификат, налоговый вычет.

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

Программа

1. Введение в Adobe Photoshop, Adobe Illustrator.
2. Figma.
3. Что такое веб-дизайн?
4. Разработка проекта сайта.
5. Создание дизайна сайта.
6. Основы работы с MateCa/Tilda.
7. Zero Block.
8. Мобильные интерфейсы.
9. Как запускать и тестировать мобильные приложения?
10. Дизайн мобайл-приложения.
11. AGIMA.
12. UX проектирование под задачи бизнеса.
13. 3D графика в Cinema 4D.
14. Анимация в ProtoPie, After Effects.
15. Design менеджмент (бонус).
16. Защита диплома.

Чему научитесь?

• Работать с UX, UI инструментами на профессиональном уровне.
• Заниматься проектированием дизайнерских интерфейсов.
• Создавать анимации, логотипы, кнопки, прочие элементы меню.
• Проводить исследования, проверять гипотезы, верстать веб-сайты.
• Обрабатывать 3D-графику в программном обеспечении Tilda.
• Делать мобильные приложения для устройств Android, iOS.
• Разрабатывать макеты для сайтов, тестировать работоспособность 2d/3d объектов.
• Пользоваться Cinema 4D, Illustrator, After Effects, Agile, Miro, ProtoPie, Principle.