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
Media is too big
VIEW IN TELEGRAM
Вийшов безкоштовний аналог фотошопу з нейромережами, який перетворює фотографії та зображення зі скетчів. Він сам розуміє, що ви хочете додати, після чого пропонує варіант.

Можна самостійно контролювати нові об’єкти: їхню форму, колір, розмір тощо.

Працює прямо в браузері – посилання

Також можна встановити на комп’ютер – посилання

@berestux
18🔥6🙏2🤯1
Tech Lead, Design Lead and Product Manager

@berestux
😁26🤣5🤪1
This media is not supported in your browser
VIEW IN TELEGRAM
Прихований скарб UX/UI №3

На Airbnb при додаванні гостей, вони візуалізуються як 3D модельки. Це сприяє більшому емоційному залученню, і максимально зрозумілому стану системи.

#прихований_скарб_uxui

@berestux
40🔥7👌2
This media is not supported in your browser
VIEW IN TELEGRAM
Physics animation - дуже кльовий і легкий в використанні плагін який створює анімації з реалістичною фізикою із звичайних шарів.

Маст хев для ваших дизайнів!

Встановити

@berestux
29🔥11👍8
Як додавати NDA-проєкти до портфоліо

NDA (Non-disclosure agreement), або угода про нерозголошення, — це юридичний документ, за порушення якого вас можуть серйозно притягнути до відповідальності. Наслідки залежать від суворості роботодавця: від звільнення до реального тюремного строку.

У кожній компанії формулювання NDA можуть відрізнятися, але найчастіше вони однакові для всіх співробітників, незалежно від ролі. Перше, що варто зробити, — це перечитати ваш конкретний документ. Як правило, формулювання там дуже загальні й часто не дають чіткої відповіді, що саме дозволено, а що ні.

Отже, за замовчуванням припускаємо, що не можна нічого. Але портфоліо все ж потрібно. Що робити?

Варіанти дій:

1. Запитати у роботодавця: уточнить, чи можна публікувати матеріали про проєкт і в якому вигляді. Найімовірніше, вас перенаправлять до юридичного відділу. У деяких випадках дозволяють приховати логотипи, інколи висувають інші умови, а буває, що категорично забороняють.

2. Робити акцент на процесі: у кейсі описуйте робочий процес, додавайте допоміжні матеріали (артефакти), а самі макети розмивайте, зазначивши, що “інформація під NDA”. Однак пам’ятайте, що це ускладнює оцінювання ваших візуальних навичок. Тому обов’язково додайте до портфоліо навчальні або волонтерські проєкти з акцентом на UI.

3. Створити закритий доступ: використовуйте захищені посилання (наприклад, паролем у Figma чи закритий розділ у Notion). У супровідному листі зазначайте, що можете надати доступ на запит на обмежений період.

4. Позначати проєкти як NDA: повністю приховуйте кейси, залишаючи лише опис вашої ролі, основних викликів і результатів. У супровідному листі запропонуйте продемонструвати проєкт у режимі показу екрану під час співбесіди (без запису).

Що варто пам’ятати:

• Усі ці варіанти не гарантують захисту, якщо ваш колишній роботодавець вирішить перевірити, чи ви дотримувалися NDA.

• Вони також можуть ускладнити потенційному роботодавцю оцінювання вашого рівня.

Тому завжди варто працювати над волонтерськими, навчальними або конкурсними проєктами, які допоможуть показати ваші навички без ризиків.

@berestux
22👍2🔥1🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Коли надав клієнту доступ до Figma

@berestux
😁49🤣12🤪4
This media is not supported in your browser
VIEW IN TELEGRAM
Junior Product Designer проходить плавний онбординг у продукт під керівництвом Senior Product Designer

@berestux
😁34🤣11🤪4
Media is too big
VIEW IN TELEGRAM
Нейромережа оживила аніме «Віднесені привидами», показавши, як би воно виглядало з живими акторами.

І це виглядає дуже круто!

@berestux
20🔥7😍4
This media is not supported in your browser
VIEW IN TELEGRAM
Прихований скарб UX/UI №4

У N26 є крута фішка: баланс і транзакції можна приховати, просто провівши рукою перед екраном. Ідеальний варіант, коли навколо багато зайвих очей, а вам потрібна хвилинка приватності.

#прихований_скарб_uxui

@berestux
🔥295👍3
Генератор вправ

UI Coach — інструмент для створення UX/UI-завдань для дизайнерів: генерує короткий опис проєкту, а також пропонує вимоги до кольорів і шрифтів. Його функціонал включає зразки різноманітних проєктів і комбінацій шрифтів для стимулювання творчого мислення.

@berestux
29🔥13👌3
Ну що ж!
«Дизайн під час блекауту» нажаль повертається!

#9. Чому дизайнери вигорають? Фізіологічні фактори

———

➡️ Канал Ритм Дизайн Спільноти

Всі посилання:
📹 Youtube
— 🎵 Spotify
— 📱 Apple (ще міг не з’явитись, довго оновлюється)
🎬 Megogo

