Экраны были другими десять лет назад; толще, шире, привязан к стенкам. В то время в наших карманах были экраны, хотя они еще не были настолько голодны для глаз.
Современные экраны гораздо более продвинутые, чем в 2007 году, но многие из инструментов, которые графические дизайнеры используют для заполнения они с цифровыми интерфейсами не сильно изменились. Фактически, многие дизайнеры до сих пор используют Photoshop — отраслевой стандарт, существовавший до дней iPhone — для создания внешнего вида ваших уведомлений Slack и макета вашего канала Instagram.
В последние несколько лет урожай из проворных новичков появилось желание отвлечь графических дизайнеров от мощного графического редактора Adobe. Самым популярным является инструмент под названием Sketch, который предлагает множество функций Photoshop, но он более прост в использовании и специально создан для дизайнеров интерфейсов. Конкуренция стала настолько ожесточенной, что в прошлом году Adobe выпустила бета-версию своего собственного специализированного инструмента для проектирования интерфейсов, прямо названного Adobe Experience Design CC (он же Adobe XD).
Это все немного внутри. бейсбол и, может быть, немного скучно, я признаю. Но учтите, что эти инструменты на самом деле заперты в битве за лояльность дизайнеров в самых влиятельных на сегодняшний день компаниях — дизайнеров, которые будут использовать приложение-победитель для разработки цифровых продуктов на долгие годы.
Сегодня эта рукопашная схватка получает больше Интересно, что инструмент дизайна интерфейса под названием Figma делает значительный шаг к центру кольца. Инструмент на основе браузера помогает дизайнерам создавать цифровые продукты как группу, позволяя нескольким людям совместно работать в режиме реального времени при рисовании, перетаскивании и редактировании элементов на экране. Технически компания Figma была запущена в сентябре прошлого года, и с тех пор она платит клиентам за такие большие деньги, как Microsoft, Uber и Slack. Но сегодня стартап представил две ключевые функции, которые должны дать Sketch и Adobe паузу — и, вероятно, принесет ему еще несколько компаний за свою трофейную стену.
Первое усовершенствование, «режим кода», предоставляет разработчикам доступ к код, который лежит в основе внешнего вида проекта. Второй, «режим прототипа», позволяет дизайнерам создавать, представлять и модифицировать рабочие прототипы цифровых продуктов. Оба режима работают непосредственно из Figma, выбор, предназначенный для ослабления напряженности, которая может возникнуть между дизайнерами и разработчиками кода, с которыми они сотрудничают.
Когда он был запущен в прошлом году, Figma привлекла внимание дизайнеров двумя функциями: совместная работа в режиме реального времени и контроль версий. Точно так же, как вы можете работать в Документах Google одновременно с несколькими людьми, многие люди могут объединить усилия в проекте в Figma. Твики и изменения сразу сохраняются в облаке, сохраняя подробную запись истории каждого проекта и не позволяя коллабораторам перезаписывать работу друг друга.
Эта универсальная среда в реальном времени — это находка для профессионалов дизайна , которые долгое время полагались на мощные рабочие процессы, включающие в себя несколько программ, плагинов и облачных сервисов. Вы можете создать экран в Photoshop, сохранить его в облаке с помощью Dropbox, а затем поделиться ссылкой на эту папку Dropbox со своими соавторами, которым затем необходимо выполнить те же действия, чтобы поделиться своими ревизиями с вами.
«Первый раз, когда я использовал Figma, был в обзоре дизайна», — говорит дизайнер продукта Trello Адам Симмс, который использует инструмент для создания расширений для популярного приложения своей компании по управлению проектами. «Я отправил десяти разработчикам ссылку на предварительный просмотр моего проекта, и все они запрыгнули в живую демонстрацию дизайна. Когда они поняли, что смотрят на исходные файлы и могут следить за мной на экране, опыт полностью изменился. превратился в этот интерактивный цикл обратной связи, где они могли комментировать вещи, когда я их просматривал. "
Сотрудничество — не единственная сильная сторона Figma. Приложение на основе браузера, оно работает независимо от того, используют ли ваши сотрудники компьютеры Mac, Windows или ноутбуки с Linux. (Adobe XD работает только на Windows и Mac, а Sketch предназначен только для Mac.) С другой стороны, Sketch и Adobe лучше работают в автономном режиме. Первый выигрывает от богатой сети сторонних плагинов, второй — от интеграции с набором продуктов Adobe, не говоря уже о наследии дизайна компании.
В любом случае, наиболее заметными новостями является то, что конкуренция подтолкнуло все эти компании к решению проблем рабочего процесса, которые изводили дизайнеров годами. Но битва за сердца и умы дизайнеров Силиконовой долины только начинается. Функции, которые они оценят больше всего и которые предоставят их первыми, все еще выясняются.