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

▫️Telegram: @berestx
▫️Instagram: berestx
▫️LinkedIn: linkedin.com/in/berestalex
Download Telegram
Media is too big
VIEW IN TELEGRAM
OpenAI випустили ChatGPT Images — свій найпотужніший генератор зображень на новій моделі.

Тепер це справжній нейрофотошоп:
— До 4 разів швидше створює зображення порівняно з попередньою моделлю;
— Точніше редагує та краще розуміє складні промпти й запити;
— Стабільно зберігає деталі: обличчя, об’єкти, стиль тощо;
— Вища якість, чистіші та детальніші результати. Покращена робота з текстурами, освітленням і дрібними елементами;
— Універсальність. Підходить для: дизайну, маркетингу, ілюстрацій, UI/UX, соцмереж.

Тобто редагування зображень справді стало зручним. Можна акуратно змінити позу, освітлення, одяг або фон, не зачіпаючи інші елементи зображення та не порушуючи загальну композицію.

Доступно всім користувачам ChatGPT безкоштовно. Можете перевірити та протестувати тут.

@berestux
29🔥4👍21🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Саксес котрий дійсно радує☺️

@berestux
❤‍🔥75😍1811🕊2🦄2👍1🥰1💅1
This media is not supported in your browser
VIEW IN TELEGRAM
Ну дуже емоційна взаємодія

@berestux
😁7521🔥7❤‍🔥21👍1💘1🦄1
Доречі, знаєте в чому різниця між Action Sheet (рис. 1) і Alert (рис. 2) на iOS?

Action Sheet використовується, коли потрібно:
1. Попередити користувача про руйнівну дію в якомусь рутинному сценарії. Наприклад, коли людина скасовує створення листа в поштовому клієнті.
2. Запропонувати кілька варіантів. Наприклад, коли людина скасовує створення листа, action sheet пропонує два варіанти: видалити чернетку або зберегти її. Відповідно, елемент з’являється не посеред екрану, а «виростає» з кнопки (Х), на яку натиснув користувач.

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

@berestux
👍3512🔥5🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Нарешті у Figma додали Uncrop. Дуже не вистачало

@berestux
🔥527👍6🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Який ваш улюблений шрифт?😅

@berestux
1😁95❤‍🔥9🔥6🍓4🤔2🦄21
🎄Різдвяний подарунок від Lovable - безкоштовний Pro план на 2 місяці.

Як отримати:
1. Зареєструвати новий аккаунт
2. Вибирати Pro план
3. Ввести промокод NEXTPLAY-LOV-25
4. Вибрати спосіб оплати
5. Підписатися

@berestux
🔥34❤‍🔥4🙏21🦄1
🙈 Посів 22 місце загальноукраїнському «Рейтингу ефективності» в LinkedIn, не знаю що це значить, але серед дизайнерів виходить шо на першому місці)

@berestux
🔥48🎉1632😁2🦄1
BEREST UX/UI
🙈 Посів 22 місце загальноукраїнському «Рейтингу ефективності» в LinkedIn, не знаю що це значить, але серед дизайнерів виходить шо на першому місці) @berestux
Вирішив чекнути а шо там телеграм канал, і виявилось що я на першому місці по охопленю серед україномовних каналів дотичних до інтерфейсів, і на 8 місці в категорії “дизайн” загалом. 😮😎

Оце так!

@berestux
🎉74🔥7😱4👍32🤯2🦄2💘1
This media is not supported in your browser
VIEW IN TELEGRAM
Консистентність ≠ однаковість

Для тих, хто не застав ту епоху: раніше у нас були красиві, точні інтерфейси. Тепер їх замінила дизайн-мова, що виросла з Apple Watch — з іконками, які існують лише для того, щоб уміщатися в «сквіркли». Але річ навіть не в цьому.

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

Apple колись проєктувала саме системи. Скевоморфізм був не про шкіряні текстури — він був про навчання людей новим ментальним моделям. Кошик очищується, бо ти розумієш, як працює справжній кошик. Глянцеві кнопки й панелі Aqua мали глибину, бо в ОС були шари, структуру яких ти міг побачити й зрозуміти. Стара Apple будувала стек повністю — від заліза до пікселів і до концепцій. Команди не просто «випускали фічі в спільній коробці» — вони створювали цілісні платформи, кожна з власною думкою про те, якою має бути взаємодія з комп’ютером у конкретному середовищі.

