Джедайст+
90 subscribers
117 photos
3 videos
123 links
Обзор новых инструментов, подходов и прочего дизайнерского стаффа. Без рекламы и прочей фигни.
Download Telegram
Помните большие сложные графики ColorBox? Kevyn Arnott спустя два года улучшил инструмент, добавив поддержку нескольких цветов, темный режим и встроенные индикаторы цветового контраста. Пользоваться стало в миллион раз удобнее. Респект таким парням!

#джедайст_плюс_ресурсы
Lunacy 6 получил звонкое описание «бесплатная альтернатива Sketch для Windows». Из нововведений бета-поддержка облака и плагинов Sketch, умные подсказки для стилей и уборка, умное распределение (аналог Tidy Up в Figma), а так же упрощения интерфейса и ряда процессов: группировка/разгруппировка в библиотеках или использование контекстного меню к нескольким элементам.
https://youtu.be/VtWlj3SfqS4

#джедайст_плюс_инструменты
Занятная штука Candu — это вариант визуального drag’n’drop редактора для SaaS-продутов. Поможет легко изменять «тяжеловесные» в изменениях сервисы. Например есть шаблоны под онбординг, гайды, рекламу новых фич, а еще можно создать уникальную панель управления для каждого пользователя. Цена вопроса — от $199 в месяц.
https://youtu.be/xFeuyjD3Owk

#джедайст_плюс_инструменты
Обсуждая новые иконки Google в тви, Дизайнер Pitch, описал 4 принципа формирования иконок сестринских продуктов и систематизировал их.

#джедайст_плюс_чтиво
Тем временем иконкописец Сергей Чикин закончил серию советов по созданию набора иконок. Он рассмотрел силеобразующие элементы и толщины линий, скругления и концевые элементы, правила пересечения и детализацию, веа и цвета, графические рифмы и сетку. Быстро и полезно.

#джедайст_плюс_обучалово
Чудный плакат к книжке «Графики, которые убеждают всех» поможет подобрать нужную визуализацию. Достаточно для большинства случаев, с которыми придется столкнуться контент-спецам, менеджерам, ПО и в меньшей степени дизайнерам.

#джедайст_плюс_ресурсы
Spline — новый 3D редактор, нацеленный на работу с модельками для веба. Можно добавлять текст, изменять материалы, импортировать уже готовые модели. Бесплатный тариф предполагает брендированный экспорт для веба и выгрузку изображений. За рендер видео и гифок придется отдать $19 в месяц или $150 в год. Уже работает на маках, скоро ожидается версия под Windows.
https://twitter.com/i/status/1333837076752601093

#джедайст_плюс_инструменты
Летом писали о Quarkly — смеси графического редактора, конструктора сайтов и IDE из Ростова. Так вот, инструмент вышел в открытую бету. А это значит, что потестить его стало еще проще 😉
Сервис получил расширенные возможности работы с компонентами: группировку, дублирование, удаление, переименование, восстановление и публикацию настраиваемымых компонентов. Обновился и интерфейс добавления элементов на страницу — появилась панелька с быстрым доступом к примитивам и модальное окно для добавления компонентов.
До конца года обещают прокачать совместную работу (добавить установку прав, ссылки и настройки проекта) и расширить контентную базу новыми блоками и UI-библиотеками. Планы классные!
https://youtu.be/Rzgdz1mbLbE

#джедайст_плюс_инструменты
Roy — простейшая пипетка для macOS. С нажатием ctrl даёт более точно выбрать нужный пиксель. Просто, быстро и ничего сверх того.

#джедайст_плюс_инструменты
Свежий генератор цветовых гармоний. Можно настроить количество цветов, разницу между оттенками, механику подбора. Здорово для работы над всякими фирстилями, что у каждого цвета есть название — не придётся выдумывать что-то из головы. Да и выглядит неплохо.

#джедайст_плюс_инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Полезность дня — библиотека интерфейсов Klues.
Обещают поддержку разу нескольких платформ — iOS, Android, веб, десктоп), — экспорт коллекций и записи флоу. Сервис сейчас в закрытом бета-тесте, запуск планируется в марте 2021. Уже сейчас выглядит интересней, чем mobbin или pttrns, вопрос только в цене подписки.

