Секция с курсами и дизайн новой страницы
Об уроке

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

В Figma вы можете создать множество фреймов для разработки разных частей дизайна. Когда объектов становится слишком много работа в проекте усложняется. По этой причине в Фигме есть специальные Страницы (Pages). Вы можете создавать их и перемещать на них объекты для разбития одной страницы с дизайном на несколько.

Материалы для курса figma-design-app.zip

Задание к уроку

Дизайн приложения

Разработайте дизайн главной страницы приложения. Дизайн должен выглядеть как на фото ниже:

Характеристики:

  • шрифт –  Montserrat;
  • основной цвет – #F3B511;
  • основное фото по центру – можете использовать любое.

Вы можете скачать весь проект по этой ссылке. Позже вы сможете импортировать его в Figma.

Большое задание по курсу

Задание рассчитано на весь видеокурс. Его необходимо выполнять по мере прохождения курса или по его окончанию.

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

Ниже вы можете посмотреть на пример дизайна, что вам необходимо реализовать:

Скачать готовое решение

Выберите поля, которые будут отображаться. Другие будут скрыты. Перетащите, чтобы изменить порядок.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Щелкните снаружи, чтобы скрыть панель сравнения
Сравнить
Alert: Вам не разрешается копировать контент или просматривать исходный код!!