Образовательный Джедайст #60

В этой статье

Рисуем

Sketch выпустил 69 версию, которая отметилась тремя нововведениями:

цветовые переменные (aka. стили);
новое представление всех компонентов и стилей, где их можно упорядочивать, переименовывать, редактировать или удалять;
окно вставки компонента — нажмите «с» и начните вводить название символа, слоя или текстового стиля, чтобы его добавить на макет.

В Framer X теперь можно подгрузить шрифты в командную библиотеку, чтобы у всех был доступ к ним.

Vectornator X получил четвёртую версию.

В новом редакторе кистей можно настроить форму и контур, и сразу же увидеть превью мазка. История рисования теперь сохраняется и после закрытия-открытия рабочего файла, то есть вы можно открыть чужой файл и откатить сколь угодно много предыдущих изменений (вау!). Ещё появился экспорт таймлапсов — пригодится для записи туториалов или процесса рисования.

Также добавили интеграцию с Unsplash, импорт файлов из Sketch, упростили процесс создания артбордов и улучшили контролы управления объектами.

Продвижение медцентров и клиник: три кейса о SEO, TikTok и Instagram*

Как получить измеримые результаты в фарммаркетинге.

Показываем на примерах →

Спецпроект

Кодим

Noodl — экспериментальная react-платформа с поддержкой нодового программирования (почти ноукод), которая подойдёт для создания MVP, рабочих прототипов и приложений. Есть импорт из Sketch. Обещают и дальше прорабатывать тулзу для дизайнеров, добавить поддержку Figma и структурировать интерфейсную логику. Очень интересно!

Онлайн-сервис Email2Go поможет создавать шаблоны писем с помощью конструктора HTML и AMP и протестировать их на куче физических устройств и приложений. Теперь бесплатно. Появился бесплатный тариф с ограниченными возможностями для тестов получившихся шаблонов, а вот полная версия стоит конски — 83 $ в месяц.

Генерируем

Онлайн-сервис Creative Machine поможет в создании большого количества рекламных баннеров по шаблонам. Уже есть встроенный редактор картинок, геометрические формы и наложение сетки. Обещают добавить интеграцию с Zapier, умную автоматическую обрезку и удаление фона, поддержку видео, GIF и даже умный апскейл изображений.

10 баннеров с предустановленными шрифтами можно запилить бесплатно, за 500 баннеров с кастомными шрифтами придется заплатить 19 $, а за 10 000 — 99 $ в месяц.

Онлайн-сервис Iconpie подготовит фавиконки (и код для их вставки на сайт), а также иконки для iOS- и Android-приложений. Достаточно только загрузить одну картинку.

Анализируем

AccessiBe использует AI, чтобы протестировать ваш сайт на доступность для людей с ограниченными возможностями. Сервис проверяет наличие альтернативных тегов и соответствие разметки реальности, тестит скрин-ридер, проверяет особенности контраста и навигации. Цены начинаются от 490 $ в год, есть недельный пробный период.

Бесплатный инструмент Chatdesk Trends помогает экономить время на отчётах и их анализе компаниям, которые обрабатывают множество отзывов через электронную почту, чат, социальные сети и опросы.

Тулза автоматически распознаёт и категоризирует отзывы, багрепорты, причины отмены и возврата в реальном времени с помощью машинного обучения. Работает на 60 языках (в том числе и русском) с точностью тегов 80–90%. Есть интеграции с Zendesk, Facebook, Instagram, Twitter, Intercom, Kustomer, Freshdesk и другими сервисами сбора фидбека. Платная версия, которая обойдётся в 900 $ / месяц, позволяет добавлять кастомные теги и экспортировать результаты в ваше хранилище данных.

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

Более простая в использовании альтернатива Google Analytics Umami собирает только те показатели, которые вам интересны, и выводит их одной странице. Просто, бесплатно и можно разместить у себя на хостинге.

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

Тырим

Тысяча бесплатных иконок Emblemicons в 6 размерах. Можно выгрузить PNG, JPG, SVG и даже CSS. А ещё есть анимированные lottie-иконки, пригодные для любого среднестатического сайта.

Бесплатный пак 14 одноцветных иллюстраций с простым персонажем от Growwwkit.

Учимся и вдохновляемся

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

В обучении программированию очень круто работают каты — небольшие задачки (например, такие). В дизайне тоже есть подобное. Потренироваться и попрактиковать свои скиллы можно по заданиям из RandomUI, сервиса, который сгенерирует свыше 64 000 идей. А результаты упражнения вполне могут стать следующим шотиком в дриббл.

Ilia Blinderman из The Pudding выпустил третью статью из цикла о том, как делать визуальные повествования на основе данных. Первая про сбор и обработку данных, вторая о дизайне и последняя расскажет о тонкостях сторителлинга в представлении информации.

Серия постов будет полезна всем разрабатывающим инфографику и прочие нагруженные визуальные продукты.

Заметка Datawrapper о подборе цветовой палитры для графиков и диаграмм — 13 советов с пояснениями и примерами.

Дизайн-директор индонезийского стартапа-единорога Budi Tanrim пишет серию постов с принципами, которые помогут залететь в продуктовый дизайн. Дизайнерам будет полезно узнать, чем работа в продукте отличается от всего остального, а недизайнерам — что вообще это за люди такие и как с ними работать, чтобы всем было хорошо.

Ранее в сериале: