Заказать дизайн
Дата публикации: 14.04.2020
Перевод оригинальной статьи

Введение

Веб-приложение Inmotus SVG Generator — это онлайн-редактор для пакетной обработки SVG графики.

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

Учебное видео «Как это работает»

Посмотрите обучающее видео, чтобы ознакомиться с приложением Inmotus SVG Generator.

Inmotus SVG Generator — это оптимальный способ для дизайнера получить стилизованные SVG пиктограммы (элементы интерфейса) в считанные секунды.

В обычной практике графический или веб-дизайнер работает над созданием пакетов (наборов SVG графики) графических файлов или пиктограмм на основе монотонной ручной работы.

Поэтому специалисты Inmotus Design решили облегчить жизнь дизайнерам и повысить их производительность.

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

Приложение Inmotus SVG Generator состоит из полезных функций для редактирования векторной масштабируемой графики и значков экспорта в выбранных форматах (SVG, PNG, PDF, ICO, Vector Drawable) для комфортной работы.

Инструменты для обработки SVG графики

В версии Inmotus SVG Generator 1.0 представлены следующие инструменты:

  • Импорт значков глифов в SVG.
  • Выберите стиль (фон).
  • Добавить пользовательские стили для фона.
  • Предварительный просмотр выбранных символов глифа + фон.
  • Используйте значок сетки для предварительного просмотра.
  • Масштабирование предварительного просмотра до интересующего размера.
  • Выбор цвета для объекта и фона.
  • Экспорт созданных комбинаций иконок на основе модели разделения в выбранные форматы файлов: SVG, ICO, PDF, PNG, Vector Drawable.
  • Редактирование векторной масштабируемой графики.
  • Экспорт SVG изображений в выбранных форматах (SVG, ICO, PDF, PNG, Vector Drawable).
  • Функция «Поделиться ссылкой» для следующих специалистов: копирование ссылки на продукт.
  • Обновление сессии для новых действий.

Необходимые характеристики для работы с приложением

Общие настройки для комфортного использования Inmotus SVG Generator.

  • Приложение доступно для работы на платформах PC или Mac.
  • Минимальный размер экрана: 1000×640px.
  • Интернет в режиме онлайн.
  • Браузер с технологией WebKit (высокая версия).
  • Правильная визуальная интерпретация с использованием палитры RGB.
  • Управление с помощью клавиатуры и мыши.

Процесс дизайна с Inmotus SVG Generator

Реальный процесс дизайна SVG графики в реальном времени с Inmotus SVG Generator.

Сначала дизайнер создает в векторном редакторе плоские иконки глифов (glyph icons) в файлах SVG без дополнительных фоновых слоев.

В результате в папке экспортируемых значков будет около 100-300 глифов (обратите внимание: в каждом файле один символ, описанный формой ).

Импорт значков глифов в Inmotus SVG Generator отображается в списке в левой колонке.

Выбранные стили в правом столбце будут в режиме предварительного просмотра, например сэндвич (значок глифа на выбранном фоне) в центральном блоке Inmotus SVG Generator.

Измените цвета с помощью Pallete для объекта (символ глифа) и для фона (стиль).

Один дизайнер может делать около 100-300 символов глифа в день и выбирать около 40 стилей для фона.

При следующем экспорте через несколько секунд будут выполнены комбинации раскола (глиф + стиль) и экспортированы все значки в выбранных форматах файлов в ZIP-архив на клиентском ПК или Mac.

В результате получается около 4000-12000 иконок в течение короткого времени, как несколько минут.

Что нового?

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

Пример №1: файл фона для пиктограммы глифа VPN
Интерфейс совмещения пиктограммы глифа вращения механизма.

Ключевые функции Inmotus SVG Generator

Разработчики Inmotus Design публикуют список ключевых функций для комфортной работы в онлайн SVG Generator.

Импорт для наборов иконок SVG Быстрый импорт иконок SVG для следующего редактирования.

Популярные сетки для пиктограмм Сетки для Android, iOS и материалов.

Кратное масштабирование изображения Масштаб от 16×16 до 512×512 пикселей для реального размера значков использования.

