interfaces.prjctr

Колір у дизайні: принципи, правила й підводні камені Зібрали матеріали про аспект інтерфейсу, який і увагу привертає, і настрій та послідовність продукту надає, і ідентичність бренду створює. Функцій у кольорів багато. Важливо знати, як їх втілювати в дизайні. Вам на вибір: Кейс-стаді, як у Modern Health створювали доступну та масштабовану палітру кольорів Чекліст, як використовувати кольори в UI-дизайні Правило «60-30-10»: спосіб обирати кольори для дизайну інтерфейсу До речі, поглиблювати знання не лише про колір, а типографію та композицію й підкріплювати їх практикою можете на курсі Web Design Junior. Будете створювати складні та гармонійні сайти. Деталі — тут.

Презентації результатів досліджень можуть (і мають) бути продуктивними Настільки, щоб вийти після них вже на конкретні завдання та подальші кроки. Про те, як цього досягнути, дізнаєтеся на дводенному інтенсиві Design Research Synthesis. Там попрацюєте в команді над плануванням та проведенням воркшопу з реальними замовниками. Паралельно опануєте інструменти для переходу від зібраної інформації до дій. Ваш куратор — Юрій Грановський, співзасновник «Агентів змін» і «Публічної платформи». А ще — куратор курсу Participative Design. Більше про інтенсив — тут.

Річний запас порад з дизайну. Непогано, правда? Дизайнер Фонс Менс створив розширення для Google Chrome зі щоденними порадами — від теорії кольору до побудови макетів. Завантажити можна тут.

Розмова про Disney, кар’єру та доказово обґрунтований дизайн Ділимося інтерв’ю з Оле Лютьєнсом, VP Product Design & Research в Udemy. У подкасті дізнаєтеся, як Оле працювалося дизайн-лідом Вищої ліги бейсболу, не знаючи нічого про спорт. А ще віцепрезидентом продуктового дизайну в Disney Streaming, де він керував UX для Disney+, Hulu та Star+. Ну і послухаєте про доказово обґрунтований дизайн (evidence-based design) та метод «немаваші». Як обидва допомагають презентувати результати дослідження та будувати взаєморозуміння зі стейкхолдерами, зокрема з не дизайнерським бекграундом. • Apple • Spotify • Youtube

Нарешті ми гукаємо: «арт»… а кожен, хто чекав і таки дочекався, підхоплює: «бук». Так, новий артбук Telegraf про Українську Волю — готовий до передзамовлення! Попередній Telegraf був про війну. Цей — про те, що гарантує нам перемогу. 🔹 Що всередині? Воля. Її відображення в українській культурі та прояви в дизайні, мистецтві, побуті й інших сферах українського життя. • Історія Катерини Прокопенко, дружини командира «Азову» Дениса «Редіса», про нерівний шлях ілюстраторки в часи війни, боротьбу за полонених «азовців» і волю. • Статті про довершеність Тризуба, сміливість в дизайні та феномен українського гумору. • Інтерв’ю з режисером кінострічки «Памфір» про волю в українському кіно. 🔹 І, звісно, дизайн. Який інтерпретує українські візуальні традиції довкола головної метафори — птаха. На сторінках-витинанках ви знайдете 13 різних птахів українського ареалу та зможете символічно випустити їх з неволі. Передзамовлення вже на prjctr.store. Ціна для ранніх пташок — 750 грн (пізніше — 850 грн). Доставляємо по Україні та за кордон.

Принесли вам добірку з натхненням Можна ту саму надивленість розвивати та ідеї для власних проєктів продумувати. Що це, як не win-win? 🔷 Галерея дизайнів для лендингів https://landing.gallery/ 🔷 Бібліотека дизайнів у dark mode https://www.darkmodedesign.com/ 🔷 Галерея hover-ефектів https://www.hoverstat.es/

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

Якщо відчуваєте, що самі перебуваєте в такому колі й шукаєте можливості зайти у сферу дизайну, в нас є ідея. Забронюйте персональну консультацію з досвідченими дизайнерами. Вони підкажуть, як знаходити стажування та першу роботу, допоможуть підготуватися до співбесіди та порадять, як краще себе презентувати: 🔹Сергій Ревва, Product designer в airSlate; 🔹Ліза Луніна, Product Designer у Lululemon; 🔹Артем Усачов, Senior UI/UX Designer & Design Lead у Trinetix; 🔹Ольга Болгар, Product Designer у Kyivstar; 🔹Антон Іващенко, Senior Product Designer у Kaluza. Забронювати менторську сесію можна за донат на підтримку Сил спеціальних операцій.

Slack оновлює інтерфейс Компанія анонсувала редизайн платформи. Обіцяють, що зміни допоможуть користувачам працювати продуктивніше й швидше. • Що по оновленнях? Розділ Home міститиме канали, приватні повідомлення та застосунки. Та одна з найпомітніших змін припадає на бічну панель. Зокрема сюди додали новий розділ DM. Він має дати можливість юзерам керувати своїми чатами в одному місці незалежно від того, з якого каналу чи робочого простору вони надходять. Більше про редизайн читайте у статті The Verge. Як вам оновлення? Зображення — Slack.

Щоб додати до закладок з корисними ресурсами. Знайшли платформу open-source SVG-іконок — Iconbuddy. Їх можна завантажувати, редагувати й персоналізувати. Переглянути, що там. Користуєтеся іншими бібліотеками? Діліться ними в коментарях.

