Пока всюду наступает зима и валит снег, спешим заботливо согреть вас очередной порцией новинок чудного мира околодизайнерства.
В 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.
Загрузка...
