Ищем разработчика, который без ума от JavaScript и клёвых анимаций
Дизайн
Yury Vetrov
4487

Новые плагины для Figma, обновления Sketch, инструменты для подбора цветов и другие новости дизайна интерфейсов

Мини-дайджест с новыми инструментами дизайна пропустил пару циклов. Так что приехало с горочкой.

В закладки

Совершенно дикая штука — инструмент дизайна мобильных приложений на самом телефоне. Ребята сотворили совершеннейшую чуму (пусть и вызывающую вопросы по продуктивности работы дизайнера). В феврале появится бета-версия для iPhone, позже обещают iPad и смартфоны на Android. Предыстория создания от авторов.

Улучшение Smart Layout (минимальная и максимальная ширина). Наконец-то бета-версия аналога Zeplin. В конце прошлого года обещали помощника по улучшению дизайн-решений, совместную работу над макетом и более мощные возможности прототипирования.

Новый инструмент для создания каскадной (stagger) анимации. Прототипировать и создавать подобную анимацию вручную через кейфреймы трудозатратно, здесь же вместо работы с кодом предлагается wysiwyg.

Плагины для Figma

  • Bravo Studio App: подключает реальные данные и генерирует нативный код для Android и iOS на основе прототипов.
  • Design Lint и Roller: линтинг для макетов. Проверяет расхождения с дизайн-системой (цвета, шрифты, границы, тени, скругления).
  • Smooth Shadow: плагин позволяет делать аккуратные тени с помощью кривых easing.
  • Text Prettier: плагин-типограф для причёсывания текста.

Статьи

Adobe

MS Office 365 может подключить библиотеки Creative Cloud для импорта стилей и ресурсов.

Adobe XD

Январское обновление. Тоже добавили auto layout. Читайте также интервью с Талином Уодсвортом об истории создания инструмента и планах на будущее. Он рассказывает о рабочем процессе и команде.

Vectornator

Ещё один конструктор мобильных приложений, делающий нативную сборку на основе прототипа. Android, iOS и веб.

Конструктор промосайтов в формате историй.

Ещё один конструктор сайтов в браузере.

Генераторы и конвертеры

Сервис конвертирует картинку в HTML. Эффектно, но непонятно зачем: макет сайта и так сделан в каком-либо инструменте с разбивкой по слоям, а генераторов оттуда и так хватает.

Браузерный инструмент позволяет делать паттерны из симметричных фигур и видеть их в повторяющемся полотне.

Генератор контурных сфер с анимацией.

Генератор абстрактных паттернов из линий.

Генератор модных фонов (например, «жидкий металл»).

Бесплатная коллекция клякс и абстрактных паттернов для промосайтов.

Цвет

Интересный генератор цветовых палитр.

Мощный сервис для проверки цветового контраста. Он показывает значение для каждого типа нарушения цветовосприятия и сам искажённый цвет.

Генератор цветовых палитр с фокусом на правильный контраст для обеспечения доступности. Анонс.

Генератор градиентов и интересных наложений слоёв в браузере с экспортом в CSS.

Ещё один сервис, который убирает фон с фотографий.

Большая коллекция шаблонов для всех соцмедиа с актуальными размерами.

Занятный сервис, который позволяет сравнить макет в Sketch и реализацию в мобильном приложении.

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

Дичайший сервис заметок в виде карты виртуального мира.

Уже сейчас видно, что всё это будет зависать и тормозить (в развитии), как говорил автор мема из позапрошлого десятилетия. Хотя какие-то вещички полезны.

{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b","\u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442","sketch","figma"], "comments": 2, "likes": 46, "favorites": 231, "is_advertisement": false, "subsite_label": "design", "id": 104129, "is_wide": true, "is_ugc": true, "date": "Thu, 30 Jan 2020 13:52:38 +0300", "is_special": false }
Объявление на vc.ru
0
2 комментария
Популярные
По порядку
5

Подборка огонь! Афтар, пеши исчо!

Ответить
4

Классная подборка 👍

Ответить

Комментарии

null