Раптом ваш вівторок відчувається, як продовження понеділка, знайте, що цей котик точно розуміє вас. Відео: uiuxcreative

Згідно з дослідженням Pew Research Center, 75% людей віком від 65 років користуються інтернетом. Але не завжди інтерфейси відповідають їхнім потребам. Тому, щоб продукт був зручний і для людей поважного віку, важливо розуміти їх. Особливо, коли вони є значною частиною цільової аудиторії. Допоможе у цьому юзабіліті тестування. У гайді від NN/g ви дізнаєтеся, як проводити таке дослідження та на які аспекти та особливості звертати увагу. Корисні поради чекають на вас за посиланням.

Можна уявити інтерфейси без анімації. Але навіщо? Рухомі елементи роблять користувацький досвід більш інтуїтивним та цікавим, а продукт — зрозумілим. Залишається «найпростіше»: вміти в просунуту анімацію у Figma. Щоб опанувати цю навичку, збираємося 9 та 12 серпня на Complex Animation in Figma Workshop. У лайв-режимі будемо повторювати дії куратора — Вадима Грін (Lead Product Designer в Adjust). Так і навчимося анімувати елементи інтерфейсу нативними засобами Figma та робити складнішу анімацію за допомогою плагіну. А ще буде домашка та її розбір. Деталі та запис — за посиланням.

Розпочинаємо понеділок з кейс-стаді WIX Матеріал про: а) те, що тестування та дослідження перед запуском продукту чи функції важливі, але інколи проблеми виринають на поверхню вже після нього; б) те, що простий досвід користувача може бути надто спрощеним і збити юзерів з пантелику; в) те, як команда WIX провела роботу над помилками, змінила підхід до налаштування дозволів у розділі зберігання контенту Collections на більш інтуїтивний та прозорий. Читати тут.

Що там у меню освітніх можливостей Проджа? Багато знань і практики. Ось так, робочий тиждень завершується, а плани для зростання вже є. 🔹 Курси • Web Design Junior 7 серпня • Product Design 7 серпня • Mobile Interfaces Advanced 7 серпня • UX Design Medium 29 серпня 🔹 Інтенсиви • Complex Animation in Figma Workshop 9, 12 серпня • Design Research Synthesis 26, 27 серпня 🔹 Відеокурси • Figma • Webflow

Скевоморфізм або «все, як у житті» Це дизайн-концепція, яка полягає в тому, щоб створювати елементи інтерфейсу схожими на їх аналоги в реальному світі. Згадайте сміттєвий кошик на робочому столі ПК. Та цей приклад не єдиний. Зібрали добірку скевоморфічного дизайну. Хвилинка історії. Скевоморфізм з’явився ще у далеких 1980-х, коли дизайнери Apple та Microsoft почали створювати візуальні метафори для цифрового функціоналу. Ідея була в тому, що коли користувачі бачать щось рідне з реального світу, їм легше взаємодіяти з диджитал-продуктами. Та у 2007, скевоморфізм почав поступатися новій формі дизайну, що має назву «плаский дизайн». Хоча відгомін першого досі можна помітити в інтерфейсах. __ Більше прикладів дизайну переглядайте тут і тут.

Раптом ви пропустили — у Figma оновлення Напередодні компанія випустила нову функцію. До стандартного колірного профілю sRGB тепер приєднався Display P3. Якщо ви не знайомі з останнім, то цей профіль надає насиченіші й на 49% візуально чіткіші кольори у порівнянні з sRGB. У Figma кажуть, що вирішувати, який саме простір варто використовувати, дизайнери мають лише спираючись на кінцевий користувацький досвід. Адже деякі монітори та мобільні пристрої підтримують кольори Display P3, тоді як певні веббраузери працюють лише з sRGB. Більше про функцію й те, як налаштувати Display P3 у Figma ось тут. Хто вже встиг протестувати оновлення — як вам?

Вашому портфоліо потрібен особливий соус У цьому переконаний Джадд Антін — у минулому Head of Design в Airbnb і Head of Research y Meta. Він вважає, що більше недостатньо мати просто професійне портфоліо. Адже такі вже є у 1000 кандидатів, яких рекрутер переглядає щотижня. Що робити, аби привернути увагу? На думку Джадда — додати особливий соус. Те, що вас вирізнить серед інших. Який цей особливий соус і як його подати у портфоліо? Читайте у матеріалі.

Хто тут користується Sketch? Знайшли короткий гайд від самого редактора, як приводити до ладу документацію. Якщо коротко, ви можете це зробити за допомогою розділів Projects та Collections. Якщо детальніше, у гайді знайдете три способи використовувати обидва, щоб розкласти документи по цифрових поличках. Маєте власні прийоми, як приборкувати хаос у файлах? Сміливо діліться в коментарях.

Прийшли до вас з рекомендацією, щоб таке корисне прочитати Цього разу матеріал про моушн. А правильний моушн — це той, який і підтримує увагу користувача, і фідбек дає та й загалом підсилює юзабіліті продукту. Але будувати motion design рідко стоїть першим пунктом у списку пріоритетів. Брак часу й команди — одні з причин. Тому автор статті радить систематизувати його одразу, як починаєте працювати над загальною дизайн-системою. Також він розписав покроково, як це робити ефективно — від планування та аудиту до документації для розробки. Тут усе, як має бути: чітко, детально й на реальних прикладах. До читання.