Product Design * Motion in App
6.38K subscribers
126 photos
504 videos
1 file
577 links
Найкращі приклади анімацій в застосунках та на сайтах. Туторіали з анімації інтерфейсів та корисні посилання для дизайнерів.

👉 Умови, ціни та формати співпраці: http://bit.ly/4pjLByL

Реклама та співпраця: @ivanpokazka
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗 Сайт: Vercel

І кожного разу, коли ти такий "О, Spline інтегрували у Webflow! Тепер в мене будуть круті 3D в кожному проекті!" зявляються отакі чуваки і сайти, які множать цю можливість на 0 😀

Ця інтерактивність це вааау
Гадки не маю як зробити, хтось знає? Чи треба нам сюди розробників, щоб пояснили?
🔥35
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗 arcade.la

Не така прям fancy анімація, яка прям кидається в очі, але тут саме чудовий приклад функції - підсилити сенси і значення слів, розширити контекст і привернути увагу 👌
🔥16👍2
🚀 Подія для UX дослідників, продакт-дизайнерів та продакт-менеджерів. 21 березня, онлайн + офлайн у Києві

єТЕМА: Customer Journey Map — як «треба» і як «вийшло» на реальному прикладі

Спікери Дарія Іващенко, Head of UX Design & Research у SQUAD, та Ігор Дьяков, Lead Product Design у FEZR․COM, проаналізують інструмент Customer Journey Map — для чого він потрібен, коли дійсно працює, а коли краще обійтись без нього. А також поділяться порадами та фейлами з власної практики.

Модерує зустріч Юрій Грановський, керівник напряму досліджень в «Агентах змін».

Участь безкоштовна, більше деталей — https://bit.ly/3V62QGP

Не пропустіть корисний івент – реєструйтеся самі та рекомендуйте колегам 😎

#AD
🔥13👍5👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗 shrinkmail.me

На противагу навантаженим анімаціями сайтів - лендос, де лише одна анімація, але яка найкращим чином візуально передає всю суть продукту 🥹
❤17🔥8
#AD

Як менеджити дизайн команду?
Як сформувати дизайн культуру в компанії?
Як працювати з усією командою та кожним дизайнером?
Як навчитися віддавати славу та відпустити перфекціонізм?
Які особисті навички розвивати, щоб бути успішним менеджером?

З цими питаннями допоможуть розібратися досвідчені куратори-практики курсу Design Management:
🔹 Іван Роговченко — Chief Visionary Officer у Aestech;
🔹 Володимир Сафонов — Head of Product Design у Socialtrait.

Ви вчитиметеся формувати дизайн стратегію, організовувати команду, ставити командні цілі, розвивати дизайнерів, правильно наймати та звільняти, проводити 1-on-1, делегувати, давати фідбек та бути ефективним лідером.

На курсі будуть:

— індивідуальні зустрічі з кураторами;
— домашні завдання на основі реальних завдань у вашій компанії або продукті;
— 4-5 гостьових лекцій з кейсами компаній різних напрямків.

Також на вас чекає нон-стоп фідбек від кураторів та real-life домашні завдання.

Старт — 26 березня. Реєстрація та програма тут
🔥6👎2❤1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#web

🔗iconly.pro

ой, які смачні 🥺😮‍💨🤌
🥰41👏6
Media is too big
VIEW IN TELEGRAM
#motion #os #concept

🔗 Gavmn

Я звичайно розумію, що знайти потрібну апку в такому сетапі треба буде ще постаратись, а годинником я не користуюсь взагалі - але загалом цей концепт мені дуже вау 🥹

Як вам ідея? Які бачите переваги/складнощі?
👏9🥴6🤔2💩1
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #os

🔗 FonsMans

Віджети, якими вони мали б бути в IOS 🥹
🔥28❤3
#AI #mockups #static

🔗 Gizem Akdag

Тршки не про моушн, але про корисне. Midjourney вже на тому етапі розвитку, що в ньому можна просто генерувати собі мокапи. В акаунті за посиланням більше крутих прикладів і більше промтів.

Наприклад для цього:
iphone 15 mockup in a big crater, white background --s 250 --v 6.0

Використовували вже АІ в комерціїї? Показуйте 👀
❤32🔥4👍2
Media is too big
VIEW IN TELEGRAM
#motion #web

