This media is not supported in your browser
VIEW IN TELEGRAM
Upscale — дуже корисний плагін котрий покращує будь яке зображення в Figma, підвищуючи його роздільну здатність
Встановити плагін
@berestux
Встановити плагін
@berestux
❤31🔥8👍4
🔥4 неймовірно класних шрифтів для вас, котрі безкоштовні для комерційного використання!
1 - Griaste
2 - Flawless
3 - Whomp
4 - Popstone
@berestux
1 - Griaste
2 - Flawless
3 - Whomp
4 - Popstone
@berestux
❤32🔥10🙏1
🤔 Продуктовий лід vs артдиректор: у чому різниця
Не секрет, що в нашій сфері часто плутають посади, рівні та зони відповідальності. Особливо мене дивує хаос між артдиректорами та лід-дизайнерами. Наприклад, можна зустріти лід-дизайнера, який є єдиним членом команди, або артдиректора в команді продуктових дизайнерів.
Якщо звернутися до базової логіки та визначень з Кембриджського словника, то отримуємо:
• Lead — це той, хто керує групою людей, організацією чи ситуацією; або той, хто показує, що і як робити.
• Director — це той, хто керує або контролює певний відділ чи напрям діяльності в організації.
Здавалося б, це одне й те саме, але є нюанси через приставки Product та Art. Відповідно до визначень зі словника:
• Product Lead Designer — це той, хто керує продуктовими дизайнерами і показує їм, як працювати. Якщо ж ти у команді один, то кого ти ведеш? Хіба що продукт у безодню? 🤡
• Art Director — це той, хто керує або контролює “художній” відділ. Але в інтерфейсному дизайні далеко не всі завдання можна назвати художніми.
Що я бачу на практиці та у вакансіях:
• 🥼 Продуктовий лід — це керівник напряму проектування інтерфейсів.
Він — “граючий тренер”, який працює зі стратегією та завданнями команди проектувальників і час від часу сам відкриває Figma (на відміну від дизайн-менеджера).
• 🎨 Артдиректор — це керівник художнього напряму.
Він займається стратегією стилю, бренду, позиціонування і працює з завданнями команди креативних комунікацій. Його зона відповідальності — ключові віжуали та креативи, які виходять за рамки UI.
Це абсолютно різні посади з різним фокусом, які працюють у різних командах і приносять користь продукту з різних боків. Чому артдиректори називають себе продуктовими лідами і навпаки, я не знаю. Можливо, просто подобається, як це звучить😈
@berestux
Не секрет, що в нашій сфері часто плутають посади, рівні та зони відповідальності. Особливо мене дивує хаос між артдиректорами та лід-дизайнерами. Наприклад, можна зустріти лід-дизайнера, який є єдиним членом команди, або артдиректора в команді продуктових дизайнерів.
Якщо звернутися до базової логіки та визначень з Кембриджського словника, то отримуємо:
• Lead — це той, хто керує групою людей, організацією чи ситуацією; або той, хто показує, що і як робити.
• Director — це той, хто керує або контролює певний відділ чи напрям діяльності в організації.
Здавалося б, це одне й те саме, але є нюанси через приставки Product та Art. Відповідно до визначень зі словника:
• Product Lead Designer — це той, хто керує продуктовими дизайнерами і показує їм, як працювати. Якщо ж ти у команді один, то кого ти ведеш? Хіба що продукт у безодню? 🤡
• Art Director — це той, хто керує або контролює “художній” відділ. Але в інтерфейсному дизайні далеко не всі завдання можна назвати художніми.
Що я бачу на практиці та у вакансіях:
• 🥼 Продуктовий лід — це керівник напряму проектування інтерфейсів.
Він — “граючий тренер”, який працює зі стратегією та завданнями команди проектувальників і час від часу сам відкриває Figma (на відміну від дизайн-менеджера).
• 🎨 Артдиректор — це керівник художнього напряму.
Він займається стратегією стилю, бренду, позиціонування і працює з завданнями команди креативних комунікацій. Його зона відповідальності — ключові віжуали та креативи, які виходять за рамки UI.
Це абсолютно різні посади з різним фокусом, які працюють у різних командах і приносять користь продукту з різних боків. Чому артдиректори називають себе продуктовими лідами і навпаки, я не знаю. Можливо, просто подобається, як це звучить😈
@berestux
❤9🔥4🙏2
Media is too big
VIEW IN TELEGRAM
Вийшов безкоштовний аналог фотошопу з нейромережами, який перетворює фотографії та зображення зі скетчів. Він сам розуміє, що ви хочете додати, після чого пропонує варіант.
Можна самостійно контролювати нові об’єкти: їхню форму, колір, розмір тощо.
Працює прямо в браузері – посилання
Також можна встановити на комп’ютер – посилання
@berestux
Можна самостійно контролювати нові об’єкти: їхню форму, колір, розмір тощо.
Працює прямо в браузері – посилання
Також можна встановити на комп’ютер – посилання
@berestux
❤18🔥6🙏2🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
Прихований скарб UX/UI №3
На Airbnb при додаванні гостей, вони візуалізуються як 3D модельки. Це сприяє більшому емоційному залученню, і максимально зрозумілому стану системи.
#прихований_скарб_uxui
@berestux
На Airbnb при додаванні гостей, вони візуалізуються як 3D модельки. Це сприяє більшому емоційному залученню, і максимально зрозумілому стану системи.
#прихований_скарб_uxui
@berestux
❤40🔥7👌2
This media is not supported in your browser
VIEW IN TELEGRAM
Physics animation - дуже кльовий і легкий в використанні плагін який створює анімації з реалістичною фізикою із звичайних шарів.
Маст хев для ваших дизайнів!
Встановити
@berestux
Маст хев для ваших дизайнів!
Встановити
@berestux
❤29🔥11👍8
РИТМ
Канал котрий агрегує в собі думки української дизайн спільноти, і постійно поповнюється новими джерелами
https://t.me/ukraine_design_community
Канал котрий агрегує в собі думки української дизайн спільноти, і постійно поповнюється новими джерелами
https://t.me/ukraine_design_community
Telegram
Ритм Дизайн Спільноти
Підписавшись на цей канал ви відкриєте для себе усіх цікавих лідерів думок української дизайн спільноти.
Якщо хочете запропонувати хороший канал для репостів, то обовязково пишіть @ritm_design
Якщо хочете запропонувати хороший канал для репостів, то обовязково пишіть @ritm_design
👍6🔥3❤2
Як додавати NDA-проєкти до портфоліо
NDA (Non-disclosure agreement), або угода про нерозголошення, — це юридичний документ, за порушення якого вас можуть серйозно притягнути до відповідальності. Наслідки залежать від суворості роботодавця: від звільнення до реального тюремного строку.
У кожній компанії формулювання NDA можуть відрізнятися, але найчастіше вони однакові для всіх співробітників, незалежно від ролі. Перше, що варто зробити, — це перечитати ваш конкретний документ. Як правило, формулювання там дуже загальні й часто не дають чіткої відповіді, що саме дозволено, а що ні.
Отже, за замовчуванням припускаємо, що не можна нічого. Але портфоліо все ж потрібно. Що робити?
Варіанти дій:
1. Запитати у роботодавця: уточнить, чи можна публікувати матеріали про проєкт і в якому вигляді. Найімовірніше, вас перенаправлять до юридичного відділу. У деяких випадках дозволяють приховати логотипи, інколи висувають інші умови, а буває, що категорично забороняють.
2. Робити акцент на процесі: у кейсі описуйте робочий процес, додавайте допоміжні матеріали (артефакти), а самі макети розмивайте, зазначивши, що “інформація під NDA”. Однак пам’ятайте, що це ускладнює оцінювання ваших візуальних навичок. Тому обов’язково додайте до портфоліо навчальні або волонтерські проєкти з акцентом на UI.
3. Створити закритий доступ: використовуйте захищені посилання (наприклад, паролем у Figma чи закритий розділ у Notion). У супровідному листі зазначайте, що можете надати доступ на запит на обмежений період.
4. Позначати проєкти як NDA: повністю приховуйте кейси, залишаючи лише опис вашої ролі, основних викликів і результатів. У супровідному листі запропонуйте продемонструвати проєкт у режимі показу екрану під час співбесіди (без запису).
Що варто пам’ятати:
• Усі ці варіанти не гарантують захисту, якщо ваш колишній роботодавець вирішить перевірити, чи ви дотримувалися NDA.
• Вони також можуть ускладнити потенційному роботодавцю оцінювання вашого рівня.
Тому завжди варто працювати над волонтерськими, навчальними або конкурсними проєктами, які допоможуть показати ваші навички без ризиків.
@berestux
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
Junior Product Designer проходить плавний онбординг у продукт під керівництвом Senior Product Designer
@berestux
@berestux
😁34🤣11🤪4
Media is too big
VIEW IN TELEGRAM
Нейромережа оживила аніме «Віднесені привидами», показавши, як би воно виглядало з живими акторами.
І це виглядає дуже круто!
@berestux
І це виглядає дуже круто!
@berestux
❤20🔥7😍4
This media is not supported in your browser
VIEW IN TELEGRAM
Прихований скарб UX/UI №4
У N26 є крута фішка: баланс і транзакції можна приховати, просто провівши рукою перед екраном. Ідеальний варіант, коли навколо багато зайвих очей, а вам потрібна хвилинка приватності.
#прихований_скарб_uxui
@berestux
У N26 є крута фішка: баланс і транзакції можна приховати, просто провівши рукою перед екраном. Ідеальний варіант, коли навколо багато зайвих очей, а вам потрібна хвилинка приватності.
#прихований_скарб_uxui
@berestux
🔥29❤5👍3
Forwarded from Designer Samovarov | UI UX Web Graphic Design Ukraine Kyiv
Ну що ж!
«Дизайн під час блекауту» нажаль повертається!
#9. Чому дизайнери вигорають? Фізіологічні фактори
———
➡️ Канал Ритм Дизайн Спільноти
Всі посилання:
—📹 Youtube
—🎵 Spotify
—📱 Apple (ще міг не з’явитись, довго оновлюється)
—🎬 Megogo
Партнери:
—💼 CASES та Креативна Практика (15% PromoCode: SAMOVAROV)
—🎨 Школа PRJCTR (10% PromoCode: SMVRV на інтерфейсний напрям)
— Школа CREO (20% PromoCode: SAMOVAROV)
— Видавнцитво ArtHuss (10% PromoCode: SAMOVAROV)
☕️ Приємного прослуховування!
«Дизайн під час блекауту» нажаль повертається!
#9. Чому дизайнери вигорають? Фізіологічні фактори
———
➡️ Канал Ритм Дизайн Спільноти
Всі посилання:
—
—
—
—
Партнери:
—
—
— Школа CREO (20% PromoCode: SAMOVAROV)
— Видавнцитво ArtHuss (10% PromoCode: SAMOVAROV)
☕️ Приємного прослуховування!
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
#9 Чому дизайнери вигорають? Фізіологічні фактори
#9 Дизайн під час блекауту
В цьому епізоді поговоримо про фізіологічні причини вигорання дизайнерів (спрощено, звісно). А наступний буде про психологічні причини
Канал Ритм Дизайн Спільноти — https://t.me/+nWQ5AkNAu-dhODdi
Мій телеграм-канал: https://t…
В цьому епізоді поговоримо про фізіологічні причини вигорання дизайнерів (спрощено, звісно). А наступний буде про психологічні причини
Канал Ритм Дизайн Спільноти — https://t.me/+nWQ5AkNAu-dhODdi
Мій телеграм-канал: https://t…
❤7🔥2🙏2
🌈 Не покладайтеся лише на колір для передачі значення
Найчастіше людям із дальтонізмом важко розрізняти червоний і зелений кольори, хоча деякі взагалі не можуть бачити жодного кольору.
Щоб інтерфейс був доступним для людей із дальтонізмом, не можна покладатися лише на колір для передачі значення чи розрізнення візуальних елементів. Вам потрібно використовувати додаткові візуальні підказки, щоб розрізняти елементи інтерфейсу.
Перший приклад:
Колір червоний використовується для позначення помилки у полі форми. Якщо колір прибрати, нічого не вказує, що це поле відрізняється від інших.
Рішення:
Додайте іконку, товстіший контур або відтінок фону. Це також зробить стан помилки очевиднішим для людей, які не мають дальтонізму.
Другий приклад:
Текст посилання на відгуки виділено синім кольором, щоб показати його інтерактивність. Якщо з інтерфейсу прибрати кольори, текст посилання виглядає так само, як інший текст, і люди з дальтонізмом не можуть зрозуміти, що це посилання.
Рішення:
Підкресліть текст посилання, щоб чітко відрізнити його від іншого тексту.
@berestux
Найчастіше людям із дальтонізмом важко розрізняти червоний і зелений кольори, хоча деякі взагалі не можуть бачити жодного кольору.
Щоб інтерфейс був доступним для людей із дальтонізмом, не можна покладатися лише на колір для передачі значення чи розрізнення візуальних елементів. Вам потрібно використовувати додаткові візуальні підказки, щоб розрізняти елементи інтерфейсу.
Перший приклад:
Колір червоний використовується для позначення помилки у полі форми. Якщо колір прибрати, нічого не вказує, що це поле відрізняється від інших.
Рішення:
Додайте іконку, товстіший контур або відтінок фону. Це також зробить стан помилки очевиднішим для людей, які не мають дальтонізму.
Другий приклад:
Текст посилання на відгуки виділено синім кольором, щоб показати його інтерактивність. Якщо з інтерфейсу прибрати кольори, текст посилання виглядає так само, як інший текст, і люди з дальтонізмом не можуть зрозуміти, що це посилання.
Рішення:
Підкресліть текст посилання, щоб чітко відрізнити його від іншого тексту.
@berestux
❤23👍1🔥1🙏1