BEREST UX/UI
🎨 Вчора Pantone традиційно оголосив колір року, але чому для нас це цікаво і важливо, може бути неочевидно. Тож я вирішив відповісти на питання, котрі могли у вас виникнути. 📍Що таке Pantone? Pantone — це американська компанія, яка розробила Pantone Matching…
Названо колір 2026 року — це м’який білий «Хмарний танцюрист» (Cloud Dancer).
За словами фахівців Pantone, цей відтінок символізує спокій, ясність, свіжий початок — немов «чисте полотно» на тлі хаосу світу.
Користувачі інтернету вже поекспериментували з цим кольором і зазначили, що він справді відображає поточний стан і настрій.
@berestux
За словами фахівців Pantone, цей відтінок символізує спокій, ясність, свіжий початок — немов «чисте полотно» на тлі хаосу світу.
Користувачі інтернету вже поекспериментували з цим кольором і зазначили, що він справді відображає поточний стан і настрій.
@berestux
😁87🤣17❤4☃1🔥1🦄1
Якщо не знаєте що подарувати вашому ПМу на Різдво, то ловіть ідею:
Sexy tables — плагін, який імпортує таблиці з Google Sheets прямо в Figma файл в пару кліків.
@berestux
@berestux
This media is not supported in your browser
VIEW IN TELEGRAM
🔥63😁21💘2❤1🙏1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Figma додала три нові AI-інструменти для роботи з зображеннями прямо в редакторі:
— Erase object: видаляє зайві елементи
— Isolate object: вирізає та дозволяє редагувати окремі частини
— Expand image: розтягує фон без спотворень
Тепер можна виділити об’єкт і прибрати фон, підкрутити світло чи колір окремого елемента, швидко адаптувати картинку під будь-який формат.
Доступно в Figma Design і Draw для Full seat на Pro, Org та Enterprise
@berestux
— Erase object: видаляє зайві елементи
— Isolate object: вирізає та дозволяє редагувати окремі частини
— Expand image: розтягує фон без спотворень
Тепер можна виділити об’єкт і прибрати фон, підкрутити світло чи колір окремого елемента, швидко адаптувати картинку під будь-який формат.
Доступно в Figma Design і Draw для Full seat на Pro, Org та Enterprise
@berestux
👍33🔥30❤9🦄1
😅 Джастін Бібер просто дав фідбек щодо інтерфейсу iMessage, а люди вже тут-таки пророкують йому високі посади дизайнера або менеджера в Apple.
Бібер поскаржився, що випадково натискає кнопку диктування одразу після надсилання повідомлення — через це вимикається музика. Це розлютило його настільки, що він готовий «знайти всіх в Apple і схопити їх».
@berestux
Бібер поскаржився, що випадково натискає кнопку диктування одразу після надсилання повідомлення — через це вимикається музика. Це розлютило його настільки, що він готовий «знайти всіх в Apple і схопити їх».
@berestux
😁51🤣19❤4☃1🦄1
Про те як в великих компаніях впроваджують ШІ. І смішно і грішно, як ви любите!
@berestux
У минулому кварталі я впровадив Microsoft Copilot для 4 000 співробітників.
Це 30 доларів за користувача на місяць.
1,4 мільйона доларів на рік.
Я назвав це «цифровою трансформацією».
Раді директорів ця фраза сподобалася.
Вони затвердили все за одинадцять хвилин.
Ніхто не запитав, що це взагалі буде робити.
Включно зі мною.
Я сказав усім, що це «збільшить продуктивність у 10 разів».
Це не справжнє число.
Але звучить як справжнє.
HR запитали, як ми будемо вимірювати ці 10x.
Я сказав, що ми «використовуватимемо аналітичні дашборди».
Вони перестали ставити запитання.
Через три місяці я подивився звіти з використання.
47 людей відкривали Copilot.
12 використовували його більше одного разу.
Один із них — я.
Я використав його, щоб він коротко переказав мені лист, який я міг прочитати за 30 секунд.
Це зайняло 45 секунд.
Плюс час на виправлення галюцинацій.
Але я назвав це «успішним пілотним запуском».
Успіх — це коли не було помітного провалу.
Фінансовий директор запитав про рентабельність інвестицій.
Я показав йому графік.
Графік ішов угору і вправо.
Цей графік вимірював «залученість до ШІ».
Я сам вигадав цей показник.
Директор схвально кивнув.
Тепер наша компанія «з упровадженим ШІ».
Я не знаю, що це означає.
Але це є в презентації для інвесторів.
Старший розробник запитав, чому ми не використовуємо Claude або ChatGPT.
Я сказав, що нам потрібна «корпоративна безпека».
Він запитав, що це означає.
Я сказав: «відповідність вимогам».
Він запитав — яким саме.
Я сказав: «усім».
Він виглядав скептично.
Я призначив йому «розмову про розвиток кар’єри».
Він перестав ставити запитання.
Microsoft надіслали команду для аналізу кейсу.
Вони хотіли представити нас як історію успіху.
Я сказав їм, що ми «заощадили 40 000 годин».
Я порахував ці години, помноживши кількість співробітників на число, яке сам вигадав.
Вони нічого не перевірили.
Вони ніколи нічого не перевіряють.
Тепер ми на сайті Microsoft.
«Глобальна компанія досягла зростання продуктивності на 40 000 годин за допомогою Copilot».
Генеральний директор поділився цим у LinkedIn.
Йому поставили 3 000 лайків.
Він жодного разу не використовував Copilot.
Ніхто з керівництва не використовував.
У нас є виняток.
«Стратегічна спрямованість вимагає мінімального цифрового відволікання».
Я написав цю політику.
Ліцензії продовжуються наступного місяця.
Я запитую розширення.
Ще 5 000 ліцензій.
Ми не використали перші 4 000.
Але цього разу ми «стимулюватимемо впровадження».
Впровадження — це обов’язкове навчання.
Навчання — це 45-хвилинний вебінар, який ніхто не дивиться.
Але проходження буде відстежуватися.
Проходження — це метрика.
Метрики відображаються на панелях моніторингу.
Ці показники йдуть у презентації для ради директорів.
Презентації для ради директорів допоможуть мені отримати підвищення.
Я стану старшим віцепрезидентом до третього кварталу.
Я досі не знаю, що робить Copilot.
Але я знаю, навіщо він потрібен.
Він потрібен, щоб показати, що ми «інвестуємо в ШІ».
Інвестиції означають витрати.
Витрати означають прихильність.
Прихильність означає, що ми серйозно ставимося до майбутнього.
Майбутнє — це те, що я потім їм скажу.
Головне — щоб графік ішов угору і вправо.
@berestux
🤣65💯9😁6❤4✍1🦄1
Народ, в мене є класна новина!
Чули про таку школу, як Креативна Практика? Мені дали можливість роздавати знижку 54% на їхню передплату «Повний доступ». Просто переходьте за посиланням, і оформлюйте навчання за1200 550 грн/міс.
Чому це крута можливість? Бо Креативна Практика — один з найкращих українських майданчиків для опанування творчих професій!
Із основних фішок:
— є близько 50 кyрсів в записі про UX/UI, вебдизайн та основи дизайну,
— можна опановувати Figma, Webflow, Framer, Blender та інші,
— щоб не загубитись у послідовності кyрсів є карти навчання,
— є можливість не лише вивчати теорію, але й практикуватись,
— щомісяця проводяться вебінари та воркшопи,
— а ще у них є купа партнерств та знижок для учасників спільноти.
До речі, я там один з викладачів, та проводжу воркшопи і беру участь в інших форматах.
@berestux
Чули про таку школу, як Креативна Практика? Мені дали можливість роздавати знижку 54% на їхню передплату «Повний доступ». Просто переходьте за посиланням, і оформлюйте навчання за
Чому це крута можливість? Бо Креативна Практика — один з найкращих українських майданчиків для опанування творчих професій!
Із основних фішок:
— є близько 50 кyрсів в записі про UX/UI, вебдизайн та основи дизайну,
— можна опановувати Figma, Webflow, Framer, Blender та інші,
— щоб не загубитись у послідовності кyрсів є карти навчання,
— є можливість не лише вивчати теорію, але й практикуватись,
— щомісяця проводяться вебінари та воркшопи,
— а ще у них є купа партнерств та знижок для учасників спільноти.
До речі, я там один з викладачів, та проводжу воркшопи і беру участь в інших форматах.
@berestux
❤34👍8🔥7🙈4☃3🦄1
Media is too big
VIEW IN TELEGRAM
OpenAI випустили ChatGPT Images — свій найпотужніший генератор зображень на новій моделі.
Тепер це справжній нейрофотошоп:
— До 4 разів швидше створює зображення порівняно з попередньою моделлю;
— Точніше редагує та краще розуміє складні промпти й запити;
— Стабільно зберігає деталі: обличчя, об’єкти, стиль тощо;
— Вища якість, чистіші та детальніші результати. Покращена робота з текстурами, освітленням і дрібними елементами;
— Універсальність. Підходить для: дизайну, маркетингу, ілюстрацій, UI/UX, соцмереж.
Тобто редагування зображень справді стало зручним. Можна акуратно змінити позу, освітлення, одяг або фон, не зачіпаючи інші елементи зображення та не порушуючи загальну композицію.
Доступно всім користувачам ChatGPT безкоштовно. Можете перевірити та протестувати тут.
@berestux
Тепер це справжній нейрофотошоп:
— До 4 разів швидше створює зображення порівняно з попередньою моделлю;
— Точніше редагує та краще розуміє складні промпти й запити;
— Стабільно зберігає деталі: обличчя, об’єкти, стиль тощо;
— Вища якість, чистіші та детальніші результати. Покращена робота з текстурами, освітленням і дрібними елементами;
— Універсальність. Підходить для: дизайну, маркетингу, ілюстрацій, UI/UX, соцмереж.
Тобто редагування зображень справді стало зручним. Можна акуратно змінити позу, освітлення, одяг або фон, не зачіпаючи інші елементи зображення та не порушуючи загальну композицію.
Доступно всім користувачам ChatGPT безкоштовно. Можете перевірити та протестувати тут.
@berestux
❤29🔥4👍2☃1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
❤🔥75😍18❤11🕊2🦄2👍1🥰1💅1
This media is not supported in your browser
VIEW IN TELEGRAM
😁75❤21🔥7❤🔥2☃1👍1💘1🦄1
Доречі, знаєте в чому різниця між Action Sheet (рис. 1) і Alert (рис. 2) на iOS?
Action Sheet використовується, коли потрібно:
1. Попередити користувача про руйнівну дію в якомусь рутинному сценарії. Наприклад, коли людина скасовує створення листа в поштовому клієнті.
2. Запропонувати кілька варіантів. Наприклад, коли людина скасовує створення листа, action sheet пропонує два варіанти: видалити чернетку або зберегти її. Відповідно, елемент з’являється не посеред екрану, а «виростає» з кнопки (Х), на яку натиснув користувач.
А Alert потрібен для того, щоб навмисно перервати користувацький шлях і звернути увагу людини на справді важливе попередження.
Або наприклад для того, щоб навмисно перервати користувацький шлях і звернути увагу людини на справді важливе попередження.
Те саме, коли скасовуєш створення події в календарі. Дизайнер не використовує alert, а застосовує action sheet — тому що дія рутинна.
@berestux
Action Sheet використовується, коли потрібно:
1. Попередити користувача про руйнівну дію в якомусь рутинному сценарії. Наприклад, коли людина скасовує створення листа в поштовому клієнті.
2. Запропонувати кілька варіантів. Наприклад, коли людина скасовує створення листа, action sheet пропонує два варіанти: видалити чернетку або зберегти її. Відповідно, елемент з’являється не посеред екрану, а «виростає» з кнопки (Х), на яку натиснув користувач.
А Alert потрібен для того, щоб навмисно перервати користувацький шлях і звернути увагу людини на справді важливе попередження.
Або наприклад для того, щоб навмисно перервати користувацький шлях і звернути увагу людини на справді важливе попередження.
Те саме, коли скасовуєш створення події в календарі. Дизайнер не використовує alert, а застосовує action sheet — тому що дія рутинна.
@berestux
👍35❤12🔥5🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
1😁95❤🔥9🔥6🍓4🤔2🦄2❤1
🎄Різдвяний подарунок від Lovable - безкоштовний Pro план на 2 місяці.
Як отримати:
1. Зареєструвати новий аккаунт
2. Вибирати Pro план
3. Ввести промокод NEXTPLAY-LOV-25
4. Вибрати спосіб оплати
5. Підписатися
@berestux
Як отримати:
1. Зареєструвати новий аккаунт
2. Вибирати Pro план
3. Ввести промокод NEXTPLAY-LOV-25
4. Вибрати спосіб оплати
5. Підписатися
@berestux
🔥34❤🔥4🙏2❤1🦄1
🙈 Посів 22 місце загальноукраїнському «Рейтингу ефективності» в LinkedIn, не знаю що це значить, але серед дизайнерів виходить шо на першому місці)
@berestux
@berestux
🔥48🎉16❤3☃2😁2🦄1
BEREST UX/UI
🙈 Посів 22 місце загальноукраїнському «Рейтингу ефективності» в LinkedIn, не знаю що це значить, але серед дизайнерів виходить шо на першому місці) @berestux
Вирішив чекнути а шо там телеграм канал, і виявилось що я на першому місці по охопленю серед україномовних каналів дотичних до інтерфейсів, і на 8 місці в категорії “дизайн” загалом. 😮😎
Оце так!
@berestux
Оце так!
@berestux
🎉74🔥7😱4👍3☃2🤯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
Для тих, хто не застав ту епоху: раніше у нас були красиві, точні інтерфейси. Тепер їх замінила дизайн-мова, що виросла з Apple Watch — з іконками, які існують лише для того, щоб уміщатися в «сквіркли». Але річ навіть не в цьому.
Суть у тому, що раніше ми проєктували всю систему — технології, концепції, інтерфейси. Коли дизайнерів хвилює лише поверхнева уніфікація, платформи втрачають свою унікальність.
Apple колись проєктувала саме системи. Скевоморфізм був не про шкіряні текстури — він був про навчання людей новим ментальним моделям. Кошик очищується, бо ти розумієш, як працює справжній кошик. Глянцеві кнопки й панелі Aqua мали глибину, бо в ОС були шари, структуру яких ти міг побачити й зрозуміти. Стара Apple будувала стек повністю — від заліза до пікселів і до концепцій. Команди не просто «випускали фічі в спільній коробці» — вони створювали цілісні платформи, кожна з власною думкою про те, якою має бути взаємодія з комп’ютером у конкретному середовищі.
«Рідке скло» чудово виглядає на телефоні. Але на macOS воно непрактичне — немає точності, суцільний візуальний шум. Це те, що стається, коли мову інтерфейсу, створену для керування пальцем, переносять у macOS. Ми відійшли від інтерфейсів, спроєктованих для 27-дюймового дисплея й точного курсора, до інтерфейсів, вигаданих для екрана 1,5 дюйма, в який ти тицяєш одним пальцем.
Mac — це інструмент для створення й точної роботи. Йому потрібна висока щільність інформації. Йому потрібні елементи, за які можна «вхопитися». Йому потрібен UI, який не заважає, але дає потужність, коли вона потрібна. Натомість ми отримали відступи, порожнечі й розмиті прозорості, оптимізовані під великі сенсорні цілі, яких тут узагалі ніхто не торкається.
Обов’язковий «сквіркл» для іконок — лише симптом. Коли ти змушуєш кожну іконку приймати одну й ту саму форму, ти кажеш: «єдиний стиль бренду важливіший, ніж те, щоб іконка миттєво передавала свою функцію». Ми обміняли ясність на одноманітність. Обміняли точний дизайн на кросплатформну однаковість.
Консистентність — це коли система живе за власними внутрішніми, зв’язними правилами.
Однаковість — це коли все виглядає однаково незалежно від контексту.
Команда, що займається залізом, досі розуміє суть — MacBook Pro і чипи серії M просто блискучі. Але дизайн софту відчувається так, ніби він женеться за «товстими пальцями», а не згадує, чим люди взагалі займаються на Mac.
Пост дизайнера Ryo Lu з Cursor AI
@berestux
🔥37❤12❤🔥4👍4💯2🥱1💘1🙉1🦄1