🔗newpeace.jp

Тут не треба знати японську, щоб зрозуміти, що скролітелінг тут дикий 🥹
🔥30😱4😢2❤1👍1
Привіт-привіт!
Як ви тут? 🥹
Заглянув до вас із вакансією!

🔎Графічний дизайнер в маркетингове бюро
📍Київ, офіс на Золотих (фултайм, офлайн)


🖇Шукаємо за такими вимогами:
• досвід графічного дизайну від 1 року,
• вміння працювати з дедлайнами,
• вміння працювати з бренд-буками та різними стилями,
• симбіоз креативності та вміння виконувати ТЗ,
• володіння Photoshop, Figma та офісними прогами,
• здібності самоорганізації та проактивність,
• людяність, відповідальність, бажання розвиватися,
• Великим плюсом стануть:
навички в моушн-дизайні,
володіння програмами для монтування, володіння англійською мовою.

🖇Майбутній скоуп задач:
• дизайн графічних матеріалів для проєктів в соц. мережах,
• дизайн креативів для таргетованої реклами,
• розробка дизайну для друкованих матеріалів,
• розробка банерів та граф.елементів для веб-сайтів

🖇Пропонуємо:
• роботу в класній команді :),
• конкурентна ЗП без запізнень,
• різноманітні проєкти для поглиблення досвіду,
• плюшки з навчання та розвитку.


Контакт для ваших CV: @daria_vslv💌
❤5
👋 Привіт! Ви працюєте з UX-дослідженнями або опитуваннями (анкети, тести, форми тощо)?

Якщо так, то ваш досвід може бути для нас надзвичайно корисним. Разом із колегою ми проводимо дослідження IT-сфери і дуже хочемо почути про ваш досвід у проведенні UX-досліджень та опитувань.

Ми будемо дуже вдячні, якщо ви заповните наше опитування за посиланням нижче та поділитеся ним з іншими:

🌐 https://forms.gle/qsFydoAV2Qwt4wHeA

🔒 Опитування анонімне
⌛️ Витратите не більше 8-10 хвилин
💗 Ваші відповіді будуть надзвичайно цінними

#ad
⚡5❤1🤮1
This media is not supported in your browser
VIEW IN TELEGRAM
Класний приклад collapsed компонента, із дотриманням принципу продовжуваності 🥹

🔗 nitishkmrk

#web #mobile #mircrointeractions
❤47🔥5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Коли ну дуже захотілося показати 3D скілл...

🔗carlosmunnoz

#web #3d
😁33🔥4👎1🥴1
🤖 Створили новий канал, в якому будемо ділитися новинками ШІ, корисними порадами, кейсами з роботи та робочим фішками по роботі з нейромережами для дизайнерів, маркетологів, програмістів 🧑‍💻

Приєднуйтесь!⚡️
🖍 Контролюйте композицію в MIDJOURNEY з використанням кутів зйомки

Ви можете керувати виглядом вашої фотографії, використовуючи наступні терміни:

- Macro
- Close-up
- Wide Angle
- Diagonal Angle
- Aerial
- High Angle
- Low Angle
- Oblique Angle

Ці класичні для фотографій техніки добре працюють із простими обʼєктами, які часто трапляються на фото. Проте вони можуть бути менш ефективними з більш екзотичними сюжетами.

#midjourney #guide
🔥35👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Shazam анімація в парі із Siri 🤝 ☺️
Можна пробувати повторити ефект з партіклами.

#mobile
🔥13⚡3👏1🍌1
This media is not supported in your browser
VIEW IN TELEGRAM
🚗 Новий інтерфейс Rivian R1T/R1S використовує рушій Unreal Engine для створення аніме-візуалізації в реальному часі.

Ауч🔥

Здається ще одна область розвитку для продуктових дизайнерів - знання ігрових рушіїв.

#interactive
❤‍🔥11👏3❤1🥴1
Meta теж щось трошки розуміє в анімації.

Виявляється, на час розробки цих анімацій в них був внутрішній інструмент для анімацій, який називався Keyframe, по суті аналог Lottie. Тепер його вже нема 😀

Автор краси - Jerry Liu

#mobile
⚡25👍8🔥3❤1