Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)

Заказчик одобрил, хоть и дал хороший комментарий "Не хватает превью других проектов".

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

В общем – буду думать.

Подготовил в Фигме вот такую анимацию блока «Проекты» для лендинга.

Посмотрим, одобрит заказчик или нет.

Приступил к реализации идеи выше.

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

От себя добавил использование квадратов, чисто для эксперимента.

Следующая задача – загрузить строчку текста в #Processing и преобразовать его в массив с числовыми значениями каждого слова, где каждое слово будет превращаться в окружность и выстраиваться в ряд.

Зацените какой кайф!🔥

Показывает динамику длины слов в строках стихотворения Антона Чехова «‎Чайка»!

Можно на Processing попробовать написать.

#вдохновение

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

Хочется что-то артовое, более сложное.

Вчерашний ответ от одного человека, к кому в команду доверенных исполнителей попал:

Хотел пригласить тебя в проект от Сбера - там большую команду собирали, но сроки были сегодня до 17 подачи, не успели(

Не то чтобы #фейл, но отнесу событие к этой категории

#дизайнерам

Как правильно подготовить слои для создания lottie-анимации при перегонке из Фигмы в AE через плагин AEUX:

1. Все union's надо объединять в единый контур, Outline Stroke через CTRL+SHIFT+O.
2. Все фреймы конвертируются в Composition. Мне при анимации Path это усложняло все, т.к. для анимации приходилось бы идти внутрь композиции и абстрагировано от всего объекта что-то менять внутри.
3. Группы тоже лучше разбить, т.к. их сложно редактировать в AE.
4. Дать наименования всем слоям.
5. Убрать все алики (auto-layouts).
6. Если использовать маски, то лучше положить также во фреймы, иначе при использовании групп позиция слоя может слететь при экспорте.

Знаю, что у меня аудитория примерно следующая:
10% – дизайнеры,
90% – другие специалисты,
но хочется иногда поделиться узкоспециализированной информацией, чтобы те 10% могли получать бОльшую полезность от меня.

Поэтому буду иногда так делать, но помечать тегом #дизайнерам, чтобы те, кто не шарит глубинно – мог пропускать пост, не тратя время на его чтение. Решать в любом случае вам – читать или нет :)

Наконец-то освоил Lottie-анимацию!
И заодно After Effects вспомнил.

Lottie-анимация, если простым языком – анимация в виде кода, которая мало весит (этот джойстик в .json весит всего 88 КБ) и не теряет в качестве при масштабировании. Используется, как правило, на сайтах.

На видео – бекстейдж того, как я делал такую анимацию для проекта shaolin.soccer.

Посмотреть результат ↗️

Видео-инструкция об инструментах при создании lottie-анимаций

Наиострейшее желание уйти в свои проекты – окунуться в Иллюстрации, WebFlow (конструктор сайтов), Processing и изучение UX.

Но приходится пока чистой коммерцией заниматься, а там задачи пока какие-то скучные.

Видимо, надо скоро организовать перерыв от заказов и заняться только своим Хочу, а не Надо.
Я без этого, видимо, никак не могу.

Сегодняшнее #вдохновение иллюстрациями.

Собрал те стили, которых прежде не видел, либо не обращал раньше внимания.

Нафантазировал тут анимацию для 1го экрана по проекту, над которым работаю. Вот теперь думаю, как все это дело адекватно подстраивать под разные экраны и как передавать всю анимацию разработчику, которая будет завязана на скролле пользователя. Т.е. пользователь скроллом будет контролировать кадры анимации.

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

А потом я еще освою SVG-анимацию и сделаю следующее:
– растения будут колыхаться,
– пальцы будут тыкать кнопки на джойстике.

Вчера ученица сказала, что пригодились мои знания по Вариантам в Фигме и по UI-киту.

Приятно 😊

Люблю, когда то, что я передаю в каком-либо виде – используется. Чувствую социальную ценность 🔥

Спасибо, Pinterest, теперь хочу интерфейсный проект в стиле брутализм.

Но когда я до этого дойду – непонятно, приоритеты другие.