Figma + Фриланс

• Lucide Icons — плагин с библиотекой векторных линейных иконок. Это расширенная версия отличного бесплатного набора Feather Icons

• The Icon of — библиотека из 1100+ SVG-иконок на разные темы. В бесплатной версии доступно 120 иконок

• Bootstrap Icons — 1300+ SVG-иконок из библиотеки Bootstrap

• Cotton Icons — набор из более 300 иконок, разбитых на 14 категорий

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

ТОП-7 курсов по Фигме в 2023 году

1. «Основы продуктового дизайна Figma» от Productstar — лучший курс с финальным проектом, который можно включить в портфолио

2. «Figma с нуля до PRO» от Skillbox — лучший курс с лайфхаками от профессиональных дизайнеров (промокод ГДЕКУРС — скидка 45% на курсы)

3. «Супер Figma» от VideoSmile — лучший курс с индивидуальным менторством и обилием обратной связи

4. «Figma с нуля» от Contented — лучший курс с поддержкой координатора и обратной связью от наставника

5. «Основы дизайна в Figma» от Яндекс Практикум — лучший курс, на котором вы будете учиться в сопровождении опытной команды

6. «Основы Figma» от Бруноям — лучший курс с теорией без академизма

7. «Основы Figma» от Логомашины — лучший курс, на котором за 2 недели вы уже сможете создать свой проект

***

Онлайн-курсы по Фигме

Здесь мы разберем все особенности онлайн-курсов по Figma, изучив их особенности и недостатки. Курсы подойдут как новичкам, так и дизайнерам, желающим улучшить свои навыки работы.

1. Основы продуктового дизайна Figma — Productstar

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

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

• Стоимость: 39 000 ₽ 

• Рассрочка: от 1 833 ₽/мес. на 24 месяца

• Продолжительность: 2 месяца

• Формат: видеоуроки + практика + работа с ментором + финальный проект

• Домашние задания: с проверкой

• Документ об окончании: сертификат

Особенности и преимущества школы:

• Доступ к материалам курса навсегда.

• Ментор помогает по всем вопросам.

• Обилие практики на курсе.

• Проект дополнит ваше портфолио.

• Четкая теоретическая база.

• Есть возможность оформить рассрочку.

• Опытные преподаватели.

Недостатки школы:

• В комментариях отмечают несвоевременную проверку домашнего задания.

→ Посмотреть программу курса

***

2. Figma с нуля до PRO — Skillbox

🎁 По промокоду ГДЕКУРС доступна скидка 45% на курсы.

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

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

• Стоимость: по запросу

• Рассрочка: 4 899 ₽/мес. на 6 месяцев

• Продолжительность: 2 месяца

• Формат: видеоуроки + практика

• Домашние задания: с проверкой

• Документ об окончании: сертификат

Особенности и преимущества школы:

• Интерактивная платформа школы.

• Обилие практики.

• Сертификат от Skillbox.

• Подробная обратная связь по практике и домашнему заданию.

• Спикер курса — арт-директор веб-бюро Blue Ant.

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

• 1 год английского в подарок.

• Доступ к курсу навсегда.

• Обучение проходит на практике.

Недостатки школы:

• В комментариях отмечают несвоевременную проверку домашнего задания.

→ Посмотреть программу курса

***

3. Супер Figma — VideoSmile

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

Обучение построено на практике. Курс открывается постепенно, по мере сдачи домашнего задания. Вы будете регулярно получать обратную связь от авторов курса и наставника. По окончании обучения выдается сертификат.

• Стоимость: 24 990 ₽

• Рассрочка: 2 082 ₽/мес. на 12 месяцев

• Продолжительность: в своем темпе

• Формат: лекции + практические уроки + домашнее задание

• Домашние задания: с проверкой

• Документ об окончании: сертификат

Особенности и преимущества школы:

• Помощь с трудоустройством выпускникам.

• Индивидуальное менторство.

