“времена дизайнеров-универсалов, которые могут и логотип сделать, и фото обработать, и сайт нарисовать, и сверстать его, уже проходят”
Чё, правда? У корпорации Adobe существует XD, для создания макетов сайтов. Вы можете спокойно работать в Фигме без интернета и сохранять изменения вручную в локальной копии проекта. При этом в компоненты можно добавить вместо фото или изображение и изменить его свойства. Это применяется, например, при дизайне карточек товара в макете интернет-магазина – сами карточки могут представлять собой компоненты, но в них можно вставить фото разных товаров.
Инструменты для работы со шрифтами
Adobe XD имеет возможность создавать стандартные векторные фигуры и рисовать пером. Но при этом ты не можешь редактировать точки предустановленных форм да и работа с созданными векторными изображениями то же несколько ограничена. Тут нужно сделать ремарку, что при желании поработать с вектором – нужно отправляться в люстру, что вполне логично и удобно сделать из Adobe XD. На первый взгляд в этом нет смысла, но… поверь, смысл есть. Помимо этого, каждый участник проекта может отслеживать любую его итерацию, а также загружать их или выполнять откат к более старым версиям документа.
- Было еще несколько моментов, которые, как нам казалось, ускорят работу и облегчат жизнь дизайнерам, если мы это сделаем.
- AEUX, когда нужно перенести интерфейсы в After Effects для анимации.
- В любой момент проджект видит, чем занят каждый специалист команды.
- «Безусловно и сейчас большое количество архитекторов и дизайнеров пользуются данной программой для создания быстрых концепций, разработки прототипов и т.д.
- Несмотря на то, что интерфейсы эти — практически братья-близнецы, многие фундаментальные отличия в организации проектов требуют времени, что бы освоится и привыкнуть.
Удобство в работе — важный параметр при выборе графического редактора. Верстальщик получает макет, показывает свёрстанные проекты клиенту, получает правки и отрабатывает их. Чем проще этот процесс, тем меньше ошибок и лишней работы у всех членов команды. Photoshop — мощный графический редактор, основное предназначение которого — работа с растровой графикой.
Сетки или Layout Grids — это уникальная функция фреймов в Figma
Теперь не придется копировать элементы из старых макетов — достаточно просто перенести элемент из библиотеки на фрейм. Одной из главных особенностей Adobe XD является интеграция с другими продуктами Adobe, такими как Photoshop и Illustrator. Это позволяет дизайнерам использовать уже готовые элементы из этих приложений, такие как иллюстрации и инфографика, в своем дизайне. В Figma удобно создавать прототипы сайтов, дизайны интерфейсов веб- и мобильных приложений, иллюстрации, макеты для соцсетей и интернет-рекламы, логотипы и фирменный стиль. Иногда, по просьбе заказчика, библиотеки используются и при создании дизайна. Это удобно, когда нужно быстро создать объемный, но простой по дизайну проект, или когда над проектом работает несколько дизайнеров – чтобы все страницы были унифицированными.
Например, заказчик, в описание задания, может просто кинуть ссылку на макет и все желающие, его увидят (в режиме для чтения). В свою очередь, исполнитель, имеет такую же возможность, показать заказчику, как продвигается работа и получить комментарии, прямо внутри проекта. Программу Figma не обязательно устанавливать на компьютер, с ней можно работать через браузер – открывать дизайнерские макеты и создавать свои.
Импорт sketch-файлов
Важно обучить и замотивировать всю команду, иначе переход будет морально тяжелым и затянется на долгие месяцы. Это и стало нашей главной ошибкой, которая до сих пор приносит немало проблем. Поэтому, если вы готовы к такому переходу, необходимо провести курсы по Figma для всех сотрудников, которые будут с ней работать. Для начала мы попытались собрать в один список все используемые в проекте оттенки.
Сложный интерфейс потребует больше времени, чтобы в нём разобраться. Пользователи таких программ путаются из-за большого количества информации и инструментов, поэтому чаще figma для верстальщика ошибаются. Чтобы выбрать редактор, сравним удобство интерфейсов и совместной работы, варианты использования ПО и его установки, минимальные требования к компьютеру.
Какая программа мне подойдет?
Фрилансера, вопрос оплаты не должен беспокоить, до тех пор, пока он не начнет работать в команде, где над проектом работает больше двух человек. Но, согласитесь, что для компании – $12 / месяц, не катастрофа. Элементы интерфейса — кнопки, иконки, формы обратной связи — быстро прорисовываются с помощью готовых модулей. Кнопки в два счета можно сделать кликабельными, списки раскрывающимися, а иконки анимированными. Продолжая тему гибкости, нельзя не сказать и про сторонние плагины. Внешние модули дополнительно расширяют стандартный функционал графического редактора.
Также в Фигме есть множество функций, призванных облегчить работу веб-дизайнера. В Фотошопе такого нет, и если на фотошопном макете вам понадобится отредактировать все кнопки CTA или поменять шрифты – я вам не завидую. Программа пригодится вам и для других задач — например, с её помощью можно создать презентацию. Наша команда, например, делает это всё чаще — дизайнеры часто представляют свои проекты прямо из Figma, и даже менеджеры постепенно учатся работать в этом редакторе.
Библиотека компонентов — это еще одно преимущество Figma
Да, приватностью придётся пожертвовать, и никакого творческого уединения работающему над проектом художнику не светит. Но при работе над крупными заказами это чаще всего неизбежно. В 2018 году https://deveducation.com/ Figma назвали одним из самых быстро развивающихся инструментов для разработчиков и дизайнеров. И главное, что создатели платформы всегда очень внимательно следят за фидбэком от пользователей.
