Джедайст 36: учись, копируй, улучшай

Эта пара недель была небогата на громкие релизы, а потому посмотрим на другие околодизайнерские штуки, которые помогут сделать жизнь легче, проще и интереснее. Рванули!

В этой статье

Учимся

Вышел почти часовой фильм «Профессия: дизайнер интерфейсов» от Contented, который призван подтолкнуть начинающих специалистов к осознанному развитию и выбору специализации. А также поможет определиться с тем, придётся ли тебе эта работа по душе.

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

Интересно будет как новичкам, так и тем ребятам из смежных областей, которые ищут пути развития компетенций.

Копируем и улучшаем

Основатель подборки лендосов One Page Love замутил такое же решение для электронных писем (открывать под VPN). Есть деление по категориям и возможность скопировать вёрстку каждого письма: круто, когда делаете рассылку.

Свеженький сервис Freebies.ByPeople с бесплатными ресурсами для разрабов и дизайнеров. Внутри шрифты/иконки/UI-киты/иллюстрации/3D-модельки, а также CSS-сниппеты/HTML-темы/наборы компонентов. Крутота!

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

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

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

Спецпроект

Упрощаем ежедневную работу

Figma tips and tricks переехали на новое место — теперь всё чистенько и систематизировано.

Фигма для macOS на стероидах от парня, сделавшего визуальный редактор для сайтов Blocs и браузер для разработчиков Soil — Figmac. Использует Touch Bar, открывает fig-файлы прямо из файлового менеджера, поддерживает нативные вкладки и весит всего полтора мегабайта. Инсайты создателя можно почитать в статье.

В саму Figma добавили поддержку фич OpenType. Это даёт больше свободы в тайпсеттинге. Тут можно почитать, как теперь можно играться со шрифтами, а попрактиковаться — здесь.

Появилось несколько интересных плагинов:

Flags — быстро ищет и вставляет изображения государственных флагов, порой экономит кучу времени.

Easometric — поможет «переводить» слои и группы в изометрию посредством популярного метода SSR30.

Ive done a new @figmadesign plugin together with @srioz ?
Using the SSR30 method to create isometric views — get it here https://t.co/AdWGStTa6G pic.twitter.com/xKeGuiw8gT

— Aaron Iker (@aaroniker_me) 6 сентября 2019 г.

Wave & Curve — поможет в создании и настройке волн и синусоид.

Одноимённый плагин от ColorDesigner позволяет сгенерировать палитры по выбранному цвету. Интегрируется в локальные стили документа.

А ещё грядёт классный плагин для Figma и Sketch, который позволит смерджить лучшие элементы из разных итераций. Следим (←_←)

«Iterations» plugin for Sketch and Figma:
1. Design multiple iterations, that you think are good
2. Review with team and select the best details
3. Merge the best things into one screen pic.twitter.com/sk2sbx9Hz0

— Alexander Vilinskyy ? (@vilinskyy) 10 сентября 2019 г.

Бесплатный (pay what you want) плагин для Sketch, который упрощает разработку тёмной темы: делаете в одной цветовой схеме, а потом переопределяете стили для другой.

Проверка таблицы цветовых сочетаний на контрастность поможет в создании сервисов, удовлетворяющих требованиям WCAG 2.0. Более подробно об этом в статье.

Делаем крутой контент

Штука для создания коротких роликов: снимаете видосик, отрисовываете какой-нибудь кадр, а EbSynth стилизует видеоряд под ваш keyframe.

Планируем работу и упрощаем коммуникацию

SimpleForm — защищённый и минималистичный аналог гуглоформ. Планируют добавить радиокнопки и чекбоксы, сделать экспорт в csv и возможность принимать оплату криптой.

Inyo призван упростить жизнь и сэкономить время фрилансерам. Сервис позволяет создавать темплейты для однотипных проектов (скажем, лендосики или баннеры) и автоматизировать такие повторяющиеся задачи, как сбор документов или запросы на проверку.

Ещё один пока не вышедший проект — Bubbles, который поможет быстро делиться прикреплёнными прямо к вебстранице комментами. Круто облегчит аннотации и фидбек.

Плюс свежая статья от DEADSIGN — проекта, где мы переводим самые полезные статьи про веб-дизайн с английского на русский. В этот раз погружаемся в базу HSB: разбираем, как с помощью этой цветовой модели находить более сочные, глубокие и сбалансированные цветовые решения и чем модель HSB отличается от модели HSL.

А еще напоминаем, что появился карманный формат Джедайста — телеграм-канал Джедайст+, где есть всё из статей и даже больше.

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