Marina Minchukova | UI/UX

Рекомендую статтю: «Рефреймінг: де і як дизайнеру красти рішення» від Ольги Тушич Там класно пояснюють, як зміною формулювання проблеми «красти» круті ідеї з інших сфер і знаходити нестандартні рішення. Приклад з Новою Поштою і спіральними горками - просто огонь Посилання: https://ux.pub/tshch92/riefrieimingh-die-i-iak-dizainieru-krasti-rishiennia-2f0i

Figma вчора випустила нову табу в панелі управління файлу під назвою Games (ну або FigCade, як вони її назвали) Там прям прикольні прості міні-ігри, які зроблені саме під нас, дизайнерів. Типу: • вгадати колір іконки • розпізнати дизайн колір іконки файлів у Figma • потренувати шорткати (Shortcut Master level) • взяти інструмент Slice і порізати маленькі графічні фігурки на шматочки Виглядає дуже мило і атмосферно Коли сидиш у файлі, робиш якийсь нудний піксель-перфект і раптом стає скучно - відкриваєш цю табу, граєш 2-3 хвилини і назад з новими силами Це все тимчасово, типу April Fools/Delights, до 7 квітня. Але чесно - класна ідея, щоб трохи розрядити мозок посеред робочого дня.

Telegram запустив нову функцію AI Editor для редагування повідомлень. Тепер при наборі тексту від трьох рядків з’являється кнопка AI. Один клік і штучний інтелект може виправити помилки, перекласти повідомлення або переписати його в іншому стилі зробити коротшим чи формальнішим. Функція вже доступна в бета-версії. Дуже зручно для важливих і довгих повідомлень.

Знайшла класний плагін для Figma - Skeleton Craft. Вибираєш екран → запускаєш плагін → і за секунду отримуєш готовий скелетон (loading state) Без ручного малювання сірих блоків і лінійок Швидко, чисто і зручно. Особливо коли треба швидко показати loading стани в прототипі Спробувала - сподобалось 🔥 Посилання: https://www.figma.com/community/plugin/1412764487802194727/skeleton-loader

Легко й зручно переглянути всі шрифти, які є на твоєму комп’ютері. Також можна завантажити свій логотип у форматі PNG або SVG і відразу бачиш, як він виглядає з кожним доступним шрифтом. Посилання 👇 https://joshpuckett.me/locale

Інструмент для створення гарних інвойсів для клієнтів) Мені було цікаво чи є щось таке і ось знайшла

Візуалізація скретч-картки з шейдером

Трошки приємного візуалу для розширення надивленості

Прокрастинація продуктивності 😅 Нещодавно дізналася, як правильно називається це вічне «удосконалення» підходу: годинами налаштовуєш систему, міняєш кольори в нотатках, а сама задача так і залишається неторкнутою Люди часто питають, як я встигаю стільки всього. Чесно кажучи - хз. Якби я точно знала рецепт, то, мабуть, встигала б ще більше. Коли горить дедлайн і треба нормально працювати, я роблю максимально просто: відкриваю звичайні нотатки, пишу туди 4–5 задач і вперед. Беру одну, роблю її до кінця, тільки потім беру наступну. Без всяких складних систем і трекерів. Цей простий підхід уже 4 роки допомагає мені не просирати дедлайни. А навколо бачу, як люди тижнями будують ідеальний Notion чи Obsidian, розфарбовують усе в різні кольори… а результату часто нуль або навіть менше, ніж у тих, хто просто бере і робить. Найкраще, що я для себе винесла: є задача - є ти. Все інше - в сторону Просто бери і роби.

Сподобалась анімація на лайках та переглядах в YouTube

Figma запустила ШІ-агентів прямо в файл - це реально змінює гру. Тепер агент працює з твоєю дизайн-системою: компоненти, variables, токени, справжні інстанси і variants Приклад: дашборд аналітики Раніше: годинами збирала чарти, таблиці та метрики вручну. Тепер: пишу «Зроби дашборд продажів за місяць: 4 метрики, лінійний графік, кругова діаграма і таблиця топ-товарів. Використовуй наші компоненти та токени» За секунди чистий макет, все синхронізовано. Ніякого сміття в шарах. Готовий дизайн. Ще простий кейс, цікаво, як впорається зі складнішим 🔥

Цікавий концепт радіального меню

Цікавий концепт застосунку по веденню фінансового обліку Автор: prosku.a

Натрапила на цікавий кейс локалізації UX 👇 У Катарі сервіс доставки Snoonu під час Рамадану змінює сам сценарій використання Замість «замовити зараз» - таймер до заходу сонця. І фокус - не на миттєвій доставці, а на плануванні іфтару. Тобто продукт адаптує не тільки UI, а й поведінку користувача під культурний контекст І це дуже влучне нагадування: ми проєктуємо інтерфейси чи досвід, який реально враховує життя людей?

Зникла на кілька днів багато роботи, дедлайни, ви розумієте 🫠 Але повертаюся з підбіркою, яку збирала між задачами цього разу про анімації у вебі Останнім часом натрапляла на класні приклади, які хочеться зберегти і показати. Бо іноді одна деталь в анімації змінює відчуття від продукту повністю Скоро буде ✨​​​​​​​​​​​​​​​​

Інструмент для генерації UI-візуалу River Marchand створив невеликий інструмент Chimera, який дозволяє в реальному часі змішувати стилі інтерфейсів Система будує матрицю дизайн-системи на основі 4 референсів, а далі можна регулювати - робити результат більш «середнім» або зміщувати його в бік конкретного стилю Фактично це спосіб швидко досліджувати візуальні напрямки UI ще до початку повноцінного дизайну Цікаво як інструмент для пошуку стилю продукту або швидких експериментів з дизайн-системою

Натрапила на простий, але дуже корисний інструмент Генератор, який з одного кольору створює 100k+ варіацій палітри і одразу формує шкалу 50–900, токени та CSS Зручно, коли потрібно швидко зібрати повну кольорову систему для UI І що найцікавіше - це просто weekend-проєкт ✨

Навігація в мобільних інтерфейсах одна з тих речей, які здаються простими, але зробити їх добре насправді дуже складно Дизайнерка зібрала безкоштовну колекцію з 75+ прикладів мобільних навігацій із реальних продуктів. Хороший референс, якщо працюєте з мобільними інтерфейсами або шукаєте нові патерни Іноді достатньо просто подивитися, як це вирішують інші, щоб знайти більш елегантне рішення у своєму продукті Посилання на ресурс: https://www.navbar.gallery/mobile-navigation

Видалення жестом Pinch

Класний приклад використання ASCII стилю з анімаціями