Довго думав над тим як назвати канал, яку аватарку поставити, яку контент стратегію розробити. Але в цих думках пройшли тижні, і я зрозумів шо треба просто запускати.
Я думаю що мої перші підписники мене і так знають, тож представлятися не буду (поки що).
На цьому каналі я буду писати і жартувати трохи про UX/UI дизайн, але і не тільки.
Якись чіткий формат думаю вибудуєтся з часом, методом проб і помилок)
Я думаю що мої перші підписники мене і так знають, тож представлятися не буду (поки що).
На цьому каналі я буду писати і жартувати трохи про UX/UI дизайн, але і не тільки.
Якись чіткий формат думаю вибудуєтся з часом, методом проб і помилок)
❤11
Повний детальний огляд нових AI функцій у Figma українською. Для тих хто в вирі проектів ще ніяк не зміг добратися і детально з цим розіратись
@berestux
@berestux
YouTube
Figma AI: огляд функцій штучного інтелекту
Фігма презентувала оновлення на конференції Config, які полегшують роботу дизайнера і роблять її швидшою.
На цьому етапі штучний інтелект в Фігма це виглядає як покращені плагіни, які зробили функціями за замовчуванням. В чому допомогає Фигма ШІ, так це…
На цьому етапі штучний інтелект в Фігма це виглядає як покращені плагіни, які зробили функціями за замовчуванням. В чому допомогає Фигма ШІ, так це…
❤6🔥5👌2
Просто неймовірний брендинг від Rabbithole для LIFI24
Leeds International Festival of Ideas (LIFI) — це щорічний захід, що об’єднує провідних мислителів, інноваторів і творчих особистостей для обговорення та дослідження деяких із найбільш актуальних проблем нашого часу.
Цьогорічний фестиваль зосереджений на емоційних переживаннях відвідувачів і включає металеві, абстрактні 3D-обличчя (іноді танцюючі), які передають реакції, такі як здивування, цікавість і захоплення.
@berestux
Leeds International Festival of Ideas (LIFI) — це щорічний захід, що об’єднує провідних мислителів, інноваторів і творчих особистостей для обговорення та дослідження деяких із найбільш актуальних проблем нашого часу.
Цьогорічний фестиваль зосереджений на емоційних переживаннях відвідувачів і включає металеві, абстрактні 3D-обличчя (іноді танцюючі), які передають реакції, такі як здивування, цікавість і захоплення.
@berestux
❤10👍4🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Figma знову радує. Сьогодні оновлення торкнулося Variables.
То що там?
- Можна копіювати й вставляти змінні між колекціями — менше рутинної роботи!
- Швидке створення змінних прямо при виборі — ручний труд, прощавай!
- При ховері можете побачити підказки зі значеннями та назвами — зручно, як ніколи.
- Табуляція через вікно авторизації, щоб не заплутатися в довгих списках.
- Більше гнучкості у налаштуваннях: доступність вводу та зміна розміру стовпців.
@berestux
То що там?
- Можна копіювати й вставляти змінні між колекціями — менше рутинної роботи!
- Швидке створення змінних прямо при виборі — ручний труд, прощавай!
- При ховері можете побачити підказки зі значеннями та назвами — зручно, як ніколи.
- Табуляція через вікно авторизації, щоб не заплутатися в довгих списках.
- Більше гнучкості у налаштуваннях: доступність вводу та зміна розміру стовпців.
@berestux
❤12🔥6👍3
BEREST UX/UI
🔥 Figma знову радує. Сьогодні оновлення торкнулося Variables. То що там? - Можна копіювати й вставляти змінні між колекціями — менше рутинної роботи! - Швидке створення змінних прямо при виборі — ручний труд, прощавай! - При ховері можете побачити підказки…
В продовження вчорашньої новини про Variables, зібрав корисні матеріали як для тих хто ще тільки з ними розбирається, так і для тих хто вже давно практикує.
- Туторіали від самої Фігми, це найлегший спосіб розібратися, бо вони дуже детально і зрозуміло подають матеріал
- Стаття від UX.pub українською, на випадок якщо туторіал англійською не підходить
- Variables playground. Плагін/Шпаргалка від фігми як використовувати змінні для кольору, рядки, числа та логічного значення, щоб адаптувати свій дизайн до різних контекстів та наблизити його до коду
- Багатофункціональний комплект атомарної дизайн-системи для Figma з купою налаштованих компонентів, light & dark mode, а також повністю налаштовані стилі та Variables.
І памʼятайте, Variables не такі страшні як можуть здатися на перший погляд, розібратися можна за пару годин 😬
@berestux
- Туторіали від самої Фігми, це найлегший спосіб розібратися, бо вони дуже детально і зрозуміло подають матеріал
- Стаття від UX.pub українською, на випадок якщо туторіал англійською не підходить
- Variables playground. Плагін/Шпаргалка від фігми як використовувати змінні для кольору, рядки, числа та логічного значення, щоб адаптувати свій дизайн до різних контекстів та наблизити його до коду
- Багатофункціональний комплект атомарної дизайн-системи для Figma з купою налаштованих компонентів, light & dark mode, а також повністю налаштовані стилі та Variables.
І памʼятайте, Variables не такі страшні як можуть здатися на перший погляд, розібратися можна за пару годин 😬
@berestux
❤20🔥10🙏4
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Список дійсно важливих навичок для джунів UX/UI-дизайнерів
1. Думати сценаріями 🤔
Припиняйте просто малювати окремі екрани — це добре лише для дріблшотів. Користувач взаємодіє не з одним екраном, а з їх послідовністю. Створюйте сценарії, задаючи собі питання: «Що станеться, якщо користувач натисне тут?» для кожного інтерактивного елемента.
2. Обирати оптимальні інтерфейсні патерни 🎛️
У дизайнера має бути «бібліотека патернів» у голові: які UI-елементи використовуються в певних ситуаціях. Наприклад:
• Вибір часу на мобільному = барабанчик;
• Навігація у вебі = горизонтальне меню.
Новачки часто намагаються винайти велосипед, як дитина, яка, не знаючи багатьох слів, вигадує щось своє: «жужжиха», «зубоческа». Заспокойте фантазію, звертайтеся до гайдів, перевірених джерел і топових сервісів.
3. Малювати чистий і консистентний UI 🎨
Це те саме, що пункт 2, але стосується візуального стилю.
Від вас не очікують шедеврів, але ваш інтерфейс має бути акуратним.
Дотримуйтесь правил:
• Система відступів;
• Ієрархія шрифтів;
• Акценти лише там, де це потрібно;
• Принцип кольорової схеми «60-30-10».
Референси — ваші друзі. Беріть натхнення з гайдів, Mobbin, робіт із Awwwards тощо.
Правило копіювання: запозичуйте лише один елемент із кожної роботи (відступи, розміри, кольори або шрифти).
Консистентність: якщо вже впровадили якийсь підхід, дотримуйтесь його. Кнопки, поля, відступи повинні бути однаковими. Консистентність створює передбачуваність і зрозумілість інтерфейсу.
А як щодо досліджень?
Джуна рідко допускають до досліджень, особливо у великих компаніях. Там цим займаються UX-дослідники.
Що робити?
Вивчайте теорію, тренуйтеся на петпроєктах і не хвилюйтеся.
А артефакти (CJM, юзерфлоу, персони)?
Ці інструменти допомагають у попередній підготовці до дизайну (а не для того, щоб вразити керівництво).
Якщо ви не розумієте їхньої цінності, це означає, що ви погано вивчили матеріальну частину, а не те, що ви геній, який «і так все робить ідеально».
А Webflow чи 3D?
Не витрачайте час на це, якщо це не ваше хобі.
Що ще?
• Базова логіка.
• Адекватність.
• Бажання працювати.
• Ну і портфоліо! 😊
Якщо виникли питання, або цікаво розкриття певних аспектів детальніше, пишіть в комментах, розберу в наступних постах.
@berestux
1. Думати сценаріями 🤔
Припиняйте просто малювати окремі екрани — це добре лише для дріблшотів. Користувач взаємодіє не з одним екраном, а з їх послідовністю. Створюйте сценарії, задаючи собі питання: «Що станеться, якщо користувач натисне тут?» для кожного інтерактивного елемента.
2. Обирати оптимальні інтерфейсні патерни 🎛️
У дизайнера має бути «бібліотека патернів» у голові: які UI-елементи використовуються в певних ситуаціях. Наприклад:
• Вибір часу на мобільному = барабанчик;
• Навігація у вебі = горизонтальне меню.
Новачки часто намагаються винайти велосипед, як дитина, яка, не знаючи багатьох слів, вигадує щось своє: «жужжиха», «зубоческа». Заспокойте фантазію, звертайтеся до гайдів, перевірених джерел і топових сервісів.
3. Малювати чистий і консистентний UI 🎨
Це те саме, що пункт 2, але стосується візуального стилю.
Від вас не очікують шедеврів, але ваш інтерфейс має бути акуратним.
Дотримуйтесь правил:
• Система відступів;
• Ієрархія шрифтів;
• Акценти лише там, де це потрібно;
• Принцип кольорової схеми «60-30-10».
Референси — ваші друзі. Беріть натхнення з гайдів, Mobbin, робіт із Awwwards тощо.
Правило копіювання: запозичуйте лише один елемент із кожної роботи (відступи, розміри, кольори або шрифти).
Консистентність: якщо вже впровадили якийсь підхід, дотримуйтесь його. Кнопки, поля, відступи повинні бути однаковими. Консистентність створює передбачуваність і зрозумілість інтерфейсу.
А як щодо досліджень?
Джуна рідко допускають до досліджень, особливо у великих компаніях. Там цим займаються UX-дослідники.
Що робити?
Вивчайте теорію, тренуйтеся на петпроєктах і не хвилюйтеся.
А артефакти (CJM, юзерфлоу, персони)?
Ці інструменти допомагають у попередній підготовці до дизайну (а не для того, щоб вразити керівництво).
Якщо ви не розумієте їхньої цінності, це означає, що ви погано вивчили матеріальну частину, а не те, що ви геній, який «і так все робить ідеально».
А Webflow чи 3D?
Не витрачайте час на це, якщо це не ваше хобі.
Що ще?
• Базова логіка.
• Адекватність.
• Бажання працювати.
• Ну і портфоліо! 😊
Якщо виникли питання, або цікаво розкриття певних аспектів детальніше, пишіть в комментах, розберу в наступних постах.
@berestux
❤40👍7🔥7