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

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

Реклама та співпраця: @ivanpokazka
Download Telegram
Media is too big
VIEW IN TELEGRAM
Lottie Creator тепер повністю працює у браузері

У новій версії з'явився Motion Copilot, який створює анімації на основі текстового запиту. Також було додано Graph Editor для точного налаштування анімації та State Machines для створення інтерактивних сценаріїв.

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍5🔥3
Forwarded from UX/UI by SHAIN (Di [Vacation])
This media is not supported in your browser
VIEW IN TELEGRAM
🥰 Анімація спалювання негативних історій у «How We Feel»

Оце так зробіть з роботою у вихідні

@shain_design
1🔥204
This media is not supported in your browser
VIEW IN TELEGRAM
Наконец-то я дождався, скільки ждав, ждав, але все-таки є 🚀 Нарешті це сталося.

Figma додала вкладені папки (Nested Folders). Те, чого дизайн-спільнота просила роками, тепер офіційно доступно.

Тепер можна будувати нормальну ієрархію проєктів, а не вигадувати десятки префіксів у назвах файлів. До 10 рівнів вкладеності — дрібниця на перший погляд, але для великих команд це суттєво спрощує навігацію та організацію роботи.

Іноді саме такі «маленькі» оновлення економлять більше часу, ніж гучні AI-анонси. 👏

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
👍177😁4😱2
Please open Telegram to view this post
VIEW IN TELEGRAM
👍32👎32🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
112👍3🔥1
Не можу звикнути до папок у 🖌 Figma.

Вони, звісно, тепер допомагають організувати рівні в структурі... але, блін, куди поділися прев'юшки?!

0 прев'юшок на першому рівні. Спасіба дура...

😍 Щось дизайнер написав
Please open Telegram to view this post
VIEW IN TELEGRAM
😁26😱1
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍5🔥2😴1
This media is not supported in your browser
VIEW IN TELEGRAM
Коли обираєш ноутбук, дуже легко потрапити в пастку характеристик

Бачиш у оголошенні:
💻 Intel Core i7
⚡️ 16 GB RAM
🚀 SSD

Здається — має літати.

А потім відкриваєш браузер і ноутбук вже «думає».
— Підвисає.
— Шумить.
— Гріється.
Працює зовсім не так, як очікував.

Бо напис «Core i7» сам по собі майже нічого не гарантує.

Саме тому мені подобається підхід, коли техніку не просто продають, а пояснюють, що саме ти купуєш і чому цей ноутбук вартий своїх грошей.

У 🤝 TEKHOUSE якраз розбирають такі нюанси простою мовою та публікують перевірені б/в ноутбуки.

Якщо зараз шукаєте ноутбук або просто хочете краще розбиратися в техніці — можна зазирнути 👇

👉 https://t.me/+kHE9PJmBzrg2MDFi

#AD
Please open Telegram to view this post
VIEW IN TELEGRAM
👍74🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Бібліотека анімованих компонентів для роботи нейронних мереж. Або ж просто красиві завантажувачі

6 типів, оптимізовано для великих і малих розмірів, світлий і темний режими, середовище для тестування та відсутність залежностей.

Є React, SwiftUI, React Native та налаштування швидкості

http://orbs.jakubantalik.com

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
12🔥6👍1😴1
This media is not supported in your browser
VIEW IN TELEGRAM
🚕 UBER знайшли спосіб, як освоїти бюджет до кінця фінансового року, і зробили оновлену систему іконок для бренду...

Мені подобається, наскільки цей набір нових іконок відповідає стилю бренду 👍🏻

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
22😁5👍4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Знайшов сайт корейського бренду саун «Саса са са»
таке оригінальне й класне рішення!

Обережно! Малюючи квіточки можна трішки залипнути: https://sasasa.com

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14😁84🤣2
This media is not supported in your browser
VIEW IN TELEGRAM
Якщо давно хотіли знайти якісь курси де розповідали б про те як користуватись Claude Code - то ловіть мій авторський інфоциганський курс то ловіть посилання на офіційну Claude Академію де зібрані всі корисні матеріали про те як користуватись АІшкою

А ще, "супер нова та game changer фіча" - можна напряму спитати в чаті питання яке тебе турбує і клод (маючи базу знань зі всієї академії) - детально відповість

В соц мережах вже почався тиждень повідомлень "курси більше не потрібні"
16❤‍🔥2🔥2👎1
Media is too big
VIEW IN TELEGRAM
У Figma оновили роботу з векторами, з'явився повноцінний ластик, і покращили Paint Bucket (інструмент заливки).

Тепер можна стирати окремі ділянки векторних контурів прямо на полотні, а заливку або градієнт — протягувати одразу через кілька областей, щоб швидко їх перефарбувати.

