Бесплатный набор для вайрфрейминга в Adobe XD — Создание интерактивных вайрфреймов быстрее и лучше

Вайрфрейминг — важный навык в индустрии программного обеспечения, используемый для организации информации о интерфейсе и передачи ее команде. Balsamiq, UXPin, Omnigraffle, Axure и т. п. — это немногие из уже признанных приложений для вайфрейминга. Так, почему я приложил усилия для создания этого набора вайрфреймов?

 

Основная причина заключается в том, чтобы избежать множественной зависимости инструмента при создании артефактов дизайна, таких как вайрфреймы, макеты и т. д. Я использовал Balsamiq для вайрфрейминга, Sketch для создания макетов и Keynote для моделирования прототипов / сценариев. Но задача состоит в том, чтобы управлять и объединить эти программные обеспечения.

Когда в прошлом году Adobe выпустили свой новый инструмент под названием Adobe Experience Design (также известный под названием Adobe XD), я сразу его попробовал. Я использовал инструмент для разработки экранов в своем проекте, и он дал мне одну бесшовную платформу для разработки экранов и моделирования сценариев между ними. Эта функция заставила меня задуматься о вайрфрейминге в Adobe XD, чтобы я мог создавать вайрфреймы и соответствующие макеты внутри одной платформы. Кроме того, Adobe XD предлагает статическое прототипирование, которое позволяет проводить тестирование пользователей в самом начале цикла разработки, даже на этапе вайрфрейминга.

Этот комплект содержит:

Wireframing Kit for Adobe XD
  • Текстовые помощники: заголовок, абзацы, блок цитаты, упорядоченный список, неупорядоченный список.
  • Элементы управления вводом: метка, поле ввода текста, текстовая область, кнопка, чекбокс, радиокнопка, номер, выпадающий список, переключатель, слайдер, выбор цвета, выбор даты, группа полей, рейтинг звёздочками, рейтинг сердечками, загрузчик файлов, перетаскивание, загрузка файла.
  • Диалоговые окна и обратная связь: предупреждение, подсказка, загрузчик, индикатор выполнения, уведомления, всплывающие подсказки.
  • Мультимедийные элементы управления: аудио, видео, изображения, миниатюры.
  • Навигационные элементы: горизонтальная навигация, вертикальная навигация, вкладки, постраничная навигация (пагинация), хлебные крошки, кнопка предыдущий-следующий, управление сегментом, этап/стадия, панель вкладок.
  • Приборная панель (Дашборд): вертикальная гистограмма, горизонтальная гистограмма, круговая диаграмма, кольцевая диаграмма, линейный график, комбинированная гистограмма, диаграмма пузырьков, точечная диаграмма, измерения, блоки данных, карта мира.
  • Элементы помощи входа текста: (текстовое поле с метками) электронная почта, имя пользователя, пароль, имя, псевдоним, название, компания, facebook, твиттер, номер телефона, номер мобильного телефона, адрес, поиск, местоположение.
  • Списки помощники: список продуктов, список новостей, список статей.
  • Разные компоненты: карусель, редактор WYSIWYG, календарь, CAPTCHA, аккордеон, рассказать в соцсетях, таблица, карта, теги, дневной диапазон, временной диапазон, форма регистрации, форма входа в систему, экран чата/сообщения.
  • Карты: карточный макет.
  • Устройства: мобильный телефон, настольный компьютер.