*/?>

Блог студии

Разработка масштабируемых web систем. Наш опыт.

Каждый раз при разработке сайтов или проектировании интерфейсов встает задача по выбору инструмента для создания прототипов и конечного дизайн-макета. Если говорить о процессе когда дизайнер использует только проверенный многолетней практикой Photoshop.

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

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

Мы, в своей команде, для организации работы над макетами и прототипами интерфейсов выбрали инструмент Figma. Почему мы сделали такой выбор?

1. Удобный интерфейс, в том числе на экранах небольшого размера

2. Много вспомогательных действий упрощающих работу с позиционированием элементов, смене цвета, группировкой объектов. Например, механизм адаптации макета, позволяющий менять ширину рабочей области, и получать что-то похожее на адаптивный интерфейс. Конечно же это не решает всех задач по созданию макетов в различных разрешениях под bootsrap сетку, к примеру. Но намного проще подправить сжатый по автоматическим правилам макет, чем создавать разрешение для нового breakpoint с нуля.

3. Удобный механизм командной разработки. Дизайнер может дать доступ на редактирование макетов другому дизайнеру. Заранее сделав копию своей работы, разумеется. Если же макет передается на верстку, то очень удобно получать комментарии от разработчиков и реагировать на них. Если же в проект вносились изменения, то дизайнер оставляет сообщение для разработчика непосредственно на макете. Все это позволяет уйти от передачи файлов одновременно с их описанием в мессенджере, а это существенная экономия времени.

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

5. Скорость работы. Здесь особенно нравится что после выхода компьютера из спящего режима figma работает также быстро, как и до входа в него. При выполнении действий по масштабированию или редактированию больших макетов также не возникает проблем с производительностью.

6. Удобное приложение для просмотра мобильных макетов на экране смартфона.

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

Все вышеописанное наш личный опыт, возможно Вам больше нравится Sketch, XD, Photoshop, Illustrator или любой другой продукт. Но в нашей компании мы сделали осознанный выбор в пользу Figmaи мы хотим выразить огромную благодарность разработчикам этого продукта!

Текст статьи не является рекламным и носит рекомендательный характер. Выбор всегда за Вами.

02.04.2019г.