За мотивами мого з вами відео привітання, поговоримо про нетипові джерела натхнення. Поїхали.
Моє guilty pleasure — це кросівки. Особливо мене надихають колаборації брендів, які об'єднуючись, дають друге дихання типовим силуетам. При цьому вони часто керуються своїми внутрішніми концептуальними гайдлайнами.
Ось кілька прикладів з колаб мого улюбленого Nike:
👟 Японці SACAI, наприклад, мають концепцію «дуальності». Усі їх кросівки мають подвійну підошву, два язички, два найківських свуша. Можна подивитися на Vapor Waffle або Cortez.
👟 Колаборації з Off-White подарували світу моду на «деконструкцію» й набули свіжого вигляду за допомогою комбінації айдентик двох брендів. Таким чином силует Air Force 1 родом з 80-х отримав друге дихання у 2017-19-х роках завдяки візії Вірджила Абло.
👟 Колаборації з A-COLD-WALL кількарічної давнини характеризувалися поєднання футуристичних форм з типовими силуетами. Одна з найулюбленіших моделей отримала дуже масивний елемент на п'яті, який повністю змінює силует класичної моделі Vomero.
👟 Колаборації з Comme des Garcons відрізняє мінімалізм та увага до дрібних деталей. Наприклад, поєднання текстур і матеріалів, що не змінюють силует візуально, але змінюють його «зміст». Раджу звернути увагу на модель Foamposite у їх виконанні.
• Увесь цей процес дуже схожий на те, як дизайнери інтерфейсів використовують надбання минулих поколінь і по-новому застосовують класичні прийоми. Від умовного швейцарського стилю до повернення популярності неоморфізму. Форма залишається, а наповнення залежить від «останнього» дотику, який додає дизайнер, спираючись на своє суб'єктивне сприйняття.
Bottom line — звертайте увагу на різні сфери дизайну. Це ваше невичерпне джерело натхнення.
____
Джерело фото — Nike.
#гостьова_середа
Моє guilty pleasure — це кросівки. Особливо мене надихають колаборації брендів, які об'єднуючись, дають друге дихання типовим силуетам. При цьому вони часто керуються своїми внутрішніми концептуальними гайдлайнами.
Ось кілька прикладів з колаб мого улюбленого Nike:
👟 Японці SACAI, наприклад, мають концепцію «дуальності». Усі їх кросівки мають подвійну підошву, два язички, два найківських свуша. Можна подивитися на Vapor Waffle або Cortez.
👟 Колаборації з Off-White подарували світу моду на «деконструкцію» й набули свіжого вигляду за допомогою комбінації айдентик двох брендів. Таким чином силует Air Force 1 родом з 80-х отримав друге дихання у 2017-19-х роках завдяки візії Вірджила Абло.
👟 Колаборації з A-COLD-WALL кількарічної давнини характеризувалися поєднання футуристичних форм з типовими силуетами. Одна з найулюбленіших моделей отримала дуже масивний елемент на п'яті, який повністю змінює силует класичної моделі Vomero.
👟 Колаборації з Comme des Garcons відрізняє мінімалізм та увага до дрібних деталей. Наприклад, поєднання текстур і матеріалів, що не змінюють силует візуально, але змінюють його «зміст». Раджу звернути увагу на модель Foamposite у їх виконанні.
• Увесь цей процес дуже схожий на те, як дизайнери інтерфейсів використовують надбання минулих поколінь і по-новому застосовують класичні прийоми. Від умовного швейцарського стилю до повернення популярності неоморфізму. Форма залишається, а наповнення залежить від «останнього» дотику, який додає дизайнер, спираючись на своє суб'єктивне сприйняття.
Bottom line — звертайте увагу на різні сфери дизайну. Це ваше невичерпне джерело натхнення.
____
Джерело фото — Nike.
#гостьова_середа
❤41🔥8
Media is too big
VIEW IN TELEGRAM
Сьогодні запускаємо у світ перший подкаст від Projector Institute — «(Не)велика рада».
У ньому гості — ментори і менторки Projector Mentorship Platform — діляться неочевидними інсайтами та реаліями роботи у сферах creative&tech і розповідають, як з цим жити та уживатися і що чекає спеціалістів у (не)далекому майбутньому.
• У першому випуску бере участь вже добре знайомий Андрій Курочкін, дизайн-лід у Hexagon Agency, автор і куратор курсів Web Design Beginning, Web Design Junior.
Андрій розповідає, чому дизайн — не стільки про креативність, як про системну роботу, чому для дизайнера must have базове розуміння маркетингу, продажів та розробки, чим українська індустрія дизайну відрізняється від європейської та ще багато висновків, здобутих на практиці. Веде розмову Стас Говорухін, дизайнер у Djinni, автор ідеї й розробник менторської платформи.
🔹Відео пілотного випуску вже у Projector Library за підпискою і безоплатно в аудіоформаті на стрімінгових платформах.
У ньому гості — ментори і менторки Projector Mentorship Platform — діляться неочевидними інсайтами та реаліями роботи у сферах creative&tech і розповідають, як з цим жити та уживатися і що чекає спеціалістів у (не)далекому майбутньому.
• У першому випуску бере участь вже добре знайомий Андрій Курочкін, дизайн-лід у Hexagon Agency, автор і куратор курсів Web Design Beginning, Web Design Junior.
Андрій розповідає, чому дизайн — не стільки про креативність, як про системну роботу, чому для дизайнера must have базове розуміння маркетингу, продажів та розробки, чим українська індустрія дизайну відрізняється від європейської та ще багато висновків, здобутих на практиці. Веде розмову Стас Говорухін, дизайнер у Djinni, автор ідеї й розробник менторської платформи.
🔹Відео пілотного випуску вже у Projector Library за підпискою і безоплатно в аудіоформаті на стрімінгових платформах.
❤46🔥9👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Знаходити український продукт і ділитися ним з вами — одне задоволення. Отож, знайомтеся — білдер сайтів з українсько-американським корінням.
Конструктор також є на product hunt. Підтримаймо його, нехай зростає 💙
Конструктор також є на product hunt. Підтримаймо його, нехай зростає 💙
❤57👍5
З рубрики «Що несеться у чаті випускників факультету Interface Design Проджа?»
А несеться тут все навколо дизайну і не тільки: експертні та екзистенційні обговорення, поради, анонси, меми, фото домашніх улюбленців (без них ніяк, звісно).
Нещодавно розмова зайшла про механічні клавіатури. Це любов багатьох дизайнерів і нам стало цікаво, чому. Відповіді коливалися від стильного вигляду та класного «клац-клац» до можливості кастомізувати кейкапи й перемикачі та налаштовувати макроси.
Окрім продавців-консультантів, так експертно про вибір клавіатури вам розкажуть лише дизайнери, які їх обожнюють 😃
Хто також любить клацати на механічних клавіатурах? Діліться-хваліться своїми.
А несеться тут все навколо дизайну і не тільки: експертні та екзистенційні обговорення, поради, анонси, меми, фото домашніх улюбленців (без них ніяк, звісно).
Нещодавно розмова зайшла про механічні клавіатури. Це любов багатьох дизайнерів і нам стало цікаво, чому. Відповіді коливалися від стильного вигляду та класного «клац-клац» до можливості кастомізувати кейкапи й перемикачі та налаштовувати макроси.
Окрім продавців-консультантів, так експертно про вибір клавіатури вам розкажуть лише дизайнери, які їх обожнюють 😃
Хто також любить клацати на механічних клавіатурах? Діліться-хваліться своїми.
❤36🔥4👍1
Плагін, якого так чекали?
Figma Autoname — експериментальний open source-інструмент, що автоматично перейменовує леєри.
Випробувати можна тут.
Figma Autoname — експериментальний open source-інструмент, що автоматично перейменовує леєри.
Випробувати можна тут.
❤60🤔9🔥2😁2
This media is not supported in your browser
VIEW IN TELEGRAM
Що поганого в тому, щоб працювати швидко? Нічого, особливо, коли ви робите це якісно.
Раз за разом дизайнити контролли, картки, модальні вікна — рутина. А тому її можна й варто автоматизувати, щоб мати більше часу на опрацювання функціонала.
Шукати та знаходити легкі шляхи у роботі з Figma навчитеся на Figma Autolayout Workshop.
Інтенсив складається з трьох днів та 70% практики. На ньому ви:
🔹 розберетеся у базових налаштуваннях автолейаутів та останніх апдейтах редактора;
🔹 зрозумієте, як поєднувати їх між собою та працювати із шорткатами;
🔹навчитеся дизайнити адаптивні елементи, щоб створювати компоненти один раз.
Ваш гід aka куратор — Віктор Клименко, Interaction Designer в EPAM.
Навчитися використовувати автолейаути у Figma на 100%.
Раз за разом дизайнити контролли, картки, модальні вікна — рутина. А тому її можна й варто автоматизувати, щоб мати більше часу на опрацювання функціонала.
Шукати та знаходити легкі шляхи у роботі з Figma навчитеся на Figma Autolayout Workshop.
Інтенсив складається з трьох днів та 70% практики. На ньому ви:
🔹 розберетеся у базових налаштуваннях автолейаутів та останніх апдейтах редактора;
🔹 зрозумієте, як поєднувати їх між собою та працювати із шорткатами;
🔹навчитеся дизайнити адаптивні елементи, щоб створювати компоненти один раз.
Ваш гід aka куратор — Віктор Клименко, Interaction Designer в EPAM.
Навчитися використовувати автолейаути у Figma на 100%.
🔥17❤9
Цифровий світ мобільний як ніколи
Та підхід mobile-first призводить до юзабіліті-проблем на десктопах і дисперсії контенту. Це коли контент надто розтягнутий на великих екранах ноутбука чи настільного комп’ютера.
Автори статті провели дослідження, вийшли на юзабіліті-проблеми mobile-first вебдизайнів і запропонували рішення. Ми законспектували основне.
🔹Usability-проблеми:
• Довші сторінки та вища вартість взаємодії
Користувачам важче знаходити інформацію на довгих сторінках, адже контент розпорошений на кількох областях перегляду (viewports). Відповідно юзери більше скролять й вартість взаємодії зростає.
• Зростання когнітивного навантаження
Більші зображення + більше негативного простору = текстовий контент фрагментується між областями перегляду. Користувачі мають запам’ятовувати інформацію з різних в’юпотрів, прокручуючи їх вперед-назад.
• Труднощі побудови концептуальної моделі сторінки
Коли юзери «ходять» e-commerce сайтом, щоб придбати товар, їх рішення стоїть на китах: ціна, деталі продукту, відгуки. Якщо ці елементи розкидані по кількох в’юпортах, вони змушені сприймати їх окремо. Так користувачам важче зрозуміти цінність продукту.
🔹Що тоді робити?
• Якщо значна частина сторінки надто розтягнута, подумайте про редизайн ключового контенту, щоб юзери могли сканувати його очима.
• Об’єднуйте контент, що пов'язаний між собою в одній області перегляду, щоб мінімізувати прокручування вперед-назад.
• Менше використовуйте mobile-specific елементи на десктопі, як-от акордеони й подумайте про інші способи відображення контенту.
🔹 Повний матеріал.
Та підхід mobile-first призводить до юзабіліті-проблем на десктопах і дисперсії контенту. Це коли контент надто розтягнутий на великих екранах ноутбука чи настільного комп’ютера.
Автори статті провели дослідження, вийшли на юзабіліті-проблеми mobile-first вебдизайнів і запропонували рішення. Ми законспектували основне.
🔹Usability-проблеми:
• Довші сторінки та вища вартість взаємодії
Користувачам важче знаходити інформацію на довгих сторінках, адже контент розпорошений на кількох областях перегляду (viewports). Відповідно юзери більше скролять й вартість взаємодії зростає.
• Зростання когнітивного навантаження
Більші зображення + більше негативного простору = текстовий контент фрагментується між областями перегляду. Користувачі мають запам’ятовувати інформацію з різних в’юпотрів, прокручуючи їх вперед-назад.
• Труднощі побудови концептуальної моделі сторінки
Коли юзери «ходять» e-commerce сайтом, щоб придбати товар, їх рішення стоїть на китах: ціна, деталі продукту, відгуки. Якщо ці елементи розкидані по кількох в’юпортах, вони змушені сприймати їх окремо. Так користувачам важче зрозуміти цінність продукту.
🔹Що тоді робити?
• Якщо значна частина сторінки надто розтягнута, подумайте про редизайн ключового контенту, щоб юзери могли сканувати його очима.
• Об’єднуйте контент, що пов'язаний між собою в одній області перегляду, щоб мінімізувати прокручування вперед-назад.
• Менше використовуйте mobile-specific елементи на десктопі, як-от акордеони й подумайте про інші способи відображення контенту.
🔹 Повний матеріал.
❤26🔥5👍1
Figma 🤝 Zoom
Обидві платформи зійшлися, щоб зробити командну роботу ефективнішою.
Тепер ви можете шерити файли Figma і FigJam одразу на дзвінку. У компанії кажуть, що час попрощатися з перемиканням між вікнами та вічним запитанням «А хто може скинути лінк на документ?» Додати редактор у Zoom.
• У вересні Figma оголосили про таку ж інтеграцію з Google Meet. Встановити застосунок.
Джерело зображення: Figma.
Обидві платформи зійшлися, щоб зробити командну роботу ефективнішою.
Тепер ви можете шерити файли Figma і FigJam одразу на дзвінку. У компанії кажуть, що час попрощатися з перемиканням між вікнами та вічним запитанням «А хто може скинути лінк на документ?» Додати редактор у Zoom.
• У вересні Figma оголосили про таку ж інтеграцію з Google Meet. Встановити застосунок.
Джерело зображення: Figma.
❤56🔥23🥰1
Відкидати все зайве з дизайн-процесу? Це lean UX. Не покладатися на одного експерта, а використовувати швидкі експерименти, щоб визначити, що працює краще? Це lean UX.
Це також наша #книжкова_рекомендація, яка допоможе вам зануритися у світ ітеративного дизайну.
У книзі прочитаєте, як ефективно працювати з іншими членами продуктової команди та драйвити дизайн-процес короткими повторюваними циклами.
Усе це разом із тематичними дослідженнями та прикладами застосування цих та інших підходів у різних галузях.
Це також наша #книжкова_рекомендація, яка допоможе вам зануритися у світ ітеративного дизайну.
У книзі прочитаєте, як ефективно працювати з іншими членами продуктової команди та драйвити дизайн-процес короткими повторюваними циклами.
Усе це разом із тематичними дослідженнями та прикладами застосування цих та інших підходів у різних галузях.
❤36👍10🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
+3 корисних ресурси до вашого дизайнерського набору інструментів. У нас тут:
• Український Figma плагін для створення анімацій.
• Колекція з bite-sized UX-рішеннями.
• Український шрифт Grunt Grotesk.
• Український Figma плагін для створення анімацій.
• Колекція з bite-sized UX-рішеннями.
• Український шрифт Grunt Grotesk.
❤38🥰2👍1
Гемінґвей написав повноцінну розповідь зі шести слів
Стелла Горощак, студентка курсу Web Design Beginning передала його точну суть із восьми 🙌
Адже якщо навчатися, то на повну потужність.
• База вебдизайну й максимум інтенсивної практики за посиланням. Старт 23 жовтня.
Стелла Горощак, студентка курсу Web Design Beginning передала його точну суть із восьми 🙌
Адже якщо навчатися, то на повну потужність.
• База вебдизайну й максимум інтенсивної практики за посиланням. Старт 23 жовтня.
😁32❤3🤯1
Хтось скаже, що критичний аналіз та оцінка дизайн-рішень починається та завершується на юзабіліті-тестах. Але це будемо не ми.
Процес аналізу та вибору рішень може бути більш повноцінним, свідомим та продуктивним. Для цього потрібно активніше залучати стейкхолдерів: представників бізнесу, експертів і самих користувачів.
🔹Під час дводенного воркшопу Test. Solutions Analysis ви сплануєте та проведете власний воркшоп, присвячений аналізу та пріоритезації дизайн-рішень. Працюючи в командах з реальними проєктами та замовниками, звісно ж.
Коли: 28-29 жовтня.
Хто куратор: Юрій Грановський — співзасновник «Агентів змін» і «Публічної платформи».
Детальна програма воркшопу.
Процес аналізу та вибору рішень може бути більш повноцінним, свідомим та продуктивним. Для цього потрібно активніше залучати стейкхолдерів: представників бізнесу, експертів і самих користувачів.
🔹Під час дводенного воркшопу Test. Solutions Analysis ви сплануєте та проведете власний воркшоп, присвячений аналізу та пріоритезації дизайн-рішень. Працюючи в командах з реальними проєктами та замовниками, звісно ж.
Коли: 28-29 жовтня.
Хто куратор: Юрій Грановський — співзасновник «Агентів змін» і «Публічної платформи».
Детальна програма воркшопу.
❤11
Перший крок запускає механізм змін на краще. Чіткий запит виводить вас до того самого ментора Projector Mentorship Platform. Знаходьте свого, який порадить, підтримає, підкаже.
🔹Зробити рев’ю портфоліо й побачити, куди і як професійно розвиватися допоможуть:
• Стас Говорухін, Designer у Djinni
• Ілона Кім, Senior Product Designer у Revolut
• Вікторія Доброденчук, UX Architect у Wildix
🔹Розповісти чітко, без прикрас про роботу за кордоном й підтримати на новому етапі раді:
• Кирило Лактiонов, Senior Product Designer у BetterUp та Chief Designer в Aninix
• Олександр Шатов, Senior Product Designer у Instagram
• Марта Рижок, Product Designer у Glovo
🔹Порадити, як працювати у продукті та оптимізувати бізнес-процеси завжди готові:
• Іста Чебан, Product Designer у Київстар
• Сергій Ревва, Product designer в airSlate
• Яна Вохмінова, Product Designer у Суberhaven
🔹Розбіратися з аналізом ЦА, методами для UX-досліджень під різні ринки й продукти допоможуть:
• Ірина Кривенко, UX Research Lead у BetterMe
• Любов Гаркуша, UX and Market Researcher у Eleks
• Олена Булигіна, Principal UX Consultant у Webcredible
🔹Зробити рев’ю портфоліо й побачити, куди і як професійно розвиватися допоможуть:
• Стас Говорухін, Designer у Djinni
• Ілона Кім, Senior Product Designer у Revolut
• Вікторія Доброденчук, UX Architect у Wildix
🔹Розповісти чітко, без прикрас про роботу за кордоном й підтримати на новому етапі раді:
• Кирило Лактiонов, Senior Product Designer у BetterUp та Chief Designer в Aninix
• Олександр Шатов, Senior Product Designer у Instagram
• Марта Рижок, Product Designer у Glovo
🔹Порадити, як працювати у продукті та оптимізувати бізнес-процеси завжди готові:
• Іста Чебан, Product Designer у Київстар
• Сергій Ревва, Product designer в airSlate
• Яна Вохмінова, Product Designer у Суberhaven
🔹Розбіратися з аналізом ЦА, методами для UX-досліджень під різні ринки й продукти допоможуть:
• Ірина Кривенко, UX Research Lead у BetterMe
• Любов Гаркуша, UX and Market Researcher у Eleks
• Олена Булигіна, Principal UX Consultant у Webcredible
❤20🔥7