• Создание проектов, которые пополнят портфолио.

• Обратная связь от преподавателя.

• Сертификат о прохождении курса.

• Возможность оформить рассрочку.

• Чат в Telegram с куратором и однокурсниками.

• Гарантия возврата средств в течение 1 месяца с момента покупки.

Недостатки школы:

• Отзывы указывают на недостаточную проработку практического материала.

→ Посмотреть программу курса

***

4. Figma с нуля — Contented

Курс подходит для начинающих UI/UX дизайнеров, веб-дизайнеров и графических дизайнеров. За время прохождения обучения вы освоите интерфейс, основные инструменты: Shape tool, Drawing tools, создадите кликабельные прототипы, адаптируемые на различных устройствах, а также построите сплэш-экран с логотипом, карточками товаров и иконками.

Обучение проходит в формате видеоуроков и практических заданий, поддержки координатора и наставника. Также вы изучите работу в After Effects, Blender, ProtoPie и Tilda.

• Стоимость: 14 000 ₽

• Рассрочка: есть

• Продолжительность: в своем темпе

• Формат: видеолекции + практические уроки + домашние задания

• Домашние задания: с проверкой

• Документ об окончании: сертификат

Особенности и преимущества школы:

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

• Вы выполните 2 готовые работы, которые дополнят ваше портфолио.

• Доступ к курсу открыт навсегда.

• Есть возможность оформить рассрочку.

• Наличие координатора, которые поможет по всем вопросам.

• Наставник даст обратную связь по практической работе.

Недостатки школы:

• Отзывы свидетельствуют о том, что проверка заданий происходит несвоевременно.

• В отзывах присутствуют нарекания по поводу качества практического материала.

→ Посмотреть программу курса

***

5. Основы дизайна в Figma — Яндекс Практикум

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

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

• Стоимость: от 1 500 ₽ за курс

• Рассрочка: по запросу

• Продолжительность: 4 недели

• Формат: видеоуроки + практика + домашние задания

• Домашние задания: с проверкой

• Документ об окончании: диплом о профессиональной переподготовке

Особенности и преимущества школы:

• Выполнение 4 проектов, которые пополнят портфолио.

• Чат в Telegram.

• Поддержка куратора и вебинары.

• Интерактивная платформа, где собраны все материалы курса.

• Обучение по удобному графику.

• Консультация по развитию карьеры.

Недостатки школы:

• В комментариях отмечается, что теория не проработана.

→ Посмотреть программу курса

***

6. Основы Figma — Бруноям

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

Домашние задания состоят из 3 уровней сложности. Практические задания дополнят ваше портфолио. Наставник даст развернутый ответ по вашей практике в течение 24 часов. Личный наставник будет на связи и после обучения. Доступ к материалам курса остается навсегда.

• Стоимость: 17 900 ₽ 

• Рассрочка: 1 491 ₽/мес. на 12 месяцев

• Продолжительность: 1 месяц

• Формат: видеоуроки + практика

• Домашние задания: с проверкой

• Документ об окончании: сертификат

Особенности и преимущества школы:

• Доступ к материалам курса навсегда.

• Личный наставник дает обратную связь по домашнему заданию в течение 24 часов.

• Если курс вам не понравится, то в течение месяца после оплаты вам вернут всю сумму.

• Есть возможность оформить рассрочку.

• Обучение проходит на интерактивной платформе школы.

• Во время обучения учеников готовят к прохождению собеседований и поиску работы.

• Курс можно пройти в индивидуальном формате.

Недостатки школы:

• Отзывы указывают на слабую проработанность теоретической части.

→ Посмотреть программу курса

***

7. Основы Figma — Логомашина

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

• Стоимость: по запросу

• Рассрочка: 1 429 ₽/мес. до 12 мес.

• Продолжительность: 2 недели

• Формат: видеолекции + практические задания

• Домашние задания: с проверкой

• Документ об окончании: диплом

Особенности и преимущества школы:

