Делаем добро вместе Детальнее

Уроки Figma

8 уроков
Консультации
Изучение Figma (Фигма) с нуля / Урок #1 – Создание дизайна (UI/UX) для начинающих

Изучение Figma (Фигма) с нуля / Урок #1 – Создание дизайна (UI/UX) для начинающих

Представляем вам уроки по изучению программы Figma (Фигма) с нуля для начинающих. В ходе курса вы научитесь создавать UI, UX дизайн для веб и мобильных проектов. К концу курса у вас будут твердые знания в разработке дизайна при помощи программы Figma.

Видеоурок

Что такое Figma?

Программа Фигма впервые появилась в 2012 году. Она быстро начала набирать обороты и уже в 2013 году привлекла около 4 миллионов долларов в виде инвестиций.


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



Почему Фигма стала популярным?

Программа за небольшой промежуток времени смогла быстро перевернуть рынок и подвинуть таких гигантов, как: Photoshop, Sketch, Illustrator и многих других.


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



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


Что умеет Figma?

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


Приятным бонусом является то, что весь дизайн и все объекты идут в формате SVG. Для тех кто не знает, SVG – это векторный формат изображений, чей особенностью является генерация фото через код. Фото можно сжать или увеличить в 100 раз, но при этом качество фото не изменится.



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


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


А как же PhotoShop?

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


Разработчики любят Фигму, ведь разобраться в ней можно быстро и не требуется долго и нудно изучать сложную и продвинутую программу PhotoShop. Фигма даже предоставляет небольшие наброски CSS кода, что не может не радовать верстальщиков сайтов.



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


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



План курса

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

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

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

Также стоит посмотреть

3D шутер c мультиплеером в Unity
8 уроков
Создание игры на C++ / Создание "Змейки"
3 урока
Видеокурс по PHP, MySQL / Создание динамического сайта
Курс по React JS для начинающих
14 уроков
С++ программирование / Уроки C++
26 уроков
Изучение Python до профи / Основы, Django, TKinter
Комментарии для сайта Cackle