Каталог глифов Каталог графики включает глифовые изображения для выбора и редактирования в процессе дизайна.

Выбор цвета объекта и фона HEX и визуальный выбор цветов для объекта и фона.

Стили для объединения слоев Фоновые стили для объединения глифа и фона.

Добавление новых стилей Библиотека стилей для выбора и использования в работе.

Экспорт для Android и iOS Функция быстрого экспорта для приложений Android и iOS.

Экономическая эффективность

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

Эффективность использования достигается за счет импорта глифов и комбинирования с максимальным количеством подходящих стилей.

Всего за несколько секунд вы можете получить получившийся архив (ZIP) со значками «glyph + style» для следующего индивидуального использования или в коммерческих целях с поддержкой расширенной лицензии.

Коммерческое использование Inmotus SVG Generator для дизайнеров

Коммерческое использование Inmotus SVG Generator для дизайнеров

Повседневная работа графического дизайнера для создания новых иконок состоит из ручной работы для каждого символа и экспорта в выбранный формат файла (например, SVG).

Inmotus SVG Generator

В режиме реального времени один профессиональный дизайнер может делать около 100-300 иконок в день. Это не так быстро и не очень продуктивно для коммерческого использования (как продажи на рынках).

Практика дизайнерской работы

Если один дизайнер будет делать иконки около 20 дней в месяц, то в результате сумма будет около 2000-6000 иконок. Так что это не лучший результат дизайнера. Сравните практические результаты с дизайнером, использующим Inmotus SVG Generator. Это будет повышение уровня действий в минуту в повседневной работе.

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

Совокупно продажи SVG графики автором Inmotus Design, созданной частично с применением Inmotus SVG Generator принесли доход в размере $21,724.00 на IconFinder.com в период с 1 января 2015 г. по 14 апреля 2020 г.

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

Работа графического дизайнера по созданию пакетов (наборов) графических файлов (пиктограмм) основана на монотонной ручной работе.

Продажи на маркетплейсах (например Iconfinder.com) основаны на математической системе связанных переменных

Поэтому специалисты Inmotus Design решили облегчить жизнь дизайнерам и повысить производительность труда.

Продажи на маркетплейсах (например Iconfinder.com) основаны на математической системе связанных переменных. Каждая продажа отдельного продукта (значок SVG), например, событие по математике, имеет описание через P(A).

Базовая переменная — вероятность появления события А в серии тестов. В текущей ситуации «тест» означает процесс выбора иконки для покупки на странице результатов поиска по текущему ключевому слову.

Основная формула в математике: P(A)=m/N

Примечание:
m — количество иконок, созданных текущим дизайнером и опубликованных на странице рынка (Iconfinder.com) в результатах поиска,
N — количество иконок, созданных всеми дизайнерами и опубликованных на странице в результатах поиска.

Приложение Inmotus SVG Generator доступно в веб-сервисе BundleSpace(.com)

Приложение доступно в веб-сервисе BundleSpace(.com)

Разработанное приложение Inmotus SVG Generator для пакетной обработки SVG графики доступно в веб-сервисе BundleSpace(.com) по адресу: https://bundlespace.com/tools/svg-generator/

Cогласно пресс-релизу компании: в веб-сервисе BundleSpace(.com) доступен поиск бесплатной и премиальной графики: векторные масштабируемые изображения из коллекции первого автора Inmotus Design (Санкт-Петербург).

Всего в каталоге по коммерческой лицензией представлено 13580 иконок SVG в 803 наборах.

Средняя цена составляет $13,8 за скачивание.

 

О коммерческом сотрудничестве

Студия Inmotus Design открыта для предложений по сотрудничеству в развитии приложения Inmotus SVG Generator и веб-сервиса BundleSpace(.com).

Вы можете связаться по указанным контактам.

К сведению

Студия Inmotus Design публикует основные документы по решению технических задач в сфере разработки, поддержки, наполнения и оптимизации веб-ресурсов.

Проконсультироваться


Документы

Бриф на разработку логотипа

Бриф на дизайн сайта

Бриф на разработку сайта

Бриф на брендбук