Вирішив чекнути а шо там телеграм канал, і виявилось що я на першому місці по охопленю серед україномовних каналів дотичних до інтерфейсів, і на 8 місці в категорії “дизайн” загалом. 😮😎

Оце так!

@berestux

Консистентність ≠ однаковість

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

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

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

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

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

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

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

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

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

@berestux

Або коли працюєш з автолейаутами

@berestux

Рубрика «покажіть своєму розробнику це і тікайте»

@berestux

Класна стаття про те, як у Wise впроваджували інтерактивні 3D-моделі та стиснули їх для мобільних пристроїв у 100 разів (до 3,7 МБ на весь пакет)

@berestux

Тепер і всі інші елементи Telegram повністю підтримують Liquid Glass.

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

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

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

@berestux

Animate it — кльовий плагін для швидкого створення анімованих компонентів.

@berestux

У Spline додають безшовну інтеграцію 2D і 3D в одному просторі.

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

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

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

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

@berestux

Лоадінг на котрий ми заслуговуємо

@berestux

Дуже цікаве і красиве дизайнерське відео від Антона Реппонена про вайбкод-експерименти та як він вайбкодив свої застосунки для обробки фото та відео.

@berestux

😅 Коротко й зрозуміло про дефіцит ОЗП:

Оперативна памʼять подорожчала в 3 рази, тому що величезну кількість ще не виробленої оперативної памʼяті купили за неіснуючі гроші для встановлення в GPU, які теж ще не вироблені, щоб розмістити їх у дата-центрах, які ще не побудовані, аби задовольнити попит, якого взагалі не існує, і отримати прибуток, якого не буде.

@berestux

А як щодо рідкого металу?🤔

@berestux

Вельми цікавий подкаст УТ-2 з Володимиром Смирновом.
В ньому дуже багато про дизайн і UX зокрема.
Короче дуже раджу!

@berestux

Або position:absolute

@berestux

Лекція Ryo Lu, Head of Design у Cursor, присвячена еволюції ролі дизайнерів у міру того, як інструменти програмування стають доступнішими.

Окремо розглядаються нещодавні оновлення Cursor — зокрема новий Agent Layout та візуальний редактор — які роблять прототипування простішим, ніж будь-коли, і дають дизайнерам змогу безпосередньо долучатися до написання коду.

@berestux

Народ, чи було у вас таке, що дизайн виглядає добре, але з текстами в інтерфейсі все не до кінця ок?

Часто UX/UI дизайнерам доводиться самостійно писати тексти для кнопок, помилок, підказок і онбордингу. Саме для таких ситуацій і є кyрс Intro to UX Writing.

Кyрс підійде для UX/UI дизайнерів, які працюють з інтерфейсними текстами самостійно й хочуть робити це коректно з точки зору UX і продукту.

Фокус кyрсу:
— мікрокопі та системність у текстах
— різні типи інтерфейсних текстів
— практичні завдання й фідбек
— реальний кейс у портфоліо

Від мене є промокод на знижку −10% - BEREST.
Додатково до 16 січня діє ціна early bird.

Деталі

А ви більше який дизайнер Type B🦄 чи Type A🤓?

@berestux

Дизайнери Google розповіли про проєктування візуальної мови Gemini

Як подолати концептуальні прогалини у сприйнятті ШІ, особливо в тому, як Gemini спрощує інформацію та розширює ідеї? Як заохотити користувачів до дослідження, гри й пошуку, щоб вони могли набути впевненості у використанні інструмента, який постійно змінюється? Ці запитання були зумовлені основним набором цілей: зробити Gemini інтуїтивно зрозумілим, захопливим, доступним, надихаючим — і, передусім, таким, що заслуговує на довіру.

@berestux