#джедайст_плюс_ресурсы
This media is not supported in your browser
VIEW IN TELEGRAM
Framer X только что выкатили вариативные компоненты в бета-тест
https://youtu.be/quiL8_lDYCM

#джедайст_плюс_новости
Если раньше изменения макета могли довольно легко транслироваться в обновления стилей компонентов только в одностороннем порядке, то проект Avocode Open Design способен сделать и обратный процесс простым. Тулкит превращает файлы Sketch, Figma, Photoshop, Illustrator и Adobe XD в стандартизированные объекты и ресурсы JSON для чтения, изменения и отображения дизайн-данных. Это позволяет легко синхронизировать дизайн-токены, выстроить флоу локализации или конвертировать дизайнерские файлы из одного формата в другой. Пушка!

#джедайст_плюс_инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Пау! Framer в ударе — представили интеллектуальные компоненты с переходами, анимацией, взаимодействиями и визуальными состояниями.

Интерактивные варианты компонентов для обычного, наведённого и нажатого состояния — они будут не только различаться внешне, но и вести себя как настоящие.

Добавление переменных к компонентам поможет динамически изменять их свойства без создания отдельного варианта для каждого конкретного состояния. С помощью переменных можно создать настраиваемые свойства (от радиуса границы до цвета), которые расширяют уровень кастомизации компонентов.

#джедайст_плюс_новости
Сколько раз светила UX говорили про особую осторожность при использовании модальных окон. И вот вы, начитавшись всех этих умных дядь, тёть и не только, садитесь проектировать флоу. Всё идёт отлично, но случается ситуация, когда из одной модалки ну очень надо вызвать вторую. И что теперь делать?

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

#джедайст_плюс_чтиво
Мастхев для ребят, делающих сайты на Тильде — расширение для Chromium-браузеров ANNEXX — набор инструментов для работы с Zero-блоком. Эта штука умеет:
- размножать step-by-step анимацию для последующих элементов привычным копи-пастом;
- просто регулировать расстояния между однотипными элементами с помощью улучшенного Tidy Up;
- масштабировать элемент без привязки к точкам;
- выбирать шрифты Google Fonts внутри Zero блока и лишь потом подключать их к сайту;
- и еще кучу полезностей

Есть 3 дня пробного использования, а обойдется это чудо от $4/месяц.
https://youtu.be/VsYLuFS77Bg

#джедайст_плюс_инструменты
Адам Ваксмен, директор продуктового дизайна в SeatGeek, поделился заметками для погружения в тот самый дизайн.
Внутри ресурсы по улучшению UI, инфа о принципах использования и психологии, список книжек и конкурсов, — в целом бодрое погружение в профессию обеспечено.

#джедайст_плюс_обучалово
Editable продолжает славный ряд инструментов для комментирования прямо на чем-либо. Картинки и сайты были, теперь очередь за видео! Это приложение для macOS позволит рисовать и прикреплять заметки прямо на ролик и затем поделиться результатом.

#джедайст_плюс_инструменты
Whimsical расширили спектр своих решений документами, сильная сторона которых будет в интеграции с флоучартами, вайфреймами, ассоциативными картами и прочими схемами. Тут можно вести пректную документацию и общие встречи (например, интервью или мозговые штурмы), командную вики, командные и личные заметки. Классное бесплатное предложение подойдет большинству небольших команд.
https://youtu.be/kv82K4YiJnM

#джедайст_плюс_инструменты
Product Fit поможет измерять и отслеживать соответствие вашего продукта рынку.
Инструмент предлагает механику опроса прямо в целевом приложении в нужном месте в нужное время. Есть отслеживание результатов во времени и их разбивка по рынкам, персонажам или другому сегменту. Решение еще и неплохо собирает главные преимущества и точки роста в одной диаграмме.
До апреля использование бесплатно, а потом нас ожидает такая линейка цен: до 50 ответов в месяц достанутся вам бесплатно, до 1000 обойдутся в $19, а до 5000 — в $49.
https://youtu.be/cZic4vHz3IE

#джедайст_плюс_инструменты