Product Design * Motion in App
رفتن به کانال در Telegram
Найкращі приклади анімацій в застосунках та на сайтах. Туторіали з анімації інтерфейсів та корисні посилання для дизайнерів. 👉 Умови, ціни та формати співпраці: http://bit.ly/4pjLByL Реклама та співпраця: @ivanpokazka
نمایش بیشتر6 378
مشترکین
-124 ساعت
+47 روز
+1030 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
سپتامبر '26
سپتامبر '26
+48
در 3 کانالها
اوت '26
+81
در 1 کانالها
Get PRO
ژوئیه '26
+91
در 3 کانالها
Get PRO
ژوئن '26
+67
در 3 کانالها
Get PRO
مه '26
+53
در 0 کانالها
Get PRO
آوریل '26
+49
در 2 کانالها
Get PRO
مارس '26
+70
در 2 کانالها
Get PRO
فوریه '26
+46
در 0 کانالها
Get PRO
ژانویه '26
+42
در 1 کانالها
Get PRO
دسامبر '25
+48
در 0 کانالها
Get PRO
نوامبر '25
+50
در 0 کانالها
Get PRO
اکتبر '25
+74
در 1 کانالها
Get PRO
سپتامبر '25
+100
در 2 کانالها
Get PRO
اوت '25
+34
در 0 کانالها
Get PRO
ژوئیه '25
+46
در 0 کانالها
Get PRO
ژوئن '25
+51
در 0 کانالها
Get PRO
مه '25
+35
در 0 کانالها
Get PRO
آوریل '25
+46
در 0 کانالها
Get PRO
مارس '25
+56
در 0 کانالها
Get PRO
فوریه '25
+72
در 0 کانالها
Get PRO
ژانویه '25
+48
در 0 کانالها
Get PRO
دسامبر '24
+67
در 0 کانالها
Get PRO
نوامبر '24
+96
در 0 کانالها
Get PRO
اکتبر '24
+89
در 0 کانالها
Get PRO
سپتامبر '24
+408
در 14 کانالها
Get PRO
اوت '24
+71
در 0 کانالها
Get PRO
ژوئیه '24
+112
در 0 کانالها
Get PRO
ژوئن '24
+50
در 0 کانالها
Get PRO
مه '24
+34
در 0 کانالها
Get PRO
آوریل '24
+36
در 0 کانالها
Get PRO
مارس '24
+154
در 0 کانالها
Get PRO
فوریه '24
+37
در 0 کانالها
Get PRO
ژانویه '24
+81
در 0 کانالها
Get PRO
دسامبر '23
+94
در 0 کانالها
Get PRO
نوامبر '23
+79
در 0 کانالها
Get PRO
اکتبر '23
+192
در 0 کانالها
Get PRO
سپتامبر '23
+94
در 0 کانالها
Get PRO
اوت '23
+276
در 0 کانالها
Get PRO
ژوئیه '23
+607
در 0 کانالها
Get PRO
ژوئن '23
+297
در 0 کانالها
Get PRO
مه '23
+786
در 0 کانالها
Get PRO
آوریل '23
+192
در 0 کانالها
Get PRO
مارس '23
+158
در 0 کانالها
Get PRO
فوریه '23
+523
در 0 کانالها
Get PRO
ژانویه '23
+1 155
در 0 کانالها
Get PRO
دسامبر '22
+67
در 0 کانالها
Get PRO
نوامبر '22
+519
در 0 کانالها
Get PRO
اکتبر '22
+1 741
در 0 کانالها
Get PRO
سپتامبر '22
+534
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 21 سپتامبر | 0 | |||
| 20 سپتامبر | 0 | |||
| 19 سپتامبر | +1 | |||
| 18 سپتامبر | +1 | |||
| 17 سپتامبر | +1 | |||
| 16 سپتامبر | +4 | |||
| 15 سپتامبر | +6 | |||
| 14 سپتامبر | +1 | |||
| 13 سپتامبر | 0 | |||
| 12 سپتامبر | +1 | |||
| 11 سپتامبر | +2 | |||
| 10 سپتامبر | +15 | |||
| 09 سپتامبر | +3 | |||
| 08 سپتامبر | +1 | |||
| 07 سپتامبر | +2 | |||
| 06 سپتامبر | 0 | |||
| 05 سپتامبر | 0 | |||
| 04 سپتامبر | +4 | |||
| 03 سپتامبر | +2 | |||
| 02 سپتامبر | +3 | |||
| 01 سپتامبر | +1 |
پستهای کانال
Higgsfield тепер збирає анімації в 🖼️ After Effects за допомогою 🤖 ChatGPT
Дарма я побачив це перед сном. Хто вже тестував, діліться своїми враженнями.
https://higgsfield.ai/ai-motion-designer
😍 Product Design * Motion in App | Підписатися
| 2 | Як змінився підхід до проєктування продуктів 😅
😍 Product Design * Motion in App | Підписатися | 911 |
| 3 | 🖌 Figma додала комбінації клавіш для перемикання режимів:
— Alt + Tab (на Mac: Option + Tab) — наступний режим
— Alt + Shift + Tab (на Mac: Option + Shift + Tab) — попередній режим
Або вибирайте курсором. Оновлення буде доступне всім протягом тижня.
😍 Product Design * Motion in App | Підписатися | 1 316 |
| 4 | 🍏 Apple випустила гайдлайни для iPhone Duo. Це перший раз, коли iOS-додаток треба готувати до складаного екрана. Подивився сесію Marcos і Vince з дизайн-команди 🍏 Apple, ось що звідти важливо для роботи.
КОНТРОЛИ ПЕРЕЇЖДЖАЮТЬ УБІК
Закритий пристрій має ширший і нижчий дисплей, ніж звичний iPhone. Тому таб-бар, тулбари, кнопка «назад», перемальований статус-бар і Dynamic Island тепер живуть у вертикальній смузі праворуч. Так вивільняється вертикаль під контент, а керування лишається під великим пальцем. Мапінг з наявного айфона прямий: що було вгорі тулбара, іде вгору смуги, що було внизу, лишається внизу, таб-бар знизу. Широкі елементи типу текстових кнопок і segmented control залишаються в нав-барі.
МАКЕТИ ПІД КОЖНУ ПОЗУ
Пристрій розкривають наполовину як книжку, ставлять на стіл як ноутбук, лишають стояти на ребрі. Спокуса намалювати окремий макет під кожен випадок велика, і Apple прямо каже цього не робити. Замість цього два size class: compact width зовні, regular width всередині. Ніяких фіксованих ширин і брейкпоінтів під конкретний екран, тільки layout margins і horizontal safe area insets. Формулювання Vince я б повісив на стіну: проєктуйте так, щоб додаток вільно ресайзився.
ЗОВНІШНІЙ ДИСПЛЕЙ
Центрувати контент по всій ширині за замовчуванням більше не вийде, йому потрібен офсет, щоб не ховатися під контролами. Якщо верстка спирається на safe area insets, це стається саме. Виняток є: імерсивні візуальні екрани без скролу можна лишати центрованими, якщо контроли нічого не перекривають. Змішаний варіант теж працює, коли фон чи хедер ідуть на всю ширину, а скрольований контент має відступ.
ВНУТРІШНІЙ ДИСПЛЕЙ
Тут не має бути розтягнутого айфона. Split view показує кілька рівнів ієрархії одночасно. Вертикальний стек може перебудовуватися у дві колонки, коли з'явилася горизонталь. Таб-бар можна подати як сайдбар, але це радше для щільних застосунків типу Health.
СКЛАДАННЯ
Кнопки, що опиняються прямо в згині, натискати незручно. Тому системні компоненти самі відсувають інтерактивні елементи вбік: шіти, алерти, меню, кнопки тулбара. Скрольований контент відсувати не треба. Для мене це найсильніший аргумент не малювати власні компоненти там, де є системні.
Шіти окремо: зовні їхні контроли теж ідуть убік, і це можна вимкнути, якщо кнопка одна. Всередині, у портреті й ландшафті, працюють звичайні горизонтальні бари.
І те, що варто винести з усієї сесії: ієрархія і функції не залежать від пози. Люди складатимуть і розкладатимуть пристрій прямо посеред сценарію, тож додаток має поводитися передбачувано.
Практично все зводиться до адаптивності. Роботу, яку хороші продуктові команди й так мали робити, тепер просто не вийде відкласти.
А ви вже приміряли свої макети до цього форм-фактора?
Відос адин: https://www.youtube.com/watch?v=do3UqxfYc3I
Відос два: https://www.youtube.com/watch?v=qsd-VwqmZvI
😍 Product Design * Motion in App | Підписатися | 2 359 |
| 5 | 🤔🤔🤔
😍 Product Design * Motion in App | Підписатися | 1 194 |
| 6 | بدون متن... | 946 |
| 7 | Цікаво, що компанія, яка використовує штучний інтелект, найняла дизайнера-людину, щоб він вручну, по одному, створив їхній набір іконок 😮
Мареку Мінору знадобився рік, щоб створити новий набір іконок для Cursor. Мені подобається увага до деталей у цьому прикладі.
Детальний розбір кейсу за посиланням: https://www.minoradventures.co/blog/the-making-of-cursors-icons
😍 Product Design * Motion in App | Підписатися | 1 097 |
| 8 | У дизайнерів з'явилася нова спеціалізація: Прибиральник матеріалів, створених нейромережами 💩
Компанії все частіше спочатку генерують логотипи, ілюстрації, тексти та відео, а потім наймають фрілансерів, щоб виправити все це. Потрібно видаляти зайві пальці та шум, підвищувати роздільну здатність, виправляти криві тексти, роботизовану озвучку, а іноді повністю переробляти результат, пише The Guardian
Для деяких спеціалістів корекція матеріалів, створених ШІ, вже стала основною роботою. У одного з героїв матеріалу такі завдання займають 90% замовлень і приносять від 60 до 70% річного доходу. На платформі типу Freelancer кількість вакансій, у яких згадуються помилки та "галюцинації" ШІ, зросла на 87%, на Upwork таких завдань стало на 70% більше за рік, а на Fiverr попит зріс більш ніж у 20 разів з 2023 року.
Проблема в тому, що замовники часто вважають таку роботу швидкою та дешевою. Хоча на виправлення згенерованого матеріалу може піти стільки ж часу, скільки й на створення роботи з нуля.
Як ви гадаєте, чи скоро все таки настане той час коли дизайнери будуть не потрібні і зможуть піти варити каву на барі, та розводити курочок в селі?
😍 Product Design * Motion in App | Підписатися | 1 368 |
| 9 | Цікавий сервіс для презентації інтерфейсів – UI Camera
Закидаєш скріншот або відео інтерфейсу, налаштовуєте кут у 3D по осях X / Y / Z і отримуєте акуратний кадр, майже як зі студійної зйомки.
Можна створити просто гарний статичний кадр для кейсу, лендінгу або презентації, а можна зібрати відео з рухом камери і використовувати його як частину продуктової презентації.
Для швидких кейсів класна штучка...
Лінк на "спробувати" тут: https://ui.camera/
😍 Product Design * Motion in App | Підписатися | 1 198 |
| 10 | Вийшла версія 🤖 Fable 5.1
Claude останнім часом почав дивно часто "зависати". Він став повільнішим, лінується, і на простих завданнях може довго "думати" – і тоді у мене виникла думка: можливо, Anthropic готує нову версію Fable або Opus.
Минув тиждень... Вітаємо Fable 5.1
До того ж, у описі Anthropic акцентується увага на тому, що модель краще виконує запити і менше проявляє "самодіяльність".
Також було збільшено ліміти, тому зараз піду тестувати. Особливо цікаво подивитися, що змінилося в Claude Code, тому що саме там минулого тижня Fable мене найбільше дратував.
Тільки б обнулили тижневий ліміт 🤞🏻
😍 Product Design * Motion in App | Підписатися | 1 112 |
| 11 | Ставте лайк, якщо сьогодні теж йдете до школи 👨💻
На щастя, ті самі дні знань, з лінійкою давно минули. А ось постійне навчання – ні. І це одна з найкращих частин моєї роботи.
Раніше було приблизно так: закінчив навчання, зібрав портфоліо, знайшов роботу, поступово накопичуєш досвід і все впевненіше збільшуєш зарплату.
Але якщо вирішили зануритися у сферу ШІ, ця модель починає руйнуватися. Тут не вийде один раз вивчити 10 інструментів і далі працювати за звичною схемою. І немає сенсу вивчати 50 – стек оновлюється зі швидкістю світла. З'являються нові моделі, агенти, AI-функції та підходи.
Набагато важливіше швидко розбиратися в новому, розуміти, де це може дати вам перевагу, і збирати робочі комбінації під конкретне завдання.
Тому навчання не закінчилось після отримання атестату чи диплому, навчання стало частиною мого робочого процесу 🎉 З 1 Вересня всіх 😘
____________
До речі, осінь — моя найулюбленіша пора року, і перший день осені у Львові розпочався дуже вайбово. Густий туман, дощ, прохолода — все те, що я обожнюю в осінній час 🍂
Також запрошую Вас до мене в LinkedIn: https://www.linkedin.com/in/pokazkaivan/
Вибачте за оффтоп. Такий то сьогодні день
😍 Product Design * Motion in App | Підписатися | 1 202 |
| 12 | Прикольний сайт CV дизайнера з 🇬🇧 Великої Британії
Автор: Mike Barton
Лінк: https://www.mikes.cv/
😍 Product Design * Motion in App | Підписатися | 1 118 |
| 13 | У Figma оновили роботу з векторами, з'явився повноцінний ластик, і покращили Paint Bucket (інструмент заливки).
Тепер можна стирати окремі ділянки векторних контурів прямо на полотні, а заливку або градієнт — протягувати одразу через кілька областей, щоб швидко їх перефарбувати.
Ластик працює в режимах Vector Edit та Draw, гаряча клавіша: Shift + E.
😍 Product Design * Motion in App | Підписатися | 1 580 |
| 14 | Якщо давно хотіли знайти якісь курси де розповідали б про те як користуватись Claude Code - то ловіть мій авторський інфоциганський курс то ловіть посилання на офіційну Claude Академію де зібрані всі корисні матеріали про те як користуватись АІшкою
А ще, "супер нова та game changer фіча" - можна напряму спитати в чаті питання яке тебе турбує і клод (маючи базу знань зі всієї академії) - детально відповість
В соц мережах вже почався тиждень повідомлень "курси більше не потрібні" | 1 438 |
| 15 | Знайшов сайт корейського бренду саун «Саса са са» —
таке оригінальне й класне рішення!
Обережно! Малюючи квіточки можна трішки залипнути: https://sasasa.com
😍 Product Design * Motion in App | Підписатися | 1 332 |
| 16 | 🚕 UBER знайшли спосіб, як освоїти бюджет до кінця фінансового року, і зробили оновлену систему іконок для бренду...
Мені подобається, наскільки цей набір нових іконок відповідає стилю бренду 👍🏻
😍 Product Design * Motion in App | Підписатися | 1 194 |
| 17 | Перестань зберігати скіли і промпти, щоб колись застосувати їх у роботі. Це колись не настане саме собою!
AI агент стає твоїм найкращим другом і робота робиться в 2-3 рази швидше. Не на рівні згенеруй мені макет, а на рівні пайплайну: рісерч, JTBD, IA, вайрфрейми, дизайн система, експорт у Figma.
Live уроки двох курсв по півтори години, раз на тиждень. Багато практики в реальному часі, питання можна задавати відразу, а не чекати відповіді в коментарях через три дні.
👨💻 Design Engineering Beginners
29 серпня, субота, 11:00. 6 уроків.
Ставимо клод код з нуля і проходимо повний цикл від ресерчу до макета у Figma.
Програма курсу
🧑💻 Design Engineering Pro Max
28 серпня, п'ятниця, 19:00. 12 уроків.
Вчися будувати свій мультиагентний пайплайн, від ресерчу до готового дизайну в коді.
Програма курсу
Для бронювання писати: https://t.me/denys_osadchyi
#AD | 858 |
| 18 | Бібліотека анімованих компонентів для роботи нейронних мереж. Або ж просто красиві завантажувачі
6 типів, оптимізовано для великих і малих розмірів, світлий і темний режими, середовище для тестування та відсутність залежностей.
Є React, SwiftUI, React Native та налаштування швидкості
http://orbs.jakubantalik.com
😍 Product Design * Motion in App | Підписатися | 1 048 |
| 19 | Коли обираєш ноутбук, дуже легко потрапити в пастку характеристик
Бачиш у оголошенні:
💻 Intel Core i7
⚡️ 16 GB RAM
🚀 SSD
Здається — має літати.
А потім відкриваєш браузер і ноутбук вже «думає».
— Підвисає.
— Шумить.
— Гріється.
Працює зовсім не так, як очікував.
Бо напис «Core i7» сам по собі майже нічого не гарантує.
Саме тому мені подобається підхід, коли техніку не просто продають, а пояснюють, що саме ти купуєш і чому цей ноутбук вартий своїх грошей.
У 🤝 TEKHOUSE якраз розбирають такі нюанси простою мовою та публікують перевірені б/в ноутбуки.
Якщо зараз шукаєте ноутбук або просто хочете краще розбиратися в техніці — можна зазирнути 👇
👉 https://t.me/+kHE9PJmBzrg2MDFi
#AD | 994 |
| 20 | بدون متن... | 1 043 |
