Вернули тёмную тему, теперь ночью будет работаться комфортнее 🌚

#feature_highlight
С самого рождения Аниникса его основной функцией была автогенерация спецификаций для разработчиков.

Небольшой экскурс в теорию.

Анимацию можно разделить на 2 типа: «запустил и забыл» (которой ничего не нужно для воспроизведения) и «интерактивная» (которой нужны внешние данные).

Примеры первой: анимация на онбординге/лендинге или анимированные иконки. Для неё можно использовать экспорт в lottie/mp4. Тут разработчику нужно всего лишь передать файл и показать в дизайне куда его вставить.

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

Небольшое дополнение.

Мы всегда пишем сложные анимации вручную с нуля. Но если ваши разрабы согласны использовать 3rd party, то для интерактивных анимаций есть https://rive.app.
Lottie туда тоже пытаются, но с интерактивностью у них пока туговато.

#quick_tip
Если зажать ⌥ на маке или alt на виндовс, то при наведении на ключи/сегменты на таймлайне будет появляться краткая информация о значениях, или длительности. Полезно, когда нужно быстро посмотреть, как изменяются переменные.

#quick_tip
Если зажать ⌘ на маке или ctrl на виндовс, то при выделении ключей на таймлайне они будут выделяться вертикально. То есть в заданном диапазоне выберутся все открытые ключи на таймлайне. Полезно, когда у вас много слоёв и нужно выбрать все ключи в одном временном промежутке.

#feature_highlight
Мы уже несколько месяцев обкатываем новую функцию, которая позволяет экспортировать прототипы из Фигмы в Аниникс. А уже из Аниникса анимацию можно экспортировать в любой нужный формат.

Думаю, что будущее UI анимации будет как раз за подобным флоу: основа собирается визуально в чём-либо наподобии Фигмы, а позже детали дотачиваются в инструменте с таймлайном.

#feature_highlight
Пресеты тоже были запланированы как одна из основных функций. Обычно работа с UI анимацией сводится к рутинным действиям, с пресетами это делать немного веселее.

На днях помогал коллеге сделать анимацию иконки и подумал, что морфинг объектов/иконок в UI анимации достаточно распространённый приём. Чтобы морфы получались классными, я вывел для себя 2 основных правила:

1. Площадь/форма объектов в момент смены должна быть похожей.
В биологии не существует такого, чтобы один объект превращался в другой в одно мгновение. Обычно происходит трансформация. Но в мире медиа можно экономить и не делать полную трансформацию. Достаточно просто её симулировать. Поэтому представьте, что подобные переходы — это полная трансформация, но сделанная очень быстро. Так быстро, что глаз не успевает уловить движение. И у нас остаётся состояние до и после перехода, которые должно выглядеть «реально», как будто это один объект.

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

Крутая статья о том, как лучше делать переходы между экранами в UI:
https://uxdesign.cc/transition-animations-a-practical-guide-5dba4d42f659

🚨 Разыскиваем Design Advocate 🚨

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

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

Ваши обязанности
- создавать крутые анимации, чтобы показать, что возможно делать с помощью Aninix;
- создавать текстовые и видео гайды, чтобы рассказать как сделать подобные анимации;
- помогать пользователям в discord и telegram;
- участвовать в поддержке корпоративных клиентов;
- принимать активное участие в развитии сообщества UI аниматоров со всего мира.

Что нужно, чтобы присоединиться к нам
- желание/умение создавать UI анимации;
- знание Figma на среднем уровне;
- опыт работы с любым инструментом для UI анимации: Aninix, After Effects, Principle, или опыт создания сложных прототипов в Figma;
- чувство вкуса и умение отличить «круто» от «посредственно».

Будет плюсом
- опыт создания дизайн систем и работы с дизайн процессами в компаниях;
- коммерческий опыт работы дизайнером (UI/UX/web/product);
- опыт проведения UX интервью.

Что мы предлагаем
- конкурентая зп;
- асинхронная удалённая работа;
- участие в постановке своих целей;
- полная свобода действий в их достижении.