• Поддержка в чатах.

• Небольшие группы студентов.

• Доступ к материалам курса и обновлениям навсегда.

• Материалы курса регулярно обновляются.

• Короткие видеоуроки.

Недостатки школы:

• Начало обучения со стартом потока.

→ Посмотреть программу курса

***

8. Создание сайта в Figma — Interra

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

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

• Стоимость: 10 000 ₽

• Рассрочка: отсутствует

• Продолжительность: в своем темпе

• Формат: видеолекции + практические задания

• Домашние задания: с проверкой кураторами

• Документ об окончании: сертификат

Особенности и преимущества школы:

• В подарок предоставляется конспект лекций «План развития в профессии».

• Доступ к материалам курса остается навсегда.

• Курс хорошо структурирован.

• Программу ведет опытный и ведущий веб-дизайнер студии ONE PAGE.

• По окончании обучения выдается именной сертификат.

Недостатки школы:

• В комментариях отмечается недостаток практических занятий.

• Отсутствует возможность оформить рассрочку.

→ Посмотреть программу курса

***

9. Figma — Onskills

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

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

• Стоимость: 1 900 ₽

• Рассрочка: отсутствует

• Продолжительность: 5 дней

• Формат: видеолекции + практика + обратная связь

• Домашние задания: с проверкой

• Документ об окончании: сертификат специалиста

Особенности и преимущества школы:

• Бессрочный доступ к материалам курса.

• Возможность заниматься в любое удобное время.

• Тестирование после каждой пройденной темы.

• У школы есть лицензия Министерства образования.

• практические работы дополнят ваше портфолио.

• Возможно пройти бесплатный пробный урок.

Недостатки школы:

• В комментариях отмечается низкое качество видео.

→ Посмотреть программу курса

***

10. Figma — WillSkill

Курс для начинающих дизайнеров со стартом обучения сразу после оплаты. Продолжительность курса составляет 26 недель и состоит из 26 модулей. Вы изучите текстовые стили, Buttons, элементы интерфейса, Auto Layout, режимы прототипирования и многое другое.

Каждый месяц вам будут открываться новые материалы курса. Свою успеваемость вы можете контролировать при помощи тестов. А чтобы понять, подходит ли вам программа, школа предоставит пробный период на 1 неделю всего за 1 рубль.

• Стоимость: 25 990 ₽

• Рассрочка: от 722 ₽/мес.

• Продолжительность: 26 недель

• Формат: видеоуроки + практика + тесты + домашние задания

• Домашние задания: с проверкой

• Документ об окончании: сертификат

Особенности и преимущества школы:

• Обилие теоретического материала.

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

• Обучаться возможно из любой точки мира.

• Наличие промежуточного тестирования.

• Доступ сразу после оплаты.

• Подходит новичкам.

• Сертификат школы после окончания обучения.

Недостатки школы:

• В комментариях отмечают некорректное составление теоретической базы.

→ Посмотреть программу курса

***

11. Курс Веб Дизайн в Figma. Основы Ui Ux дизайна на практике — beONmax

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

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

• Стоимость: по запросу

• Рассрочка: по запросу

• Продолжительность: около 18 часов

• Формат: видеоуроки + практика

• Домашние задания: с проверкой

• Документ об окончании: сертификат

Особенности и преимущества школы:

• Обилие теоретического материала — 85 видеоуроков.

• Свою финальную работу вы выложите на Behance вместе с преподавателем.

• Курс подходит всем желающим.

• В программу входят лекции по поиску работы.

Недостатки школы:

• Не обнаружены.

→ Посмотреть программу курса

***

12. Дизайн интерфейсов в Figma — Pentaschool

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

С самого начала обучения вы сможете начать практиковаться и создавать несколько проектов, которые будут отличным дополнением к вашему портфолио. По окончании курса вы сможете не только находить первых клиентов, но и брать заказы на разработку прототипов в Figma.

• Стоимость: 19 000 ₽