«Рідке скло» чудово виглядає на телефоні. Але на macOS воно непрактичне — немає точності, суцільний візуальний шум. Це те, що стається, коли мову інтерфейсу, створену для керування пальцем, переносять у macOS. Ми відійшли від інтерфейсів, спроєктованих для 27-дюймового дисплея й точного курсора, до інтерфейсів, вигаданих для екрана 1,5 дюйма, в який ти тицяєш одним пальцем.

Mac — це інструмент для створення й точної роботи. Йому потрібна висока щільність інформації. Йому потрібні елементи, за які можна «вхопитися». Йому потрібен UI, який не заважає, але дає потужність, коли вона потрібна. Натомість ми отримали відступи, порожнечі й розмиті прозорості, оптимізовані під великі сенсорні цілі, яких тут узагалі ніхто не торкається.

Обов’язковий «сквіркл» для іконок — лише симптом. Коли ти змушуєш кожну іконку приймати одну й ту саму форму, ти кажеш: «єдиний стиль бренду важливіший, ніж те, щоб іконка миттєво передавала свою функцію». Ми обміняли ясність на одноманітність. Обміняли точний дизайн на кросплатформну однаковість.

Консистентність — це коли система живе за власними внутрішніми, зв’язними правилами.
Однаковість — це коли все виглядає однаково незалежно від контексту.

Команда, що займається залізом, досі розуміє суть — MacBook Pro і чипи серії M просто блискучі. Але дизайн софту відчувається так, ніби він женеться за «товстими пальцями», а не згадує, чим люди взагалі займаються на Mac.

Пост дизайнера Ryo Lu з Cursor AI

@berestux
🔥3712❤‍🔥4👍4💯2🥱1💘1🙉1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Або коли працюєш з автолейаутами

@berestux
😁74🤣23💯12💘1🦄1
BEREST UX/UI
Покажіть своєму розробнику цей прогрес бар і тікайте @berestux
This media is not supported in your browser
VIEW IN TELEGRAM
Рубрика «покажіть своєму розробнику це і тікайте»

@berestux
😁68🤣17❤‍🔥631💘1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Класна стаття про те, як у Wise впроваджували інтерактивні 3D-моделі та стиснули їх для мобільних пристроїв у 100 разів (до 3,7 МБ на весь пакет)

@berestux
🔥275👍2🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
З наступаючим Новим Роком, друзі 🚗🔴🎄

@berestux
Please open Telegram to view this post
VIEW IN TELEGRAM
😁47🎄10🍾622💘1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Тепер і всі інші елементи Telegram повністю підтримують Liquid Glass.

Раніше це була лише нижня частина в усіх чатах.

Вже можна оновлюватися. І цим ефектом можна окремо керувати в Налаштуваннях, щоб заощадити заряд акумулятора.

Ну і виглядає це не дуже на практиці, насправді.

@berestux
😢35💯148🔥4🦄31🤪1
Media is too big
VIEW IN TELEGRAM
Animate it — кльовий плагін для швидкого створення анімованих компонентів.

@berestux
26🔥8❤‍🔥31🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
У Spline додають безшовну інтеграцію 2D і 3D в одному просторі.

Немає потреби в плагінах або складних робочих процесах. Усе пов’язано в одному місці.

Усі системи (фрейми, макети, булеві операції, вектори, ефекти тощо) працюють синхронно в 2D і 3D без руйнування даних.

Це відправна точка повністю багатовимірного процесу проєктування. У найближчому майбутньому людям не потрібно буде виокремлювати «3D-проєктування» як окрему частину процесу, адже все це стане частиною єдиної системи.

Реліз очікується приблизно за тиждень.

@berestux
48🔥24👍3❤‍🔥21🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Лоадінг на котрий ми заслуговуємо

@berestux
🤣73😁8🔥6💯31🦄1
Дуже цікаве і красиве дизайнерське відео від Антона Реппонена про вайбкод-експерименти та як він вайбкодив свої застосунки для обробки фото та відео.

@berestux
24🔥51👍1🦄1