В этой статье будут перечислены некоторые полезные инструменты дизайна макетов/каркасов/UX, которые позволяют создавать демонстрации и прототипы продуктов. Для создания мокапов доступно множество проприетарных веб-инструментов. Однако в этой статье основное внимание будет уделено бесплатным инструментам создания макетов с открытым исходным кодом, которые можно установить и использовать в Linux. Обратите внимание, что макеты, каркасы, диаграммы и графика пользовательского интерфейса не обязательно являются одними и теми же терминами, и между ними есть некоторые различия. Однако все они служат одной цели — созданию визуальных образов и прототипов программного обеспечения и других продуктов, прежде чем вы добавите к ним какие-либо функции. В этой статье будут рассмотрены такие инструменты, доступные для Linux.
Pencil — это бесплатный инструмент для создания макетов и пользовательского интерфейса с открытым исходным кодом, который предлагает множество предопределенных форм для создания прототипов и визуальных элементов как для настольных, так и для мобильных приложений. Он также включает в себя ряд различных инструментов рисования для создания ваших собственных фигур и рисунков. Другие основные функции Pencil включают поддержку создания блок-схем и диаграмм, встроенный браузер изображений, интерактивные ссылки и возможность экспорта макетов в различные форматы файлов. Pencil, вероятно, является наиболее полным инструментом создания макетов с открытым исходным кодом, доступным сегодня, наравне со многими проприетарными инструментами дизайна, доступными в Интернете.
Akira — это бесплатное приложение с открытым исходным кодом для создания макетов и прототипов пользовательского интерфейса. Приложение в настоящее время находится на стадии альфа-тестирования и активно развивается. Он имеет ограниченные формы и инструменты рисования и в основном позволяет изменять геометрию и положение этих объектов. Помимо этого, у него не так много функций, если вы сравните его с Pencil. Тем не менее, это уже выглядит многообещающим, и со временем в него должны быть внесены некоторые улучшения.
Glade — это утилита «Быстрая разработка приложений (RAD)», которую можно использовать для проектирования пользовательских интерфейсов, макетов и прототипов приложений GTK+/GNOME. Вы можете добавить любой действующий виджет GTK в пустую область, а затем использовать его, добавляя дополнительные виджеты. Вы можете реструктурировать, изменить размер и упорядочить любой виджет, добавленный на холст, а также изменить его свойства. После завершения проектирования пользовательского интерфейса вы можете экспортировать структуру пользовательского интерфейса в XML-файл. Эти файлы XML можно использовать с любым языком программирования, официально поддерживаемым набором инструментов GTK (Python, C ++ и т. д.). Если вам нужно экспортировать макеты в формате изображения, вы можете сделать скриншоты центральной панели. Glade — официальное приложение от проекта GNOME.
Вы можете установить Glade в Ubuntu, используя команду, указанную ниже:
$ sudo apt install glade
Glade доступен в репозиториях всех основных дистрибутивов Linux, поэтому вы можете использовать диспетчер пакетов для его установки. Также здесь доступна универсальная упаковка Flatpak.
Mydraft — это инструмент графического дизайна с открытым исходным кодом, который позволяет рисовать каркасы. В настоящее время проект находится в стадии разработки, и «Mydraft» кажется предварительным названием. Вы можете установить его в Linux как локальное приложение Node.js или использовать в браузере. Он направлен на то, чтобы скрыть некоторые ограничения приложения Pencil и предоставить конечным пользователям улучшенный и современный пользовательский интерфейс. Mydraft предоставляет множество форм и инструментов для создания прямых линий для создания макетов. Вы можете изменять размер и вращать эти фигуры по своему усмотрению. Однако мне не удалось найти карандаш для рисования нестандартных линий и кривых. Возможно, он будет добавлен в будущем, поскольку приложение в настоящее время находится в разработке.
Inkscape является неоспоримо наиболее популярным бесплатным приложением с открытым исходным кодом для создания векторной графики. Вы можете использовать его для различных целей, включая создание значков, файлов PDF, анимации, рисунков, логотипов и так далее. Inkscape поставляется с множеством предустановленных форм, и вы также можете рисовать свои собственные. Он включает в себя множество инструментов для изменения внешнего вида этих фигур, что делает его подходящим инструментом для создания макетов. Хотя он предназначен не только для создания макетов, и его многочисленные варианты могут быть ошеломляющими, в нем есть довольно обширный набор инструментов для рисования. Вы можете экспортировать свои макеты во множество различных форматов файлов.
Чтобы установить Inkscape в Ubuntu, используйте команду, указанную ниже:
$ sudo apt install inkscape
Вы можете установить Inkscape в другие дистрибутивы Linux из официальных репозиториев. Вы также можете скачать пакеты AppImage и Flatpak с официального сайта .
Figma — это проприетарный инструмент для создания макетов и прототипов UX-дизайна. Он считается одним из лучших веб-инструментов для создания дизайна продуктов. Он особенно подходит для команд, так как предлагает инструменты для совместного редактирования. Его базовый план бесплатный, чего должно хватить для индивидуальных пользователей и небольших команд, но он также предлагает платные планы, если вам нужно что-то дополнительное. Исходный код Figma недоступен на момент написания этой статьи. Однако автономная настольная сборка для Figma была создана сообществом для Linux. Эта сборка основана на Electron, и вы можете использовать ее как любое другое настольное приложение, доступное для Linux. Этот исходный код для файлов сборки Linux доступен на GitHub (не для самой Figma).
В Linux не так много специальных инструментов для создания макетов и прототипов по сравнению с другими операционными системами. Если в этих приложениях отсутствуют инструменты рисования для ваших нужд, вы можете опробовать множество доступных платных веб-сервисов.