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

От дизайна до производства

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

Родившийся в Google, (дизайн) спринт — это методология, изобретенная Джейком Кнаппом, которая позволяет быстро создавать и тестировать идеи. Позже Джейк написал книгу под названием СПРИНТ: как решать большие проблемы и тестировать новые идеи всего за пять дней, которая с тех пор стала бестселлером.

Тем не менее, те захватывающие экраны, разработанные (в Figma), которые вам всем понравились, — это обещание. Теперь вы должны выполнить это обещание; именно здесь передача дизайна становится критически важной, поскольку она связывает творческую работу дизайнера с производственной работой разработчика.

Ниже приведены некоторые способы, которыми компании обычно занимаются передачей дизайна.

Как компании справляются с передачей дизайна

Текущий способ передачи проекта: полагаться на спецификации проекта и документацию.

Чтобы помочь вам в передаче дизайна, программное обеспечение для дизайна, такое как Figma (и все другие), позволяет вам видеть спецификацию, связанную с вашими элементами дизайна.

Но единственная проблема заключается в том, что это дает вам только ограниченное 2D-представление вашего проекта, когда вам нужен полный 3D-план вашего проекта.

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

Альтернативные способы

Чтобы обойти эти ограничения, некоторые компании и стартапы с тех пор изучили следующие альтернативы:

  • Альтернативный способ передачи дизайна заключался в том, чтобы позволить вашим дизайнерам изучить основы фронтенд-разработки — также известные как HTML, CSS — чтобы облегчить передачу, говоря на языке разработчиков. Это похоже на дизайн с учетом вашего разработчика. Но это может быть утомительно для ваших дизайнеров, поскольку увеличивает их рабочую нагрузку.
  • Другая версия этого заключается в том, чтобы ваши разработчики узнали одну или две вещи о (UI) дизайне и программных инструментах дизайна — Figma, Sketch, Adobe XD и им подобных — чтобы более свободно говорить на языке дизайнеров. Но это тоже не данность; многие разработчики ненавидят его по очевидным причинам.
  • Наем разработчиков полного стека, как в швейцарской армии, которые также разбираются в дизайне пользовательского интерфейса. Хорошо…

К счастью, есть лучший способ, чем просто идти навстречу.



Инструменты для создания SaaS менее чем за 2 дня
Способ быстро передать ваш технический продукт в руки клиентов и начать получать постоянный доход без…средства. ком



Передача дизайна по принципу Zeplin

Вы ломаете голову над методами, упомянутыми выше? Тогда Zeplin — это то, что вам может понадобиться прямо сейчас.

Zeplin круты, как и их тезка рок-группы. Теперь вы можете выйти за рамки передачи спецификаций дизайна благодаря этому революционному инструменту, но не только. Самое главное, Zeplin прекрасно объединяет всю команду разработчиков. Продуктовые группы ведущих компаний, таких как Salesforce, Box, Pinterest, уже пожинают плоды Zeplin.

Zeplin.io — это мощная платформа, которая может многое предложить. Но пока я просто дам вам обзор.

  1. С Zeplin вы не делитесь только спецификациями дизайна, вы публикуете финальную версию — это очень полезно, когда ваш дизайн включает в себя некоторые взаимодействия и когда вы не знаете, какой из спецификаций экранов дизайна вам следует поделиться.
  2. Вы получаете отличные фрагменты кода на разных платформах.
  3. Zeplin.io интегрируется со всеми функциями стека инструментов:
  • Интеграция Figma, Sketch, Adobe XD и даже Photoshop (для дизайнеров продуктов).
  • Jira, Slack, Trello и т. д. (для продакт-менеджеров/владельцев и всей команды)
  • Визуальный код (для разработчиков)
  • Android Studio (для разработчиков программного обеспечения Android).

3. Кодовая база разработчиков теперь подключена к вашей дизайн-системе.

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

4. Zeplin.io поставляется во многих вариантах: приложение для Mac, приложение для Windows и веб-приложение.

5. И последнее, но не менее важное: Zeplin предлагает бесплатный план, а обновление начинается от 6 долларов США за рабочее место в месяц для 12 проектов. Блаженство!

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

Чего же ты ждешь? Зайдите на Zeplin.io, чтобы попробовать. Обещаю, позже вы меня поблагодарите ;)