Зона Джедайста #51. Читайте на Cossa.ru

28 апреля, 14:10

Зона Джедайста #51

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

Зона Джедайста #51

Figma ввела одновременный поиск по проектам, файлам, командам и отдельным людям.

А ещё выкатила поддержку ссылок: как внутренних (на файлы или страницы в них), так и внешних, которые сохраняются при экспорте в PDF. Работают привычные шорткаты: cmd/ctrl+K или cmd/ctrl+V для привязки скопированного адреса к выделенному тексту.

Figma выкатила поддержку ссылок: как внутренних (на файлы или страницы в них), так и внешних

Anima выпустила плагин для Adobe XD. Теперь можно оживить прототипы с помощью видео, гифок, Lottie-анимаций, и живых форм. Туда же добавили совместную работу и комментарии. А ещё есть экспорт в HTML и CSS. На очереди анимация и настройка взаимодействий прямо в плагине и работа с брейкпоинтами.

Image Speed Test проверит скорость загрузки сайта на десктопе и мобилке, сравнит её с конкурентами и подскажет, как увеличить производительность.

Image Speed Test проверит скорость загрузки сайта на десктопе и мобилке, сравнит её с конкурентами и подскажет, как увеличить производительность

Рисуем веселее

Плагин Simplify сделает линии из-под pen tool гладенькими и изящными. Просто мастхэв, если рисуете иллюстрашки в Figma.

Simplify сделает линии из-под pen-tool гладенькими и изящными

Vectonator X3 обрёл светлую тему (неожиданно, правда?), возможность перемещать объекты между артбордами, выбор сразу нескольких слоёв и их копирование/дублирование.

Запуск и продвижение интернет-магазина с нуля


Запустите свой интернет-магазин с нуля до работающего сервиса и первых заказов.

Практический онлайн-курс для начинающих предпринимателей и предпринимателей, желающих перейти в онлайн-торговлю.

Записывайтесь прямо сейчас!>>>

Реклама

А ещё обновили линейки и направляющие, добавили поддержку курсора на iPad и предпросмотр в AR.

Vectonator X3 обрёл светлую тему

Pose — веб-приложение, которое помогает выстроить модельку персонажа с нужными параметрами: перспективой и углом, ростом и телосложением — на основе которой можно уже рисовать иллюстрацию. Доступ стоит 29 $.

Работаем продуктивнее

Фреймворк для разработки MVP от Bram Kanstein — чувака, который шарит в запуске стартапов. Если у вас есть кайфовая идея, то этот инструмент поможет оформить её в готовый к запуску эксперимент и сфокусирует внимание на критичных вещах. А если не нравится смотреть видосики, можно статью почитать.

Даже если ты «обычный» дизайнер, понимание процессов, в которых замешан заказчик, будет плюсом и поможет перейти на уровень партнёра, а не тупо исполнителя.

Additor Air позволяет работать над общим полем заметок с видеоконференцией бесплатно и без регистрации.

Онлайн-заметочник для совместного использования Supernotes предлагает карточки-заметки. Внутри всё по-взрослому: обсуждение, теги, большая вложенность. Бесплатно можно сделать до 50 таких карточек, а больше — от 370 рублей в месяц.

Онлайн-заметочник для совместного использования Supernotes

Presentify — приложение для строки меню macOS, которое поможет проводить презентации (в том числе и онлайновые). Можно рисовать всюду на экране, выделять курсор и комментировать любой экран. Стоит 3 $.

Sondd — красивый файлообменник с загрузкой файлов до 3 Гигабайт.

Упрощаем работу с контентом

В Artboard Studio — инструменте для онлайн-работы с мокапами, о котором писали ранее, — теперь можно анимировать композиции через ключевые кадры. Можно импортировать видео (для фона, например), создать новый ролик из шаблона, настроить перемещения с изингами, а потом экспортировать в MP4, MOV, GIF или WEBM. Есть интеграции с Figma и Sketch, чтобы не рисовать прямо в инструменте.

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

Очень полезный тул для работы с контентом, увеличивающий вдвое или вчетверо разрешение изображений. Бывает, что картинка маленькая, а вставить надо именно её. Чтобы не гневить шакалов, воспользуйтесь бесплатным Smart upscaler от icon8.

