Нежный-снежный Джедайст #84

Пока всюду наступает зима и валит снег, спешим заботливо согреть вас очередной порцией новинок чудного мира околодизайнерства.

В 84 выпуске Джедайста узнайте, что теперь может графредактор Pixelmator, где более красивые стрелки, как сделать мокапы интересней, как сгенерировать странные узоры и не менее изумительные градиенты, и что, наконец, можно трогать в Редимаге. Наливайте себе что-нибудь согревающего и погнали!

Необычные обновления

В Readymag появилось новое взаимодействие — подвижность (aka. таскаемость или draggable). Теперь посетитель может перетаскивать почти все объекты — текст, картинки, все кроме виджетов Video, Music и Google Maps.

Draggable можно применить и к нескольким сгруппированным виджетам — но перетаскивать их можно будет только по отдельности.

Виджет Shots, который проигрывает последовательность изображений при определенном триггере, теперь умеет активироваться при движение курсора или пальца (Mouse/Touch move), ховере или Hold на сенсорных устройствах, клике или тапе и скролле.

~

Новая версия Pixelmator Pro получила название Abracadabra и удаление фона, а также все связанные новшества: автоматическое выделение объекта с мехом и волосами, Smart Refine для попиксельного уточнения грубого выделения и удаление любых следов предыдущего фона с краев объектов.

~

Рисуем

Бесплатный плагин для Figma — ProToFlow нарисует для пролинкованного прототипа стрелочки. Вроде мелочь, а приятно (и бесплатно в отличие от Flowkit).

~

Tldraw — простая онлайн-рисовалка в духе Miro на минималках с красивыми стрелками.

~

Более продвинутая доска Sticky Studio уже имеет шаблоны и голосовалки, но почему-то не поддерживает шорткаты и с кириллицей все так же плохо. Одна доска будет бесплатной, а за возможность создавать новые придется каждый месяц отдавать по $9.

~

На Cheeky Palettes можно получить цветовую палитру с другого сайта или собрать ее самостоятельно и посмотреть, как она будет выглядеть на реальном лендосе.

~

Делаем контент

Давненько у нас не было конструкторов иллюстраций! Designstripe — как раз один из них. Из интересностей — более-менее осмысленные параметры, когда настраиваете стиль между минималистичной и нагруженной деталями картинкой. Бесплатно можно выгружать только в растре, а за векторный экспорт придется отдавать по $20/месяц.

~

Онлайн-платформа создания контента Glorify пополнилась собственной мокаподельней с поддержкой неплохих 3D-мокапов. Инструмент доступен в рамках всей платформы — бесплатно только 5 загрузок в месяц, 5 проектов, 3 коллаборатора и 10 удалений фона в месяц. Расширение ограничений обойдется в $4/месяц, а ультимативный тариф — $11,2/месяц.

~

Еще один конструктор, преимущественно для видеомокапов — Animockup — во второй версии получил продвинутое управление анимацией самих устройств и возможность на фоне использовать градиенты. Про-версия с бóльшим количеством устройств, более крутым экспортом видео и гифок без логотипа сервиса обойдется в $10/месяц.

Генерируем всё вокруг

Экспериментальный онлайн-генератор композиций из эмодзи с непроизносимым названием.

~

И еще один узкий инструмент — онлайн-генератор векторных конфетти bbburst.

~

Небольшой факт о том, почему следует делать тени самому: потому что настоящие эстетичные тени всегда состоят из нескольких"слоев" с разными параметрами смещения, размытия, прозрачности, цветности и распространения.

Shadow Palette Generator способен выдавать три типа теней для элементов с разным поднятием (elevation) в CSS, который можно интерпретировать и в Фигме. Если интересно, почитайте и сопровождающую статью автора инструмента.

~

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

Работаем, как никогда раньше

Приложение Detail для экосистемы Apple позволяет использовать iPhone или iPad как внешнюю веб-камеру для зум-, скайп- и прочих звонков. В комплекте фильтры, подключение к календарю встреч, шорткаты для переключения между источниками видео, например, несколькими устройствами для создания различных сцен).

~

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

~

Вдохновляемся

Обычный магазин дизайнерских ресурсов UI Score собрал сотню инструментов, полезных дизайнерам. Ну и хорошо.

Пока небольшая библиотека интерфейсных паттернов на видео и в статике — Hey Patterns.