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

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

Реклама та співпраця: @ivanpokazka
Download Telegram
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
This media is not supported in your browser
VIEW IN TELEGRAM
Анімація розкриття нового iPhone виглядає просто неймовірно

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥12😍5😁42👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁23🤣101🐳1
This media is not supported in your browser
VIEW IN TELEGRAM
🍏 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://lnkd.in/p/d5TVNYrn

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍53
This media is not supported in your browser
VIEW IN TELEGRAM
🖌 Figma додала комбінації клавіш для перемикання режимів:

— Alt + Tab (на Mac: Option + Tab) — наступний режим
— Alt + Shift + Tab (на Mac: Option + Shift + Tab) — попередній режим

Або вибирайте курсором. Оновлення буде доступне всім протягом тижня.

😍 Product Design * Motion in App | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
8👍3😴1🫡1😎1