Веб-дизайнер от Pentaschool

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

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

1. Введение в профессию «Дизайнер интерфейсов»

Вы научитесь определять задачи и особенности работы UX/UI-дизайнера, которые включают в себя анализ пользовательского опыта, создание прототипов и интерфейсов, тестирование и оптимизацию.  Вы сможете избежать типичных ошибок начинающих дизайнеров, таких как недостаточная работа с пользовательским опытом, неправильное использование цвета и шрифтов, а также недостаточная работа с контентом. Вы будете знать этапы разработки цифрового продукта, включая исследование рынка и аудитории, создание концепции и прототипа, разработку и тестирование. Вы освоите предпроектный анализ и основы работы с заказчиком, включая понимание бизнес-целей и требований заказчика, а также коммуникацию и управление ожиданиями. Вы рассмотрите интерфейс редактора Figma, основные функции и инструменты для работы с макетами и прототипами.

Вы научитесь определять задачи и особенности работы UX/UI-дизайнера, которые включают в себя анализ пользовательского опыта, создание прототипов и интерфейсов, тестирование и оптимизацию. 

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

Вы будете знать этапы разработки цифрового продукта, включая исследование рынка и аудитории, создание концепции и прототипа, разработку и тестирование.

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

Вы рассмотрите интерфейс редактора Figma, основные функции и инструменты для работы с макетами и прототипами.

2. Создание лендинга в Figma. UX-дизайн. Композиция. Создание прототипа

Вы узнаете основные понятия UX-дизайна и основы юзабилити. Вы научитесь создавать юзер-флоу — пользовательские сценарии для более грамотного выстраивания будущей работы. Вы познакомитесь с основами веб-композиции. Изучите основные понятия. Вы освоите создание прототипов, которые помогут ускорить процесс разработки и повысить качество.

Вы узнаете основные понятия UX-дизайна и основы юзабилити.

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

Вы познакомитесь с основами веб-композиции. Изучите основные понятия.

Вы освоите создание прототипов, которые помогут ускорить процесс разработки и повысить качество.

3. UI-дизайн лендинга. Создание графической концепции

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

Вы научитесь выбирать подходящие шрифты и стили.

Вы сможете подбирать цветовую палитру. Освоите правила колористики и соберёте цветовые пары.

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

4. Основы дизайна сайтов

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

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

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

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

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

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

5. Интернет-магазин. Создание прототипа. Главная страница

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

Вы освоите настройку сетки и компонентов. Попрактикуетесь на реальных задачах.

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

6. Интернет-магазин. Создание прототипа. Сценарий выбора товара

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

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

Вы разработаете страницу каталога и страницу результатов поиска в Figma, чтобы создать удобный и эффективный дизайн.

Вы разберете процес создания страницы результатов поиска.

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

7. Интернет-магазин. Создание прототипа. Сценарий покупки

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

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

Вы разработаете страницы корзины в Figma, чтобы создать удобный и эффективный дизайн.

8. Интернет-магазин. UI-дизайн и создание интерактивного прототипа

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

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

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

Вы освоите работу с цветом, векторной и растровой графикой в Figma, чтобы создавать эффективный дизайн.

9. Контент сайта. Adobe Photoshop для дизайнера интерфейсов, часть 1

Вы изучите интерфейс Adobe Photoshop. Рассмотрите возможности редактирования и работы с файлами. Вы овладеете автоматическими и базовыми инструментами обтравки в Adobe Photoshop. Вы узнаете, как работать с инструментами для работы с цветом и фоном в Adobe Photoshop, чтобы создавать эффектные дизайны.

Вы изучите интерфейс Adobe Photoshop. Рассмотрите возможности редактирования и работы с файлами.

Вы овладеете автоматическими и базовыми инструментами обтравки в Adobe Photoshop.

Вы узнаете, как работать с инструментами для работы с цветом и фоном в Adobe Photoshop, чтобы создавать эффектные дизайны.

