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

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

В этой статье

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

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

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

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

— Nerdfox (@nerdfoxdesign) December 5, 2019

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

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

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

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

Спецпроект

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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