Product Design * Motion in App


Гео и язык канала: Украина, Украинский
Категория: Дизайн


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

Связанные каналы

Гео и язык канала
Украина, Украинский
Категория
Дизайн
Статистика
Фильтр публикаций


Видео недоступно для предпросмотра
Смотреть в Telegram
#motion #web

🔗newpeace.jp

Тут не треба знати японську, щоб зрозуміти, що скролітелінг тут дикий 🥹


#AI #mockups #static

🔗 Gizem Akdag

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

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

Використовували вже АІ в комерціїї? Показуйте 👀


#motion #os

🔗 FonsMans

Віджети, якими вони мали б бути в IOS 🥹


Видео недоступно для предпросмотра
Смотреть в Telegram
#motion #os #concept

🔗 Gavmn

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

Як вам ідея? Які бачите переваги/складнощі?


#web

🔗iconly.pro

ой, які смачні 🥺😮‍💨🤌


#AD

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

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

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

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

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

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

Старт — 26 березня. Реєстрація та програма тут


#motion #web

🔗 shrinkmail.me

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


🚀 Подія для UX дослідників, продакт-дизайнерів та продакт-менеджерів. 21 березня, онлайн + офлайн у Києві

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

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

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

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

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

#AD


#motion #web

🔗 arcade.la

Не така прям fancy анімація, яка прям кидається в очі, але тут саме чудовий приклад функції - підсилити сенси і значення слів, розширити контекст і привернути увагу 👌


#motion #web

🔗 Сайт: Vercel

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

Ця інтерактивність це вааау
Гадки не маю як зробити, хтось знає? Чи треба нам сюди розробників, щоб пояснили?


#motion #web

🔗 Behance / Сайт

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

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

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

До речі повний кейс є на Behance, тому можете лайкнути, за бажання 👉👈🔥


#motion #web

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

Коли упоролись в концепт до кінця 🥹
Кастомний скрол, кастомні анімації і взаємодії, кастомні переходи, все в одній стилістиці.
Окремо зверніть увагу що і в своєму контенті на сайті і на сайтах клієнтів - вже згенеровані АІ-шкою фото.


Видео недоступно для предпросмотра
Смотреть в Telegram
#motion #web

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

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

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

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

Шикарний проект, вартий аналізу і наслідування. Беріть тваринок з притулків, робіть круті дизайни і використовуйте анімації отак доречно 🥹🤧


Ну що, продовжуємо досліджувати анімований діджитал?
Опрос
  •   ahh shit, he we go again 🥹
  •   ні, дякую, я ліваю
154 голосов


Видео недоступно для предпросмотра
Смотреть в Telegram


Видео недоступно для предпросмотра
Смотреть в Telegram
#motion #web

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

Кльова ідея зі слайдером, коли треба показати відразу два кейси використання або якщо продукт розрахований на більше ніж одну ЦА 🥹


Видео недоступно для предпросмотра
Смотреть в Telegram
#motion #web

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

Я вибачаюсь, а це що гугл вміє так в дизайн? Ну класно ж! Особливо іронічна фраза "The Web can be more than a landing page" 🌝


Видео недоступно для предпросмотра
Смотреть в Telegram
#motion #prototyping

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

Якщо ви думали-гадали, то скільки ж анімації можна засунути у Прототип Фігми, то ось вам відповідь - як мінімум стільки 🌝

Чи потрібно це? Ну навряд... Чи класно? Ну наче...
А ви взагалі хоч щось прототипами анімуєте?


Видео недоступно для предпросмотра
Смотреть в Telegram
#motion #app

🔗Посилання: amie Footage: sekachov

Чудовий інтерекшн з поділом на два екрани у продукту для продуктивності Amie.

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


Видео недоступно для предпросмотра
Смотреть в Telegram
#motion #web

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

Такий скролітелінг, вау 🫢🥹

Автор пише, що сайт повністю на Вебфлоу, анімація в Лотті і інтерекшени вже налаштовані в середині Вебфлоу.

Показано 20 последних публикаций.