Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
177 subscribers
333 photos
40 videos
145 links
Честное закулисье дизайн-процесса без прикрас – с фейлами, трудностями, успехами.

UI/UX, продуктовый дизайн
https://baybulatov.framer.website

9 лет коммерческого опыта в дизайне продуктов с нуля до продакшна и поддержки

Автор: Рустам, @baybulatovdesign
Download Telegram
Сегодняшнее #вдохновение иллюстрациями.

Собрал те стили, которых прежде не видел, либо не обращал раньше внимания.
🔥2❤1
Наиострейшее желание уйти в свои проекты – окунуться в Иллюстрации, WebFlow (конструктор сайтов), Processing и изучение UX.

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

Видимо, надо скоро организовать перерыв от заказов и заняться только своим Хочу, а не Надо.
Я без этого, видимо, никак не могу.
❤2😢1
Media is too big
VIEW IN TELEGRAM
Наконец-то освоил Lottie-анимацию!
И заодно After Effects вспомнил.

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

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

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

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

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

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

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

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

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

Хочется что-то артовое, более сложное.
❤1👍1🔥1🤔1
Зацените какой кайф!🔥

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

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

#вдохновение
❤1🔥1👏1
Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
Зацените какой кайф!🔥 Показывает динамику длины слов в строках стихотворения Антона Чехова «‎Чайка»! Можно на Processing попробовать написать. #вдохновение
Приступил к реализации идеи выше.

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

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

Следующая задача – загрузить строчку текста в #Processing и преобразовать его в массив с числовыми значениями каждого слова, где каждое слово будет превращаться в окружность и выстраиваться в ряд.
🔥2
Объяснять, как все это делается?
Anonymous Poll
75%
Давай
25%
Не, спасибо
0%
Не знаю
This media is not supported in your browser
VIEW IN TELEGRAM
Подготовил в Фигме вот такую анимацию блока «Проекты» для лендинга.

Посмотрим, одобрит заказчик или нет.
🔥3❤1
Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
Подготовил в Фигме вот такую анимацию блока «Проекты» для лендинга. Посмотрим, одобрит заказчик или нет.
Заказчик одобрил, хоть и дал хороший комментарий "Не хватает превью других проектов".

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

В общем – буду думать.
❤2🤔1
Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
Объяснять, как все это делается?
А ну-ка признавайтесь, кто сказал, что ему неинтересно слушать объяснение кода в предыдущем опросе?
Anonymous Poll
0%
Я
14%
Не я
86%
Влад, который ставил 💩 на все мои посты
Я тут посчитал и оказалось, что у меня на Пинтерест 169 досок... 😱

По интерфейсам вообще 27 отдельных, более узких категорий.

Зафоловить
🔥1😱1😢1
По-моему, я с самого февраля осознанно и направленно не отдавался отдыху хотя бы на один полноценный день, не позволяя себе сесть за ноутбук с рабочими задачами.

С тех пор было несколько периодов выгорания, но я так и не позволил себе полноценно отдохнуть.

Поэтому решил перезагрузиться и устроить себе завтра Детокс – ограничу себя в информации и общении с людьми на один день и сделаю следующее:
– не прикоснусь к ноутбуку
– вытащу симку, чтобы никто не писал, не звонил и чтобы не было никаких оповещений
– уеду к озеру💧 за Питером, чтобы максимально вырваться из своего привычного, текущего контекста
– буду скетчить
– заниматься каллиграфией
– слушать музыку
– читать книги
– гулять
– наслаждаться природой
– постараюсь не разговаривать (некий обет молчания на день)
– проанализирую некоторые вещи, которые крутятся у меня в голове.
❤1🔥1