Найти тему
Contented

Рассказываем, почему без знаний Figma невозможно представить современного дизайнера

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

Вы тоже так думаете? Что ж, вызов принят! В этой статье представляем выжимку из одного нашего урока по графическому дизайну. Сейчас вы узнаете, что такое Figma, и научитесь создавать красивый дизайн для сайтов за считаные минуты.

Figma – это что-то вроде нового Photoshop?

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

У Figma есть несколько важных особенностей:

  • Это векторный редактор. А значит, здесь удобнее работать с геометрическими фигурами и можно масштабировать полученное изображение на несколько порядков.
  • Figma можно открыть в браузере. А все рабочие проекты автоматически сохраняются в облаке.
  • Можно работать бесплатно! У вас будет шанс попробовать себя в роли графического дизайнера и не тратить на это кучу денег.
Figma – рабочая лошадка веб-дизайнеров, а Photoshop – графических дизайнеров
Figma – рабочая лошадка веб-дизайнеров, а Photoshop – графических дизайнеров

И как мне создать дизайн сайта?

1. Перейдите на официальный сайт Figma. Здесь вы можете или просто  открыть редактор в браузере, как любую другую страницу в сети, или скачать приложение на Windows и MacOS. У Figma прямо в каталоге проектов есть небольшое обучение по базовым функциям – рекомендуем его пройти.

2. Создайте проект. В бесплатной версии Figma их может быть только три, но этого с головой хватит для оттачивания своих навыков. Первым делом в проекте нужно создать рамку – Frame. Это основа для вашего дизайна. Плюс Figma в том, что можно сразу выбрать нужный формат: для веб-страницы на компьютере – Desktop, а на телефоне – Phone.

Здесь можно выбрать рамки хоть для постов в Инстаграме или презентаций, хоть обычного формата А4
Здесь можно выбрать рамки хоть для постов в Инстаграме или презентаций, хоть обычного формата А4

3. Настройте сетку. Справа в разделе Design есть опция Layout Grid. Ее нужно активировать, чтобы создать сетку, без которой не получится выстроить детали сайта симметрично.

Размер сетки можно регулировать в зависимости от вашей задумки
Размер сетки можно регулировать в зависимости от вашей задумки

4. Создайте элементы сайта. Кнопки, баннеры, боковое меню – все это можно «построить» при помощи обычных прямоугольников и других геометрических фигур. Чтобы было легче создавать свои элементы, можно опираться на примеры реальных сайтов. Например, страница нашего бесплатного курса по Figma, по большей части, сделана из прямоугольников.

-5

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

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

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

Что еще нужно знать графическому дизайнеру?

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

Курс по графическому дизайну от онлайн-школы Contented полностью подготовит вас к будущей профессии:

  • Изучите работу во всех инструментах дизайнера. Помимо Figma, вы освоите Photoshop, Illustrator, InDesign, After Effects и Cinema 4D. Благодаря этому вы станете универсальным дизайнером и при желании сможете погрузиться в более узкую сферу.
  • Получите очень много практики. Учеба в Contented основана на постоянном оттачивании навыков, а не простом изучении теории. К концу курса вы соберете портфолио из 18 реальных проектов.
  • Сможете начать успешную карьеру. Актуальные знания и навыки, портфолио и диплом от Contented – все это поможет вам без проблем устроиться на позицию junior-дизайнера.

Графический дизайн – очень интересная и высокооплачиваемая сфера, где не хватает специалистов. Чтобы получить все необходимые знания, записывайтесь на курс от Contented. И советуем поспешить! До 17 января действует скидка 45%.