BEREST UX/UI
3.53K subscribers
373 photos
291 videos
1 file
184 links
Вітаю, я Берест Олександр - Senior Product Designer в Fintech, ex. Team Lead в League Design Agency, працюю в сфері з 2018 і веду тг канал про дизайн і всяке цікаве.

▫️Telegram: @berestx
▫️Instagram: berestx
▫️LinkedIn: linkedin.com/in/berestalex
Download Telegram
Як зробити гарнючий progressive blur

@berestux
82🔥19👍7❤‍🔥3🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Що стосується тултіпів, то вони мають з’являтися із затримкою, щоб запобігти випадковому спрацюванню. Але після того, як підказка вже з’явилася, наведення кyрсора на інші підказки повинно відкривати їх без затримки в анімації.

Це виглядає швидше, але водночас не нівелює сенс початкової затримки.

@berestux
🔥82👍189❤‍🔥4🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Просиш тімліда показати як правильно налаштовувати variables
Тімлід:

@berestux
😁78🤣25💯411🦄1
CASES нарешті виклали записи виступів з Дизаріуму.

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

Вважаю що це момент, усвідомлення котрого не вистачає великій кількості людей в нашій індустрії!

@berestux
🔥2813👍31😴1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma Make додали Gemini 3 Pro.

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

@berestux
🔥626👍31🦄1
Media is too big
VIEW IN TELEGRAM
Meta представила SAM 3D, нову модель, яка вміє створювати повноцінні 3D-реконструкції зі звичайних 2D-зображень.

@berestux
27🔥152👍2🦄1
Про рівень дискусії дизайнерів різного рівня

@berestux
😁133🤣30💯1141🦄1
Коли тімлід зайшов у твій фігма файл

@berestux
😁99🤣315💔2🔥1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Як визначити правильний відступ від іконки до краю

@berestux
82👍14🤔10🔥41🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Трохи безкоштовних бібліотек компонентів

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

Coss UI

Basecn

Shadcn UI

Smooth UI

Hexta UI

Tailark

UXE UI

Magic UI

Hero UI

Shoelace

Animate UI

8bitcn

@berestux
83❤‍🔥11👍7🔥51🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥У Mobbin з’явилися скрінкасти з прикладами анімацій

«Подивіться, як застосунки світового рівня використовують рух, щоб спрямовувати, дивувати та створювати бездоганний досвід — тепер на Mobbin».


@berestux
50🔥6👍31🦄1
Стає дедалі популярніше вбудовувати анімації інлайново в контейнер.
І це чудово, адже так інтерфейс стає чистішим — без великої кількості спливаючих вікон та інших відволікаючих елементів.

@berestux
🔥61👍1961🦄1
Media is too big
VIEW IN TELEGRAM
Редагування responsive-сіток у Figma стало ще зручнішим:

- Підтримка Hug
- Дробові одиниці (fractional units)

@berestux
28👍11🔥6🦄21
BEREST UX/UI
🎨 Вчора Pantone традиційно оголосив колір року, але чому для нас це цікаво і важливо, може бути неочевидно. Тож я вирішив відповісти на питання, котрі могли у вас виникнути. 📍Що таке Pantone? Pantone — це американська компанія, яка розробила Pantone Matching…
Названо колір 2026 року — це м’який білий «Хмарний танцюрист» (Cloud Dancer).

За словами фахівців Pantone, цей відтінок символізує спокій, ясність, свіжий початок — немов «чисте полотно» на тлі хаосу світу.

Користувачі інтернету вже поекспериментували з цим кольором і зазначили, що він справді відображає поточний стан і настрій.

@berestux
😁87🤣1741🔥1🦄1