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

▫️Telegram: @berestx
▫️Instagram: berestx
▫️LinkedIn: linkedin.com/in/berestalex
Download Telegram
Над назвою ще треба буде попрацювати
4👍1
Довго думав над тим як назвати канал, яку аватарку поставити, яку контент стратегію розробити. Але в цих думках пройшли тижні, і я зрозумів шо треба просто запускати.

Я думаю що мої перші підписники мене і так знають, тож представлятися не буду (поки що).

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

Якись чіткий формат думаю вибудуєтся з часом, методом проб і помилок)
11
Почну з мему
3
Коли ти єдиний дизайнер в компанії

@berestux
😁1510
Просто неймовірний брендинг від Rabbithole для LIFI24

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
12🔥6👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Не брехунькайте☝🏻

@berestux
😁29🤣5🔥3
BEREST UX/UI
🔥 Figma знову радує. Сьогодні оновлення торкнулося Variables. То що там? - Можна копіювати й вставляти змінні між колекціями — менше рутинної роботи! - Швидке створення змінних прямо при виборі — ручний труд, прощавай! - При ховері можете побачити підказки…
В продовження вчорашньої новини про Variables, зібрав корисні матеріали як для тих хто ще тільки з ними розбирається, так і для тих хто вже давно практикує.

- Туторіали від самої Фігми, це найлегший спосіб розібратися, бо вони дуже детально і зрозуміло подають матеріал

- Стаття від UX.pub українською, на випадок якщо туторіал англійською не підходить

- Variables playground. Плагін/Шпаргалка від фігми як використовувати змінні для кольору, рядки, числа та логічного значення, щоб адаптувати свій дизайн до різних контекстів та наблизити його до коду

- Багатофункціональний комплект атомарної дизайн-системи для Figma з купою налаштованих компонентів, light & dark mode, а також повністю налаштовані стилі та Variables.

І памʼятайте, Variables не такі страшні як можуть здатися на перший погляд, розібратися можна за пару годин 😬

@berestux
20🔥10🙏4
Не забувайте пріоритезувати ваші гіпотези☝🏻

@berestux
😁36🤣42🔥2
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
40👍7🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
“Дизайн може змінити світ”

Дизайнери:

@berestux
🤪1911🤣6😁3