Разработка веб-страницы
Об уроке

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

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

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

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

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

Веб дизайн

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

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

  • Фото собачки можно заменить на любое удобное вам;
  • Основной цвет заднего фона – #F1E7E3;
  • Основной красный цвет – #C11E38;
  • Основной шрифт – Source Code Pro.Посмотреть ответ 

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

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

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

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

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


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