Партнери:
— 💼 CASES та Креативна Практика (15% PromoCode: SAMOVAROV)
— 🎨 Школа PRJCTR (10% PromoCode: SMVRV на інтерфейсний напрям)
— Школа CREO (20% PromoCode: SAMOVAROV)
— Видавнцитво ArtHuss (10% PromoCode: SAMOVAROV)

☕️ Приємного прослуховування!
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥2🙏2
This media is not supported in your browser
VIEW IN TELEGRAM
🎉 Звершилось. У Figma додали горизонтальний скролл у панелі шарів

@berestux
🔥487👍7🎉3
🌈 Не покладайтеся лише на колір для передачі значення

Найчастіше людям із дальтонізмом важко розрізняти червоний і зелений кольори, хоча деякі взагалі не можуть бачити жодного кольору.

Щоб інтерфейс був доступним для людей із дальтонізмом, не можна покладатися лише на колір для передачі значення чи розрізнення візуальних елементів. Вам потрібно використовувати додаткові візуальні підказки, щоб розрізняти елементи інтерфейсу.

Перший приклад:
Колір червоний використовується для позначення помилки у полі форми. Якщо колір прибрати, нічого не вказує, що це поле відрізняється від інших.

Рішення:
Додайте іконку, товстіший контур або відтінок фону. Це також зробить стан помилки очевиднішим для людей, які не мають дальтонізму.

Другий приклад:
Текст посилання на відгуки виділено синім кольором, щоб показати його інтерактивність. Якщо з інтерфейсу прибрати кольори, текст посилання виглядає так само, як інший текст, і люди з дальтонізмом не можуть зрозуміти, що це посилання.

Рішення:
Підкресліть текст посилання, щоб чітко відрізнити його від іншого тексту.

@berestux
23👍1🔥1🙏1
Будьте обережні 🙏

@berestux
😁24🤣8🤪3
🤔 Колір 2025 року за версією Pantone«Шоколадний мус», як символ гармонії та комфорту. Цей теплий, універсальний відтінок відображає потребу в спокої у світі, охопленому конфліктами. Програма “Колір року” від Pantone досліджує глобальні настрої, а «Шоколадний мус» продовжує тему природності та автентичності, започатковану торішнім Peach Fuzz.

@berestux
👍2511🔥4🥴3👀2
BEREST UX/UI
🤔 Колір 2025 року за версією Pantone — «Шоколадний мус», як символ гармонії та комфорту. Цей теплий, універсальний відтінок відображає потребу в спокої у світі, охопленому конфліктами. Програма “Колір року” від Pantone досліджує глобальні настрої, а «Шоколадний…
🎨 Вчора Pantone традиційно оголосив колір року, але чому для нас це цікаво і важливо, може бути неочевидно. Тож я вирішив відповісти на питання, котрі могли у вас виникнути.

📍Що таке Pantone?

Pantone — це американська компанія, яка розробила Pantone Matching System (PMS), систему стандартизації кольорів, яка дозволяє точно відтворювати кольори у різних сферах, від поліграфії до дизайну інтер’єрів. У цій системі кожному відтінку надається унікальний номер і плашка-образець, що дозволяє забезпечити точність передачі кольору, не залежно від місця виготовлення продукції. Кольори Pantone використовуються для створення як стандартних, так і спеціальних відтінків, які неможливо отримати за допомогою класичних систем, таких як CMYK.

📍Задля чого Pantone вибирає колір року?

Щорічно Інститут кольору Pantone оголошує “Колір року”, який базується на глибокому аналізі соціальних, культурних і економічних тенденцій. Експерти вивчають різні сфери, як-от мода, мистецтво, технології, соціальні мережі, природа та політика. Під час цього процесу враховуються події і настрої, які впливають на суспільство, а також кольори, що здобули популярність в різних галузях. Оголошення кольору року зазвичай має великий вплив на бренди, дизайнерів і виробників, оскільки він стає трендом у всіх сферах, від моди до реклами.

📍Чому це важливо?

Колір року Pantone не лише визначає естетичні тенденції, а й впливає на емоційний стан людей. Це дозволяє брендам підвищити свій імідж, зробити продукцію більш привабливою та актуальною для споживачів. Вибір кольору базується на вивченні впливу кольору на поведінку покупців і відображає настрої суспільства. Компанії використовують цей колір у своїх колекціях і продукції, зокрема в упаковці, рекламі та веб-дизайні, щоб створити сильний зв’язок з аудиторією.

📍Чим колір року важливий для UX/UI дизайнерів?

Для UX/UI дизайнерів Pantone є важливим інструментом, оскільки він дозволяє створювати дизайн, який відповідає актуальним трендам і впливає на емоції користувачів. Використання кольору року допомагає забезпечити відповідність інтерфейсу сучасним вимогам і підвищити залученість користувачів. Кольори мають великий вплив на сприйняття веб-сайтів, мобільних додатків і інтерфейсів, тому вибір кольору року може стати важливою складовою стратегії дизайну, що забезпечує візуальну привабливість і емоційний зв’язок з цільовою аудиторією. Крім того, колір року допомагає дизайнерам бути в курсі останніх трендів і створювати продукти, які відповідають очікуванням користувачів та привертають їх увагу.

@berestux
13👍4🔥1
🔥Результати року під'їхали

@berestux
🤣21😁7🤪21