Бесплатный улучшатель картинок Smart upscaler от icon8

Генератор фонов — используйте любые модули (иконки, фигуры, эмодзи, собственные картинки) и играйтесь с их параметрами. Пригодится для всяких баннеров в соцсеточки и не только.

Генератор фонов

36 паков иллюстраций от неоморфизма и анимированного флэта до абсурдных каракулей в духе MailChimp и 3D-рук. Средняя цена одного набора — 30–35 $, есть бесплатные. А ещё можно приобрести все 2890 иллюстраций и получать новые в течение одного года за 195 $.

36 паков иллюстраций от неоморфизма и анимированного флэта до абсурдных каракуль в духе MailChimp и 3D-рук

Ускоряем проектирование

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

  • собрали, скажем, для пятого айфона;
  • выделили фрейм;
  • в плагине указали нужные размеры для остальных фреймов;
  • запустили — и у вас есть артборды под каждое из устройств.

Только не забудьте привязки настроить.

Похожая штука, только уже для браузера. Everysize поможет протестировать вёрстку на разных разрешениях экрана — и всё в одном окне.

Everysize поможет протестировать вёрстку на разных разрешениях экрана — и всё в одном окне

Выберите в сервисе PaletteList два цвета и получите гору палитр с ними.

Выберите в сервисе PaletteList два цвета и получите гору палитр с ними

Модный и цветастый Contra wireframe kit для мобильных варфреймов, чем-то похожий на платный Root. Внутри уже больше 
150 компонентов и 50 готовых экранов. Бесплатно качайте под Figma, Sketch, Adobe XD и Invision Studio.

Модный и цветастый Contra wireframe kit для мобильных варфреймов

И ещё один UI-kit. На этот раз для Sketch.

UI-kit для Sketch

Бесплатный UI-кит для дашбордов от Craftwork. Больше 20 карточек, десятки готовых экранов, сет базовых иконок, всё в выделенных стилях. Можно скачать для Figma и Sketch.

Бесплатный UI-кит для дашбордов от Craftwork

А ещё от них же 23 бесплатных иллюстрашки (обещают довести количество до 50–70) для 404 страниц. Может, пригодятся.

Одна мадам не может остановится после челленджа 100 дней UI и на протяжении четырёх лет выкладывает результаты в свободный доступ на UIdesignDaily. Бу! Интересно рассматривать, как что сделано в плане внутренностей: слоёв, эффектов и настроек.

на протяжении четырёх лет выкладывает результаты UI-челленджа в свободный доступ на UIdesignDaily

Вдохновляемся

Ecommerce Checklist — набор рекомендаций, основанных на куче A/B-тестов и опыте Shopify. Всё разделено по категориям: для домашней, продуктовой страниц, категорий и корзины.

Ecommerce Checklist — набор рекомендаций, основанных на куче A/B-тестов и опыте Shopify

Условно бесплатный сервис UIsources (у нас открылся из-под VPN) содержит больше 700 скринкастов и 2100 скриншотов, рассортированных по паттернам и категориям. Как раз за использование категоризации придётся заплатить от 8,25 $. Очень крутая штука, которая поможет интерфейсным дизайнерам повысить уровень насмотренности. 

Условно бесплатный сервис UIsources содержит больше 700 скринкастов и 2100 скриншотов

Interface In Game — коллекция игровых интерфейсов с разделением по жанрам. Пригодится геймдевам, всяким неигровым дизайнерам (потому что лучшие ходы как всегда находятся на пересечении миров) и просто так позалипать.

Interface In Game - коллекция игровых интерфейсов с разделением по жанрам

Коллекция музыкальных обложек с крутой типографикой.

Коллекция музыкальных обложек

И на DEADSIGN мы перевели статью про 3D-дизайн и сферы его применения. Читайте, если хотите покорить мир 3D или просто интересуетесь кино- или игровой индустрией.

Статья про 3D-дизайн и сферах его применения

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



Комментарии:

Введите капчу



Чем живёт диджитал?
Главное — в рассылке:





Вход на cossa.ru

Уже есть аккаунт?
Выбирай любой вариант входа:
Facebook Vkontakte

Используйте свой аккаунт в социальной сети Facebook или Вконтакте, чтобы пользоваться сайтом

Не забудьте написать email на странице своего профиля для управления рассылкой