• Рассрочка: от 4 750 ₽ в месяц по рассрочке

• Продолжительность: 3 месяца

• Формат: видеоуроки + практика + домашние задания

• Домашние задания: с проверкой

• Документ об окончании: сертификат

Особенности и преимущества школы:

• Обратная связь от преподавателей курса по практике и домашним заданиям.

• Обилие практики.

• Дополнительные материалы, которые дополняют лекционный курс.

• Портфолио можно дополнить работами с курса (макет лендинга и мобильного приложения).

• Можно оформить рассрочку.

• Есть сертификат о прохождении курса.

• Бессрочный доступ к материалам курса.

• Доступ к библиотеке вебинаров на время курса и еще 90 дней после выпуска.

Недостатки школы:

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

→ Посмотреть программу курса

***

13. Веб-дизайн в Figma от шейпов до интерфейсов — praktika.school

Программа состоит из 9 блоков, из которых вы узнаете все о шейпах, векторных фигурах, перьях и сетях, цвете, основах адаптивного дизайна и многое другое! Обучение проходит на примерах из реальной практики. Курс можно пройти всего за 1 неделю, выполняя при этом домашние задания и просматривая теоретические видео не длиннее 30 минут. Обучаться можно в удобное для вас время.

• Стоимость: подписка от 1 месяца за 990 ₽

• Рассрочка: ежемесячная подписка

• Продолжительность: в своем темпе

• Формат: видеоуроки + практика

• Домашние задания: с проверкой

• Документ об окончании: отсутствует

Особенности и преимущества школы:

• Вебинары и обратная связь от преподавателей.

• По окончании курса получается готовое портфолио.

• ТОлько актуальная информация.

• Можно оформить годовую подписку со скидкой.

• Короткие видео, не длиннее 30 минут.

• Обучаться можно в удобное время.

Недостатки школы:

• В комментариях отмечают нехватку информации в теоретической части.

→ Посмотреть программу курса

***

14.Figma для UI/UX дизайнера — Специалист

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

На курсе вы изучите основы Figma, научитесь создавать дизайн сайта для десктопа, использовать плагины, библиотеки. Поймете, как создавать интерактивные макеты с помощью дополнительных приложений. Узнаете, как выстраивать работу web-разработки и передавать свои проекты верстальщикам.

• Стоимость: 21 550 ₽

• Рассрочка: отсутствует

• Продолжительность: 2 недели

• Формат: видеоуроки + практика

• Домашние задания: с проверкой

• Документ об окончании в зависимости от программы: свидетельство выпускника, сертификат международного образца или удостоверение о повышение квалификации

Особенности и преимущества школы:

• Преподаватели — эксперты-практики с реальным опытом.

• Помощь в трудоустройстве.

• Практика на основе реальных кейсов.

• Качество курсов и экспертность преподавателей под постоянным контролем организаторов.

• Помощь профессионального наставника в построении карьеры.

Недостатки школы:

• Нет рассрочки.

→ Посмотреть программу курса

***

15. Веб-дизайн в Figma 2023. Основы UI/UX дизайна на практике — Stepik

На курсе вы научитесь основам веб-дизайна, углубленно изучите Figma, освоите прототипирование, создадите лендинг и страницу интернет-магазина по ТЗ и многое другое. Обучение проходит в формате просмотра теоретических и практических видео. Для закрепления материала предусмотрено 11 тестов. Программа подойдет новичкам и тем, кто хочет освежить, дополнить свои знания. По окончании программы можно получить сертификат школы.

• Стоимость: 3 990 ₽

• Рассрочка: есть

• Продолжительность: в своем темпе

• Формат: видеоуроки + практика

• Домашние задания: без проверки

• Документ об окончании: сертификат школы

Особенности и преимущества школы:

• Обширная теоретическая программа.

• Курс подходит новичкам.

• Выдается сертификат.

• Опытный преподаватель.

• Есть оплата в рассрочку.