Ластик працює в режимах Vector Edit та Draw, гаряча клавіша: Shift + E.

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
👍103🔥1
Media is too big
VIEW IN TELEGRAM
Прикольний сайт CV дизайнера з 🇬🇧 Великої Британії

Автор: Mike Barton

Лінк: https://www.mikes.cv/

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥247👍5💅3
This media is not supported in your browser
VIEW IN TELEGRAM
Ставте лайк, якщо сьогодні теж йдете до школи 👨‍💻

На щастя, ті самі дні знань, з лінійкою давно минули. А ось постійне навчання – ні. І це одна з найкращих частин моєї роботи.

Раніше було приблизно так: закінчив навчання, зібрав портфоліо, знайшов роботу, поступово накопичуєш досвід і все впевненіше збільшуєш зарплату.

Але якщо вирішили зануритися у сферу ШІ, ця модель починає руйнуватися. Тут не вийде один раз вивчити 10 інструментів і далі працювати за звичною схемою. І немає сенсу вивчати 50 – стек оновлюється зі швидкістю світла. З'являються нові моделі, агенти, AI-функції та підходи.

Набагато важливіше швидко розбиратися в новому, розуміти, де це може дати вам перевагу, і збирати робочі комбінації під конкретне завдання.

Тому навчання не закінчилось після отримання атестату чи диплому, навчання стало частиною мого робочого процесу 🎉 З 1 Вересня всіх 😘

____________

До речі, осінь — моя найулюбленіша пора року, і перший день осені у Львові розпочався дуже вайбово. Густий туман, дощ, прохолода — все те, що я обожнюю в осінній час 🍂

Також запрошую Вас до мене в LinkedIn: https://www.linkedin.com/in/pokazkaivan/

Вибачте за оффтоп. Такий то сьогодні день

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥84👍1😴1
Media is too big
VIEW IN TELEGRAM
Вийшла версія 🤖 Fable 5.1

Claude останнім часом почав дивно часто "зависати". Він став повільнішим, лінується, і на простих завданнях може довго "думати" – і тоді у мене виникла думка: можливо, Anthropic готує нову версію Fable або Opus.

Минув тиждень... Вітаємо Fable 5.1

До того ж, у описі Anthropic акцентується увага на тому, що модель краще виконує запити і менше проявляє "самодіяльність".

Також було збільшено ліміти, тому зараз піду тестувати. Особливо цікаво подивитися, що змінилося в Claude Code, тому що саме там минулого тижня Fable мене найбільше дратував.

Тільки б обнулили тижневий ліміт 🤞🏻

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
1👨‍💻83🔥1
Media is too big
VIEW IN TELEGRAM
Цікавий сервіс для презентації інтерфейсів – UI Camera

Закидаєш скріншот або відео інтерфейсу, налаштовуєте кут у 3D по осях X / Y / Z і отримуєте акуратний кадр, майже як зі студійної зйомки.

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

Для швидких кейсів класна штучка...

Лінк на "спробувати" тут: https://ui.camera/

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
17👍6🔥1
У дизайнерів з'явилася нова спеціалізація: Прибиральник матеріалів, створених нейромережами 💩

Компанії все частіше спочатку генерують логотипи, ілюстрації, тексти та відео, а потім наймають фрілансерів, щоб виправити все це. Потрібно видаляти зайві пальці та шум, підвищувати роздільну здатність, виправляти криві тексти, роботизовану озвучку, а іноді повністю переробляти результат, пише The Guardian

Для деяких спеціалістів корекція матеріалів, створених ШІ, вже стала основною роботою. У одного з героїв матеріалу такі завдання займають 90% замовлень і приносять від 60 до 70% річного доходу. На платформі типу Freelancer кількість вакансій, у яких згадуються помилки та "галюцинації" ШІ, зросла на 87%, на Upwork таких завдань стало на 70% більше за рік, а на Fiverr попит зріс більш ніж у 20 разів з 2023 року.

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

Як ви гадаєте, чи скоро все таки настане той час коли дизайнери будуть не потрібні і зможуть піти варити каву на барі, та розводити курочок в селі?


😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
😁157👍2🫡1
Цікаво, що компанія, яка використовує штучний інтелект, найняла дизайнера-людину, щоб він вручну, по одному, створив їхній набір іконок 😮

Мареку Мінору знадобився рік, щоб створити новий набір іконок для Cursor. Мені подобається увага до деталей у цьому прикладі.

Детальний розбір кейсу за посиланням: https://www.minoradventures.co/blog/the-making-of-cursors-icons

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
25🔥6😱2