Куда писать?
Отправляйте ваше резюме/портфолио прямо в телеграм (https://t.me/tonypinkevych) или на почту (tony@aninix.com).

Привет, у нас несколько месяцев радио молчание 🤐

Мы всё ещё живы, несмотря на то, как убийственно много мы работаем над Аниниксом. За предыдущие несколько месяцев переписали все внутренности редактора. Новое ядро выглядит многообещающим. Запустить его планируем уже в ближайшее время.

Скоро вернёмся с обновлениями.

Грустная история на ночь или паровозик, который не смог.

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

Два полных дня ушло на внедрение костыля, потому что сделать что-то нормальное за такой срок нереально. В итоге всё получилось с багами, и мы решили сказать, что вообще сделать не успели 🤷🏻‍♂️
Понятное дело, что костыль никому не нужен, поэтому код использовать мы не будем. В итоге просто потеряли 2 дня времени.

Фигма заблокировала наш следующий релиз. Ждём решения с саппортом. Как только утвердят — будет большое обновление. Надеемся, у вас вырастет скорость работы редактора и ничего не сломается 🤞

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

Новая модель данных уже доступна 🎉

Чувствуем себя как перед выходом на сцену. Одновременно радостно и очень волнительно, потому что релиз такого масштаба происходит в Аниникс впервые.

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

Разработчики часто пишут про потраченные на релиз часы и выпитые чашки кофе. Но в случае с Аниниксом это заняло 3 депрессии. В декабре прошлого года, спустя 2 месяца работы, хотелось откатить всё обратно, но приходилось брать себя в руки, откладывать сон и работать. Чтобы не заработать 4 депрессию, было решено сделать релиз сейчас. Да и, если честно, больше нет сил терпеть, хочется поделиться результатом и не писать чисто в стол.

Возможно, после такого вступления вы ждёте описание новых функций, но их здесь не будет. Основная цель релиза – сделать так, чтобы вы ничего не заметили, как бы странно это не звучало. 😄

Зачем тогда вообще нужны были эти пол года работы, подумаете вы? Дело в том, что у нас в бэклоге накопилось более трёхста задач, которые были связаны с моделью данных. А мы использовали внешнюю библиотеку, которая не могла предоставить нам нужного функционала. Поэтому было принято решение переделать её с нуля. Учитывая необходимость поддерживать достаточно сложную архитектуру: распределённая передача данных, CRDT, высокая скорость работы при большом количестве изменений, версионирование по всему времени жизни проекта, возможность быстрого расширения новым функционалом и т.д., нам пришлось разработать новый формат, протокол хранения и передачи данных. Проще говоря, мы просто переписали всё приложение.

Сейчас система должна стать сильно быстрее и стабильнее. Синхронизация теперь занимает 1 фрейм + задержка вашего интернета. Кроме того, удалось заложить фундамент для быстрого расширения новым функционалом:

1. оффлайн режим;
2. автолэяуты;
3. облачный рендер;
4. новые эффекты;
5. поддержка импорта лотти/гиф/видео;
6. анимация шейпов.

Теперь обновления будут регулярными.

Получилось не идеально, но надеемся на ваше понимание. Будем ждать от вас отчёты обо всех ошибках и недочетах, которые найдёте. Мы конечно погрустим и поплачем, но постараемся всё быстро исправить и стать ещё лучше для вас 🫶

За последние полторы недели мы успели:
- исправить шестьдесят багов;
- отобрать ещё шестьдесят для исправления и улучшения приложения;
- осознать, какие же классные у нас пользователи. Нам писали как о критических, так и не слишком, но всё же неприятных ошибках. Не отписывались, а указывали на недочёты, чтобы работать с Aninix становилось ещё удобнее.

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

Спасибо, что остаётесь с нами. И спасибо за понимание и поддержку. Мы не устанем повторять, как ценим вас ❤️

Телеграм проводит конкурс для дизайнеров на создание анимированных интерфейсов. В некоторых чатах дизайнеры начали страдать тем, что «нужно учить АЕ».
Мы против такого подхода. У нас учить ничего не нужно. Открыл Аниникс и уже умеешь!
Поэтому дадим бесплатный доступ в Аниникс на месяц всем, кто будет участвовать в конкурсе. Очень надеемся, что вы поделитесь этим сообщением с друзьями и они тоже попробуют)

Чтобы получить доступ напишите имейл, к которому привязан ваш аккаунт в личные сообщения: https://t.me/tonypinkevych