09 апреля 2018, 18:42

Red Collar: 11+ новых инструментов для веб-дизайнеров

Главные релизы последнего времени. Собрали в Red Collar, упаковали в Cossa.

Презентации, мудборды и контроль версий

fiftythree выпустили Paste — сервис для совместного редактирования презентаций. (Ранее эти ребята сделали красивый Paper для iOS.)

Регистрируетесь через Slack, Google или с нуля. Paste умеет подтягивать картинки со всего веба: вставит кейс с Behance, картинки — с Dropbox, добавит гифку с Giphy. Эстетичный чистый дизайн, можно презентовать проект или таблицу в планшетном и телефонном форматах, с 3D и прочими крутыми фишками.

Wake стал частью Invision, и теперь у сервиса появился бесплатный тариф. Wake представляет собой интерактивные доски (spaces), на которых можно собирать различную графику для совместных мудбордов, аннотации референсов для клиента, обсуждения разработанных макетов.

Вышла бета-версия Trunk — «Github для дизайнеров», который сохраняет версии файлов psd, sketch и так далее. Полезен тем, что хранит все данные в облаке: можно откатываться к предыдущим итерациям, сравнивая их в онлайне.

Адаптивный дизайн и UI-разработка

В журнале Design + Sketch анонсировали выход плагина Stackswell для Sketch, который упростит работу над адаптивным дизайном. С его помощью удобно работать с вертикальным ритмом в рамках разных медиазапросов, плюс плагин умеет работать с изменением размера шрифта с разным брейк-поинтом и делать «умные символы»: создаётся связка двух символов, и плагин понимает, когда нужно заменить один на другой.

В последнее время появляется много плагинов для создания анимаций сразу в Sketch. Например, Timeline от Anima App и аналогичная Diya. Также можно протестировать Haiku, который умеет синхронизировать все изменения в макете со своим редактором интерактивной анимации.

Supernova Studio также вышла из беты. Позволяет за пару минут превратить дизайн, сделанный в Sketch, в рабочее нативное приложение.

Первые плоды Figma API — появился новый сервис FigStyle: отдаём ему ссылку на макет, получаем страницу со сгенерированным styleguide. А для тех, кто задумался о переходе на Figma (это такие Google Документы для дизайнеров), ребята записали 20 новых тьюториалов по работе с инструментом.

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

Коллекция мобильных паттернов, сток без стока и Telegram Антона Шеина

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

Reshot — альтернатива Unsplash (фотосток, на котором фотографы публикуют работы для использования в любых, даже коммерческих, целях). Reshot также предлагает фотографии, которые не выглядят как стоковые. Нет заезженных лиц и неестественных постановочных кадров. Всё бесплатно.

На закуску: Антон Шеин запустил новый Telegram-канал DETEPR. Автор рассказывает о компонентном дизайне и прототипировании. Если вам в принципе интересна эта тема, рекомендую посмотреть лекции с его участием: Антона легко понять, живой и интересный стиль изложения.

Есть тема, в которой вы профи, и хотите выпускать на Cossa собственный дайджест? Пишите, обсудим: news@cossa.ru

Иллюстрация на тизере: YouTube