Lunacy

О программе

Lunacy - легкий, понятный и бесплатный инструмент для создания макетов интернет страниц, векторных артов, статичных рекламных баннеров и другой графической продукции, где требуется аккуратность, точное позиционирование объектов и дизайнерская строгость. Программа обладает инструментами векторного рисования, работы с типографикой, функционалом направляющих, большими наборами готовых иконок, фотографий, иллюстраций. Формат проекта программы - sketch, так что она работает с файлами, сделанным в программе Sketch. Есть импорт из Figma.

Интерфейс

На скриншоте я разметил цветными прямоугольниками основные области интерфейса программы:

Добавление объектов. На этой панели расположены инструменты для выбора того типа объекта, который вы собираетесь нанести на рабочую область. Это может быть текст, контурная фигура, стрелка, произвольно нарисованная фигура, изображение. Узлы фигуры можно редактировать. Нижняя кнопка на этой панели - для добавления новой рабочей области.

Рабочая область. Или Artboard. Это то пространство, которое заполняется вашими объектами. Артбордов может быть много на бесконечном холсте. Обращу внимание, как сохранять ваше произведение в растровый файл. Если хотите экспортировать отдельный объект, то выделите его и после этого сохраните через меню (кнопка ☰): Файл > Экспорт. Если хотите экспортировать всю рабочую область, то сначала совершите клик по слову Artboard вверху слева для выделения нужной рабочей области, и затем: Файл > Экспорт. Если хотите экспортировать весь холст со всеми арбордами и объектами, то кликните на пустом месте вне артборда для снятия всех выделений и: Файл > Сохранить как.

Дерево объектов. Удобный навигатор по вашему проекту. При выделении объекта в этом дереве он выделяется и на рабочей области (и наоборот). Объекты имеют родителем Artboard, который в свою очередь имеет своим родителем Страницу.

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

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

Конкуретные преимущества

Все, конечно, удобно и симпатично в программе, но во многих приложениях деловой графики, прототипирования и макетирования это есть. Поэтому, отмечу конкурентные преимущества:

1. Программа официально бесплатная. Без рекламных штучек.
2. Программа обладает огромным набором иконок, качественных фотографий (в том числе с прозрачным фоном), сюжетных иллюстраций для быстрой вставки в свои проекты. Это хозяйство можно найти в разделе Библиотека. Материалы библиотеки сгруппированы по темам. В новых версиях программы Библиотека закрепилась на новой левой вертикальной панели.
3. Программа предоставляет возможность видеть и копировать в буфер обмена код выделенного объекта в форматах: CSS, SVG и XAML. Это крайне полезная возможность для профессиональной работы над дизайном приложений.
4. Вызывает уважение компания-разработчик. Это Icons8, которая примечательна другими своими продуктами, с которыми я имел дело. Это, например, Pichon - десктопный менеджер иконок, в котором собрано более 100 тысяч иконок, сгруппированных по темам и форматам. Или, AirExplorer - облачный файловый менеджер - это также десктопное приложение, в котором заводятся аккаунты от разных облачных дисков и ваши файлы путешествуют между облаками напрямую.

Полезные особенности

Компоненты. Это объекты многоразового использования. Например, вы готовите несколько видеоформ дизайна в разных артбордах. На них должна присутствовать одна и та же кнопка. Тогда вы создаете её один раз в виде компонента. Потом эту кнопку-компонент можно размножить по разным артбордам. Теперь, если изменить стиль главного компонента, то стили размноженных компонентов этой кнопки также изменятся. Если же менять стиль экземпляра компонента, то изменится только он.

Прототипирование. Это задание интерактивности на объект. Например, на клик по кнопке можно задать действие перехода на другой артборд или фигуру.

Хотспот. Похожий по своей сути на прототипирование функционал, только хотспот - это невидимая область, по клику на которую можно перейти на другой артборд.

Скачать, посмотреть, почитать