Вечно молодой Джедайст #50

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

В 65 версии Sketch теперь можно имитировать наложение (overlay) артбордов и изменение состояния элементов при прототипировании, для чего в настройках перехода нужно выбрать «сохранить позицию скролла». Не забудьте обновить Sketch Mirror для поддержки подобных прототипов.

Framer вовсю тестирует веб-версию, можно попросить инвайт. Попутно ребята обновили интеграцию с Figma — теперь достаточно ввести ссылку на файл, и макеты импортируются в Framer. По идее, эта тема должна ускорить разработку боевых прототипов или, как минимум, сэкономить бабла — Figma-то бесплатная.

Figma расширяет функциональность недавней фичи Selection Colors. Нажатие на иконку цели выбирает среди выделенных все объекты с таким цветом, а уже привычный значок стилей позволит присвоить такого цвета объектам уже существующий стиль или сделать новый. Вся эта штука ускоряет работу со стилями, перекраской и может быть полезна, когда вы, скажем, делаете варианты одного макета в разных световых схемах.

В этой статье

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

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

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

Спецпроект

Drama — инструмент для рисования макетов, создания прототипов и анимации — получил символы (в том числе вложенные). Они помогут собрать прототип без дублирования слоев и взаимодействий — нарисовали какой-то элемент со всеми вариантами поведения и пользуете его везде. Научили логику взаимодействия подписываться на изменение состояния символов, а ещё они активно воздействуют на другие элементы (скажем, стрелочка «вперёд» при нажатии будет пролистывать слайдер). КРУТОТА!

Год назад писали о тулзе для анимации sketch-макетов Flow. Ребята сменили логотип и выкатили крупное обновление — экспорт Lottie и animated SVG, что позволит анимировать и под Android, а также избавит от необходимости изучать After Effects.

Можно получить год бесплатно, отправив несколько своих крутых анимаций. Для всех других работает промокод PH2020 скидон на 25%.

Работаем с контентом

Разобраться в вариативных шрифтах и узнать, как их применять, поможет Variable Fonts Primer (у нас открылось только из-под VPN). Анна Сеславинская из tomorrow.type.today (как же нравится это название из-за сходности с названием песни Gorillaz) предлагает продолжить изучение вариативных шрифтов на DesignDesign.Space. А мы согласны — учиться надо всегда.

Online Archive. Большущий архив материалов графического дизайна — более 50 тысяч сканов — стал бесплатным.

Bannerbear — инструмент для генерации баннеров, о котором мы недавно писали, обзавёлся интеграцией с Airtable. Делаете табличку и заполняете её в Airtable, скармливаете ссыль в Bannerbear и получаете готовые баннеры.

Kandinsky.io генерирует абстрактные изображения с выбранной палитрой. Может пригодиться для фонов, скажем, на те же самые баннеры.

Кайфовая подборка из 102 ярких цветовых сочетаний Duo, курируемая дизайнером из финтех-приложения Monzo. Есть переключалка, которая оставляет подходящие уровню контрастности АА комбинации, что круто.

Раз уж зашёл разговор о контрасте, отмечу ещё один color contrast checker (открылся только из-под VPN). Если цветовая пара не будет удовлетворять требованиям контрастности, то сервис предложит похожее сочетание, удовлетворяющее им.

LordIcon — набор из 500 с лишним анимированных lottie-иконок. Бесплатно доступно 50, остальные можно забрать за полцены с промокодом ph729.

Делаем дела

В полюбившийся многим Notion теперь можно встраивать документы Abstract и Miro. А ещё ребята обновили приложения для планшетов: добавили слеш-команды, шорткаты, отображение нескольких столбцов, оставили навигационную панель слева и обновили интерфейс, в целом — «одесктопили» одним словом.

Now introducing: a mobile app that’s made just for iPad & Android tablets ?

Of course, our work here isn’t done yet, but this is what we’ve got so far:

→ Slash commands & keyboard shortcuts
→ View multi-column layouts
→ Keep your sidebar open
→ New menus & UI pic.twitter.com/Qgm7MJZQIM

— Notion (@NotionHQ) April 7, 2020

Канбан-доска для macOS Stacks — как Trello, но выглядит посвежее.

Fladrop поспорит с Skype за звание лучшего файлообменника. Круто, что можно поделиться с помощью QR-кода.

Moves — небольшое приложение под Mac, которое сильно упростит работу с окнами. Зажимаешь шорткат и окно, лежащее под курсором, «прилипнет» к нему и будет за ним следовать. Похожим образом работает и изменение размера. Цена забавы — 10 $, есть две недели на просто попробовать.

Screenjar поможет запросить запись экрана и голосовые комментарии у ребят из команды, клиентов или тестеров без загрузки всякого стороннего софта. Удобно для ловли багов, получении фидбэка и тестированиях своих или чужих продуктов. Работает на Chrome и Firefox.

Для тех, кто не представляет своей работы без звуков кондиционера, клацанья клавиатуры и болтливых коллег, появился онлайн-симулятор звуков MyNoize. Есть также десктопная версия.

А на DEADSIGN мы перевели статью о этапах исследования задачи в UX-проекте.

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