Джедайст: главные обновления, находки и релизы января
Всё, что нужно, чтобы стать настоящим джедаем веб-дизайна. 20 выпуск.
Отряхиваемся от зимней спячки, всё плохое оставляем в прошлом году, ведь «белый снег ложится чуть слышно, и никто ни в чём не виноват». Надеемся, вы уже вошли в рабочий режим. Айда в будущее!
Проедемся по инструментам
Очередная бета-версия Sketch. На повестке дня:
- Обновлённая панель заливок и цветов: чуть поменяли горячие клавиши, добавили режим просмотра цветов списком, HSL (ура!), управление цветами в списках.
- Управление переопределением: теперь не надо блокировать элементы в символе, чтобы их нельзя было перезаписывать.
- Можно переопределять значения в символе так же просто, как в Figma.
- Образцы сплошного цвета теперь видны при настройке градиента.
Успейте купить корпоративный пакет COSSA-2025 со скидкой!
Cossa анонсирует главный рекламный формат на весь 2025 год: сразу 8 различных опций.
Пакет идеально подходит для онлайн-сервисов, стартапов, интернет-компаний и digital-агентств.
Успейте приобрести пакет до повышения цены!
Плагин для Sketch — Pointbreak — воплощает идею, о которой мы уже писали в Джедайсте: не нужно нам много артбордов, давайте сделаем один, но адаптивный.
Поначалу кажется, что это какая-то магия. Pointbreak добавляет к макету две оси с настраиваемыми брейкпоинтами. После проектирования можно разбить такой убер-артборд на несколько (по числу перерисовок).
Восемнадцатилетняя дизайнерка и программистка Тони Кодина (Toni Codina), использовав хвалёный Figma API, написала конвертер в Google Slides. Если вы до сих пор не пробовали делать презентации в Figma, то это неплохой повод начать. Ох, не тем мы занимались в восемнадцать!
У самой Figma несколько новых штук: представление цвета в HSL и классная фича в шрифтах — даже если ваш язык не поддерживается, буквы отображаться всё равно будут! Много приятных фиксов в рендеринге и рабочих процессах плюс ещё одно обновление, которым мы часто пользуемся: smart selection в двух измерениях — незаменимая вещь для организации макетов и наведения лоска в своих работах.
В Pixelmator Pro (только для macOS) подвезли цветные метки для слоёв, гибкие в настройке обтравочные маски. Упростили работу с прозрачностью и режимами наложения. Добавили фильтрацию и поиск.
Цена вопроса — без малого 40 хрустящих Вашингтонов, но есть пробный период на месяц. Попробуйте, может, понравится.
Крупное обновление у STUDIO — инструмента из той породы, которая призвана лишить верстальщиков хлеба. Положили тёмную тему, совместную работу в одном макете на манер Figma, absolute position и z-index, а также улучшили drag & drop. А ещё наснимали туториалов:
Shots — это коллекция из более чем шести тысяч экранов пользовательского интерфейса, разделённых по категориям. Говорят, внутри работает машинное обучение для фильтрации и обеспечения функциональности. Можно посмотреть, как устроен именно этот экран под капотом а также экспортировать его в виде кода. Эдакий Mobbin на максималках.
Есть пробный период, а так дело платное — 10 $ в месяц или 99 $ в год.
I wanna see it painted, painted, painted...
Зимой всё становится монохромным и хочется добавить в свою тусклую жизнь немного цвета. Для этого подобрали аж целых три крутых штуки: от сурьёзных донельзя, до тех, что зайдут самым игривым представителям человечества.
Palette App — онлайн-инструмент для составления плавных цветовых палитр. Есть импорт, работа с цветовыми параметрами, автоматический поиск похожих цветов и сопоставление цветовых схем.
Colorkoala более простой в сравнении с предыдущим: простым нажатием пробела генерирует палитры из 5 цветов по заданным параметрам: яркости (светлоте) и цвету. Можно выгрузить кодом.
Что будет, если скрестить подборщик цветов, машинное обучение и Тиндер? Правильный ответ — Polarite. Пока только для iOS, андроид ждёт своей очереди.
Вкладочным маньякам посвящается
Если вы такой же любитель вкладок, как мы, возрадуйтесь, ибо в мир пришёл Qlearly — менеджер вкладок-закладок с принципом Trello. Присутствуют быстрый поиск и возможность легко поделиться доской. Расширение можно установить на Chrome, Opera и Firefox бесплатно.
Ещё часто бывает, когда натыкаешься на интересную статью, а прочитать её времени нет. Тогда она обычно отправляется на кладбище интересностей в Pocket. Потом эти материалы висят мёртвыми гигабайтами на устройствах, вызывая раздражение и фрустрацию.
Будто для этих случаев придумали Tab Snooze: позволяет отложить прочтение или просмотр контента на потом. Синхронизируйте спящие вкладки автоматически с другими вашими устройствами.
Бесплатная версия хороша, но если вы хотите синхронизации, кастомных отрезков времени и других хороших, но не критичных вещей, есть подписка за почти 3 $ в месяц.
Покажи мне дизайн
Очень много мокапов: 15 устройств + окошки браузеров в четырёх стилях для Photoshop, Sketch и Figma. А для любителей делать шотики на Dribble — 86 композиций. И всё бесплатно!
Веб-приложение Artboard Studio для демонстрации фирменного стиля на композициях из предметов. Есть интеграции со всем, что мы любим: Figma, Adobe PS, Sketch, Dropbox, MailChimp, Google Drive.
Три тарифа — бесплатный с неплохими возможностями, 19 $ за проект с коммерческой лицензией и полным набором объектов, 49 $ за месяц или 480 $ в год со всеми плюшками, включая экспорт в PSD.
Одной строкой
UI Sound — библиотека звуков из разных сервисов: пока их кот наплакал, но обещают увеличивать количество источников.
Каталог полезных дизайнеру инструментов от команды Evernote.
Рекомендуем:
Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.