Сбылись мечты народные. Джедайст #42

Год заканчивается, все подводят итоги. Давайте и мы настроимся на крутое завершение года, приведём себя и дела в порядок. Откроемся новому, конечно же, новому в мире дизайна. Погнали!

Рубрика «Наконец-то»

Сбылись мечты народные! В Figma завезли автолэйаут. Кратко о нём.

• Кнопки теперь делаем фреймами, а у последних появились скругления углов.
• Поддерживается работа только с симметричными отступами сверху и снизу.
• Нет предустановки минимальной и максимальной длины.
• Всякие карточки делаются с помощью вложенности таких фреймов.
• Запоминаем новый шорткат для включения автолэйаута: Shift + A.
• В стеке теперь удобней передвигать объекты.
• При скрытии элементов стек меняется, что позволяет завести один компонент на много разных случаев.

МегаФон ПроБизнес

Получите Кешбэк 100% за запуск рекламы с МегаФон Таргетом!

Узнать больше >>

Реклама. ПАО «МегаФон». ИНН 7812014560. ОГРН 1027809169585

One button component for all cases @figmadesign Auto Layout ? pic.twitter.com/3txdtzPSWm

— Nerdfox (@nerdfoxdesign) December 5, 2019

Ребята красивенько расписали в анонсе и подготовили файл-песочницу — айда играться!

Sketch рассказал, над чем будет работать в наступающем году.

• Инспектор для handoff’a разработчикам — Zeplin, двигайся.
• Фичи в прототипировании: состояния модальности и усовершенствованная работа со скроллом.
• А ещё ассистент, который проводит ревью в реальном времени то ли на красоту, то ли на схожесть с другими компонентами.

Играем с цветами

WhoCanUse — классный инструмент, объединяющий проверку контраста и доступности для людей с особенностями зрения.

Ещё один классный сервис по подбору палитр — Happyhues. Тут сразу можно увидеть результат применения одной из 17 цветовых комбинаций к лендосику.

Играем с деталями

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

Сервис для генерации красивых многослойных тенюшек.

Играем с разработчиками

Расширение для Chrome, которое показывает сразу несколько разноразмерных экранов разом: Responsive Viewer поможет разработчикам тестировать адаптивность своих страниц.

Loop.dev — штука для построения анимации прикольных вещей в коде. Есть экспорт в видео и gif. Инструмент был рассчитан на творческих программеров, но подойдёт и дизайнерам для изучения эффектов и написания новых.

Pixelworm сравнивает ваши макеты и реализованные экраны мобильных приложений, сам находит различия и классифицирует их. Работает на связке Sketch + Xcode. Ценник для команды из одного дизайнера и трёх разработчиков начинается от 26 $ в месяц.

Играем с шрифтами

Для всех уставших от Google Fonts собрали девяточку похожих сервисов.

Менеджер шрифтов под Windows и macOS FontBase получил обновление, позволяющее найти шрифт по контрасту, х-высоте, пропорциям и весу, а также искать по диапазону для каждого из этих параметров.

И просто играем

Сборник продуктовых кейсов в виде комиксов: всё проще, чем читать огромные лонгриды.

В DEADSIGN свежак-перевод: рассуждения консультанта по стратегическому дизайну Денниса Хамбукерса на тему системности дизайн-процессов, роли вовлечённости клиента и поиска вопроса на миллион долларов.

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.