Недостатки школы:

• Нет обратной связи от преподавателя.

→ Посмотреть программу курса

***

Бесплатные курсы по Фигме

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

• Основы Figma от Нетологии (обучение в любое время, 3 видеолекции, 2 проекта в портфолио, без сертификата, доступ после регистрации)

• Figma от Contented (курс по созданию сайта на Figma, лекции от эксперта, с практикой, без сертификата, доступ после регистрации)

• Figma. Начальный уровень от GeekBrains (видеокурс из 5 занятий, общая продолжительность — 1 месяц, без сертификата, доступ после регистрации)

• Figma: от установки до презентации проекта от Puzzlebrain (10 уроков и 7 практических занятий, вы получите дополнительные материалы от автора, без сертификата, доступ после регистрации)

• Figma: работаем в браузере от Bang Bang Education (5 уроков, блок с подсказками и итоговый текст, доступ после регистрации)

***

Как мы подбирали школы и курсы для нашей статьи?

При подборе курсов по Figma для нашей статьи мы опирались на следующие параметры:

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

• Качество материалов. Также мы изучали содержание курсов и качество материалов. Важно было убедиться, что они соответствуют нашим требованиям и помогут читателям получить максимальную пользу.

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

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

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

***

Итоги

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

• Основы продуктового дизайна Figma от Productstar — курс, который предлагает освоить инструменты Figma и создать несколько проектов для портфолио;

• Figma с нуля до PRO от Skillbox — курс, который предоставляет лучшие советы от профессиональных дизайнеров;

• Супер Figm от VideoSmile — курс с индивидуальным менторством и множеством обратной связи.

Расскажите, какие курсы по Figma вы проходили или хотели бы пройти?

Чуть ниже вы сможете наблюдать за моей работой:

Спасибо тебе, дорогой читатель, что прошёл этот путь со мной, надеюсь, что тебе понравилась моя работа, а если нет, то ничего страшного) Желаю тебе всего самого тёплого и наилучшего, прощай! До скорых встреч!)

Всем привет! Меня зовут Ольга и я веб-дизайнер.

На данный момент прохожу обучение в Логомашине. И недавно я закончила свой первый проект.

Для чего я здесь?! Хочу поделиться с вами, как я работала над этим проектом. Рассказать про этапы разработки дизайна и инструменты, которыми я пользовалась.

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

Тема текста: " 7 заповедей по работе с клиентами из дома".

На руках у меня был только готовый текст, разбитый на смысловые части.

1 этап: Поиск вдохновения и референсов. Создание мудборда.

Для поиска референсов я использовала две площадки: Pinterest и Behance. Там можно увидеть очень много качественных работ. Интерфейс очень понятный и позволяет быстро найти то, что необходимо.

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

При поиске референсов к данному проекту, мне приглянулось много вариантов.

И вот некоторые из них:

Что мне понравилось:

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

На второй - почерпнула идею "рамки" для изображения на главном экране. Но обыграла

в итоге немного по своему.

А на третьей - сочетание цветов. Один яркий акцентный цвет для выделения определённых элементов, светлый фон и текст чёрного цвета.

2 этап: создание вайрфрейма - чёрно-белого прототипа.

Он должен был быть, но.... я примерно понимала, как будут располагаться элементы.

Да и объём работы небольшой. Решила сразу приступить к сборке макета.

Поэтому перейдём к следующему этапу.

3 этап: UI KIT и сборка макета в Figma

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

Изначально у меня получался такой вариант. Расположение элементов как и хотела, но вот оформление в целом всё-же меня смущало.  Много серого и текст на таком изображении читается плохо, не так ли?!

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

И вот что у меня получилось:

UI KIT проекта

Макет лонгрида

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

Вы можете посмотреть этот проект полностью, перейдя по ссылке.

P.S. Текст статьи очень полезный! Если вы работаете на удалёнке, советую прочитать)))

Благодарю за внимание!