TGViewer
Channel Public Channel
Product Design * Motion in App

Product Design * Motion in App

@motioninapp

Найкращі приклади анімацій в застосунках та на сайтах. Туторіали з анімації інтерфейсів та корисні посилання для дизайнерів.

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

Реклама та співпраця: @ivanpokazka
Subscribers
6.38K
Photos
126
Videos
504
Links
577

Showing posts older than #417 · Back to latest

Older Posts 18 shown
Post #416 2.17K
🤖 Створили новий канал, в якому будемо ділитися новинками ШІ, корисними порадами, кейсами з роботи та робочим фішками по роботі з нейромережами для дизайнерів, маркетологів, програмістів 🧑‍💻

Приєднуйтесь!⚡️
Post #415 2.49K
Коли ну дуже захотілося показати 3D скілл...

🔗carlosmunnoz

#web #3d
  • 😁 33
  • 🔥 4
  • 👎 1
  • 🥴 1
Post #414 2.55K
Класний приклад collapsed компонента, із дотриманням принципу продовжуваності 🥹

🔗 nitishkmrk

#web #mobile #mircrointeractions
  • ❤ 47
  • 🔥 5
  • 👍 1
Post #412 2.99K
👋 Привіт! Ви працюєте з UX-дослідженнями або опитуваннями (анкети, тести, форми тощо)?

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

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

🌐 https://forms.gle/qsFydoAV2Qwt4wHeA

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

#ad
  • ⚡ 5
  • ❤ 1
  • 🤮 1
Post #411 3.34K
Привіт-привіт!
Як ви тут? 🥹
Заглянув до вас із вакансією!

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


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

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

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


Контакт для ваших CV: @daria_vslv💌
  • ❤ 5
Post #410 3.97K
#motion #web

🔗newpeace.jp

Тут не треба знати японську, щоб зрозуміти, що скролітелінг тут дикий 🥹
  • 🔥 30
  • 😱 4
  • 😢 2
  • ❤ 1
  • 👍 1
Post #407 4.03K
#AI #mockups #static

🔗 Gizem Akdag

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

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

Використовували вже АІ в комерціїї? Показуйте 👀
  • ❤ 32
  • 🔥 4
  • 👍 2
Post #402 3.44K
#motion #os

🔗 FonsMans

Віджети, якими вони мали б бути в IOS 🥹
  • 🔥 28
  • ❤ 3
Post #401 3.12K
#motion #os #concept

🔗 Gavmn

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

Як вам ідея? Які бачите переваги/складнощі?
  • 👏 9
  • 🥴 6
  • 🤔 2
  • 💩 1
Post #400 3.2K
#web

🔗iconly.pro

ой, які смачні 🥺😮‍💨🤌
  • 🥰 41
  • 👏 6
Post #399 3.19K
#AD

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

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

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

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

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

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

Старт — 26 березня. Реєстрація та програма тут
  • 🔥 6
  • 👎 2
  • ❤ 1
  • 👏 1
Post #397 2.7K
#motion #web

🔗 shrinkmail.me

На противагу навантаженим анімаціями сайтів - лендос, де лише одна анімація, але яка найкращим чином візуально передає всю суть продукту 🥹
  • ❤ 17
  • 🔥 8
Post #396 3.01K
🚀 Подія для 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
Post #395 2.85K
#motion #web

🔗 arcade.la

Не така прям fancy анімація, яка прям кидається в очі, але тут саме чудовий приклад функції - підсилити сенси і значення слів, розширити контекст і привернути увагу 👌
  • 🔥 16
  • 👍 2
Post #394 3.46K
#motion #web

🔗 Сайт: Vercel

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

Ця інтерактивність це вааау
Гадки не маю як зробити, хтось знає? Чи треба нам сюди розробників, щоб пояснили?
  • 🔥 35
Post #393 3.34K
#motion #web

🔗 Behance / Сайт

Нещодавно робили айдентику і сайт для однієї агрокомпанії і придумали для них невеличкий інтерактивний елемент.

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

Як вам такий блок? Пишіть, що думаєте 💬

До речі повний кейс є на Behance, тому можете лайкнути, за бажання 👉👈🔥
  • ❤ 34
  • 🔥 4
  • 🥴 3
  • 👍 2
  • 🏆 2
  • 👏 1
Post #392 3.21K
#motion #web

🔗Посилання: LamaLama

Коли упоролись в концепт до кінця 🥹
Кастомний скрол, кастомні анімації і взаємодії, кастомні переходи, все в одній стилістиці.
Окремо зверніть увагу що і в своєму контенті на сайті і на сайтах клієнтів - вже згенеровані АІ-шкою фото.
  • 🔥 20
  • ❤ 2
  • 👍 2
  • 👏 1
Post #390 4.08K
#motion #web

🔗Посилання: Сіріус

Хотів би тоді почати з крутецького українського проекту ❤️

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

Але і анімації відіграють тут величезну роль, вони тут майже на кожному блоці і лише підсилюють сильні сенси, які закладені контентом. Тіндер взагалі порвав 🥹

Шикарний проект, вартий аналізу і наслідування. Беріть тваринок з притулків, робіть круті дизайни і використовуйте анімації отак доречно 🥹🤧
  • 🥰 44
  • 👍 9
  • ❤‍🔥 4
  • ❤ 2
  • 🔥 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →