Product Design * Motion in App

🚀 Junior Frontend Developer | Київ, офіс

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

💰 Зарплата: $300–1000 (перегляд кожні 6 місяців)
📍 Локація: Київ, офіс (компенсуємо витрати на переїзд)

Що ми очікуємо від вас:
🔹 Хороша база в JavaScript & TypeScript.
🔹 Знання одного з фреймворків: React / Angular / Vue.
🔹 Рівень англійської від B1+.

➡️ Відгукнутися

#job #sponsored

Higgsfield тепер збирає анімації в 🖼️ After Effects за допомогою 🤖 ChatGPT

Даремно я побачив це перед сном. Хто вже тестував, діліться своїми враженнями.

https://higgsfield.ai/ai-motion-designer

😍 Product Design * Motion in App | Підписатися

🖌 Figma додала комбінації клавіш для перемикання режимів:

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

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

😍 Product Design * Motion in App | Підписатися

🍏 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 | Підписатися

Анімація розкриття нового iPhone виглядає просто неймовірно

😍 Product Design * Motion in App | Підписатися

Цікавий сервіс для презентації інтерфейсів – UI Camera

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

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

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

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

😍 Product Design * Motion in App | Підписатися

Вийшла версія 🤖 Fable 5.1

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

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

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

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

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

😍 Product Design * Motion in App | Підписатися

Ставте лайк, якщо сьогодні теж йдете до школи 👨‍💻

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

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

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

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

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

____________

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

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

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

😍 Product Design * Motion in App | Підписатися

Прикольний сайт CV дизайнера з 🇬🇧 Великої Британії

Автор: Mike Barton

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

😍 Product Design * Motion in App | Підписатися

У Figma оновили роботу з векторами, з'явився повноцінний ластик, і покращили Paint Bucket (інструмент заливки).

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

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

😍 Product Design * Motion in App | Підписатися

Знайшов сайт корейського бренду саун «Саса са са» —
таке оригінальне й класне рішення!

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

😍 Product Design * Motion in App | Підписатися

🚕 UBER знайшли спосіб, як освоїти бюджет до кінця фінансового року, і зробили оновлену систему іконок для бренду...

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

😍 Product Design * Motion in App | Підписатися

Бібліотека анімованих компонентів для роботи нейронних мереж. Або ж просто красиві завантажувачі

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

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

http://orbs.jakubantalik.com

😍 Product Design * Motion in App | Підписатися

Коли обираєш ноутбук, дуже легко потрапити в пастку характеристик

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

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

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

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

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

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

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

👉 https://t.me/+kHE9PJmBzrg2MDFi

#AD