UI редактора блок-схем / Хабр
Dgrm.net
Придумывать интерфейс интересно. Похоже на головоломку. Вот что получается для Dgrm.net.
Dgrm.net это редактор блок-схем
-
работает на пк, планшетах и телефонах;
-
нет лишних кнопок;
-
быстрый;
-
бесплатный.
Редактор открывает схемы из картинокРис 1. Dgrm.net открывает картинки схем
Не нужно хранить исходники, картинка и есть исходник.
Например: посылаем схему по почте. Через месяц письмо возвращается — сразу правим картинку из письма, не ищем исходники.
Соединительные линии вытягиваем, а не добавляем как отдельную фигуруРис 2. Для соединения фигур вытягиваем стрелкиТочки входа подсвечиваются заранее при приближении к фигуре
На рисунке 3 показаны скрытые контуры.
Рис 3. Точки входа подсвечиваются заранее при приближении к фигуреФигуры автоматически подстраиваются под длину текста
Не нужно вручную менять размер.
Фигуры увеличиваются не плавно, а шагами. Чтобы на схеме не рябило от разных размеров.
Рис 4. Фигуры автоматически меняют размер в зависимости от текстаМинимум элементов управления
Возможности редактора сознательно ограничены.
Большие элементы управления
На телефонах элементы управления становятся еще больше.
Рис 5. Большие элементы управления на телефонахБлижайшие планы
-
Групповое перетаскивание фигур. Сейчас можно только одну фигуру перетащить.
-
Изменение цвета фигур.
-
Приближать/удалить схему.
-
Короткие ссылки на диаграммы.
-
Диалог “Сохранить как”. Сейчас сохраняет в “Загрузки” без возможности указать имя файла.
-
Копирование схемы из редактора в Word.
-
Перетаскивание схемы из редактора в Word.
Dgrm.net | GitHub (исходный код)