10. Контент сайта. Adobe Photoshop для дизайнера интерфейсов, часть 2

Вы освоите инструменты коррекции в Adobe Photoshop, чтобы создавать качественные макеты. Вы научитесь пакетной обработке фотографий в Adobe Photoshop, чтобы быстро и эффективно обрабатывать большое количество изображений. Вы овладеете ретушью изображений в Adobe Photoshop, чтобы создавать качественные макеты.

Вы освоите инструменты коррекции в Adobe Photoshop, чтобы создавать качественные макеты.

Вы научитесь пакетной обработке фотографий в Adobe Photoshop, чтобы быстро и эффективно обрабатывать большое количество изображений.

Вы овладеете ретушью изображений в Adobe Photoshop, чтобы создавать качественные макеты.

11. Завершение проекта. Анимация, передача разработчикам

Вы изучите анимацию интерфейсов в Figma. Рассмотрите отдельныйй тип анимации. Вы сможете подготавливать UI-kit и создавать единообразный и согласованный дизайн. Вы научитесь презентовать проект и оформлять портфолио, чтобы продемонстрировать свои навыки и достижения.

Вы изучите анимацию интерфейсов в Figma. Рассмотрите отдельныйй тип анимации.

Вы сможете подготавливать UI-kit и создавать единообразный и согласованный дизайн.

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

12. Дизайн сайтов на Tilda. Интерфейс и возможности

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

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

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

Вы научитесь регистрироваться, чтобы быстро и эффективно создавать сайты.

Вы овладеете элементами и возможностями интерфейса программы.

Вы узнаете основы веб-дизайна.

13. Создание лендинга и многостраничного сайта на Tilda

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

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

Вы научитесь создавать лендинг в Tilda.

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

14. Создание интернет-магазина и сайта курса обучения на Tilda

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

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

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

Вы разберёте лайфхаки эксперта и примените их на практике.

15. Особенности работы с мобильными приложениями

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

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

Вы изучите пользовательские паттерны.

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

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

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

16. Мобильное приложение. Проектирование

Вы начнете работу над проектом приложения: составите бриф и техническое задание. Вы проанализируете визуальную концепцию приложений-конкурентов. Вы научитесь создавать презентации и мудборды по проекту. Вы проектируете User Flow мобильного приложения: определите этапы и базовую логику.

Вы начнете работу над проектом приложения: составите бриф и техническое задание.

Вы проанализируете визуальную концепцию приложений-конкурентов.

Вы научитесь создавать презентации и мудборды по проекту.

Вы проектируете User Flow мобильного приложения: определите этапы и базовую логику.

17. Мобильное приложение. Создание прототипа и UI-дизайн

Вы подготовитесь к wireframe-проектированию. Рассмотрите процесс прототипирования и отточите навыки на создании главного экрана. Вы создадите прототип приложения. Сможете добавлять функциональность приложению. Вы изучите особенности UI-дизайна. Будете соблюдать его принципы в создании мобильных приложений. Вы научитесь подбирать цвета и пользоваться законами колористики. Попробуете анимировать переходы. Вы узнаете, что такое UI-kit.

Вы подготовитесь к wireframe-проектированию. Рассмотрите процесс прототипирования и отточите навыки на создании главного экрана.

Вы создадите прототип приложения. Сможете добавлять функциональность приложению.

Вы изучите особенности UI-дизайна. Будете соблюдать его принципы в создании мобильных приложений.

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

Вы узнаете, что такое UI-kit.

18. Личный бренд дизайнера

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

Вы разберетесь в личном бренде и позиционировании дизайнера.

Вы создадите профессиональное портфолио из проектов с курса.

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

Вы научитесь рассчитывать стоимость услуг. Изучите структуру прайс-листа и узнаете, как здраво составить расценки.

Вы научитесь эффективно коммуницировать с заказчиком.

Вы разберетесь в соблюдении авторских прав и составлении договора.