Инструменты и ресурсы
Мы открыты в подходе к инструментариям. Здесь мы собрали проверенные софты, шрифтовые пары и литературу, которые помогают команде Canvasly превращать хаос данных в строгую геометрию.
Редакторы и плагины
Наш стек технологий строится на балансе между мощной векторной графикой и генеративным кодом. Мы используем эти инструменты для 90% наших проектов.
Adobe Illustrator + Grapher
База для любой инфографики. Мы используем скрипт Grapher для автоматической генерации точных диаграмм, которые потом стилизуются вручную. Это экономит часы работы.
Figma + Auto Layout
Для создания дизайн-систем и сеток. Мы проектируем структуру данных в Figma, чтобы гарантировать, что визуализация будет работать и на веб-сайте, и в презентации.
D3.js & Three.js
Для сложных интерактивных отчетов. Когда статическая картинка не может передать динамику рынка, мы пишем код, превращая Excel-таблицы в интерактивные 3D-объекты.
Шрифтовые решения
Типографика — это скелет инфографики. Мы отбираем шрифты по критериям читаемости малых кеглей и геометрической чистоты.
Space Grotesk
Наш фирменный шрифт для заголовков. Его технические «неровности» идеально передают цифровой характер данных, не теряя в строгости.
Inter & Roboto
Универсальные гротески для основного текста. Они не отвлекают от сути. Идеальны для подписей к графикам и мелкого текста в дашбордах.
JetBrains Mono
Моноширинный шрифт для акцентов. Мы используем его для выделения сырых данных, формул и технических терминов внутри визуализаций.
Книги по дизайну
Инструменты меняются, принципы остаются. Эти книги лежат на столе у каждого дизайнера в нашей студии.
«Инфографика» (К. Миньаро)
Классика жанра. Подробный разбор того, как превращать скучные цифры в понятные и красивые схемы. Обязательна к прочтению для новичков.
«Визуализация данных» (А. Кей)
Глубокое погружение в то, как люди воспринимают информацию. Книга учит не просто рисовать, а управлять вниманием зрителя.
«Дизайн привычных вещей» (Д. Норман)
Фундамент UX-мышления. Помогает понять, почему пользователи не могут прочитать ваш график, и как исправить это без перерисовки всего макета.
Бесплатные шаблоны
Мы подготовили стартовый набор: 5 векторных шаблонов диаграмм и гайд по цветовой палитре для финтеха. Просто оставьте email, и мы вышлем архив в Figma и AI.