Forwarded from Метод параноика Вадима Митякина
Открытая встреча в клубе проджект-раннеров (7 июня, 15:00, онлайн)
Я регулярно провожу встречи (вживую и онлайн) в клубе проджект-раннеров, в которых участвуют самые разные люди, имеющие отношение к проектной работе: дизайнеры, руководители проектов, владельцы небольших студий, продакты, разработчики продуктов.
Это отличная возможность пообщаться, обсудить свои проектные и карьерные кейсы, узнать больше про «Метод параноика», продюсерскую модель и технологию продуктовой разработки. После прошедших Дизайн-выходных в Казани, мне это показалось еще более актуальным.
В эту субботу 7 июня с 15 до 17 по Мск пройдет очередная открытая онлайн-встреча в клубе.
Записывайте себе в календарь https://calendar.app.google/uiQkLeYz7S2p4t7s5
Ссылка на видеовстречу: https://meet.google.com/yst-fuzt-vez
Я регулярно провожу встречи (вживую и онлайн) в клубе проджект-раннеров, в которых участвуют самые разные люди, имеющие отношение к проектной работе: дизайнеры, руководители проектов, владельцы небольших студий, продакты, разработчики продуктов.
Это отличная возможность пообщаться, обсудить свои проектные и карьерные кейсы, узнать больше про «Метод параноика», продюсерскую модель и технологию продуктовой разработки. После прошедших Дизайн-выходных в Казани, мне это показалось еще более актуальным.
В эту субботу 7 июня с 15 до 17 по Мск пройдет очередная открытая онлайн-встреча в клубе.
Записывайте себе в календарь https://calendar.app.google/uiQkLeYz7S2p4t7s5
Ссылка на видеовстречу: https://meet.google.com/yst-fuzt-vez
Telegram
Метод параноика Вадима Митякина
Встреча клуба проджект-раннеров в День космонавтики и анонс онлайн-встречи 26 апреля
Сразу к делу. 12 апреля была первая встреча, которую я задумывал скорее как кастдев, чтобы почувствовать атмосферу и пообсуждать возможные форматы работы клуба. Но получилось…
Сразу к делу. 12 апреля была первая встреча, которую я задумывал скорее как кастдев, чтобы почувствовать атмосферу и пообсуждать возможные форматы работы клуба. Но получилось…
❤9👀2⚡1
Forwarded from Nice2Mitya(Chuk)
Наташа — удивительной харизмы и таланта женщина в дизайне. Продюсер всего и всех кто находится рядом — к каким бы проектам она не прикасалась, всё было запредельно качественно и запредельно эстетично. Любые её коммерческие или некоммерческие проекты всегда про развитие дизайн-сообщества, про людей и для людей. Мне повезло коколабить вместе на нескольких проектах, ощутил всё вышесказанное на себе.
Из того, что вы скорее всего знаете или слышали, Наташа:
А возможно вы не знали, что прямо сегодня Наташа выпускает свой новый документальноый фильм «Два стула» — беседы про эстетику и функциональность с дизайнерами, философами и художниками.
В эксклюзивном кружочке Наташа показывает и рассказывает на что опиралась в последней своей работе, и подготовила для нас с вами список работ которые помогли создать эту документалку:
🪑Кенго Кума — «Антиобъект»
Манифест японского архитектора против «объектного» мышления в архитектуре. Кума предлагает подход, где здание — не доминанта, а мягкий посредник между человеком, природой и пространством.
🪑 Кокудзо Окакура — «Книга чая»
Философский трактат о чайной церемонии как отражении японской эстетики, этики и мироощущения.
🪑Chairs: 1000 Masterpieces of Modern Design (Welbeck)
Энциклопедический обзор культовых стульев XX–XXI века — от Баухауза до наших дней.
🪑 Martino Gamper — “100 Chairs in 100 Days and in 100 Ways”
Игровой, но глубоко концептуальный проект: 100 стульев, переосмысленных из найденных объектов за 100 дней. Исследование формы, функции и абсурда.
🪑Taschen — “100 Chairs”, “Chairs”, “Domus”
Визуальные архивы мирового дизайна. Эволюция стула через шедевры, редкости и забытые эксперименты.
🪑 Терри Иглетон — “The Ideology of the Aesthetic”
Критический взгляд на эстетику как идеологию. Философский разбор её роли в истории западной мысли — от Канта до постмодерна.
🪑 Бруно Мунари — «Дизайн как искусство»
Ироничные и мудрые эссе культового итальянского дизайнера о том, как сделать повседневную жизнь умнее, проще и красивее.
🪑 Анатолий Фоменко
Неординарное сочетание математической строгости и визуальной поэзии. Его графика — это абстрактные структуры с внутренней логикой, как если бы математика научилась рисовать сны.
Давайте поддержим новое высказывание про дизайн на Beat Film
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15👀3⚡2
Forwarded from Non-Objective Ideas Index
Курс Identity from I to Y, сезон 5
Быстро расскажу, что сегодня открылся пятый набор на курс про айдентику в школе Werkstatt, и он станет последним. Но всё не так драматично: просто после него точно будет какой-то перерыв, а после перерыва курс обязательно как-то трансформируется.
А в пятом сезоне — всё как всегда. Будем вместе проходить весь путь от первой коммуникации с клиентом до сборки кейса. Будем говорить про дизайн и про всё вокруг него. Буду я и будут гости. И, как обычно, будут практики и будут слушатели. Так что успевайте записаться, если хотели.
Ссылка на страницу курса ↗
Быстро расскажу, что сегодня открылся пятый набор на курс про айдентику в школе Werkstatt, и он станет последним. Но всё не так драматично: просто после него точно будет какой-то перерыв, а после перерыва курс обязательно как-то трансформируется.
А в пятом сезоне — всё как всегда. Будем вместе проходить весь путь от первой коммуникации с клиентом до сборки кейса. Будем говорить про дизайн и про всё вокруг него. Буду я и будут гости. И, как обычно, будут практики и будут слушатели. Так что успевайте записаться, если хотели.
Ссылка на страницу курса ↗
❤14
Друзья. В пятницу в 17:00 состоится открытая лекция в сбер банке на тему «Паттерны взаимодействия в дизайн системах».
Мероприятие свободное и бесплатное.
Адрес:
Сочи. Войкова 2
Для входа внутрь нужен будет паспорт.
После мероприятия афтерпати в баре Потёмки.
Буду рад всех видеть.
Мероприятие свободное и бесплатное.
Адрес:
Сочи. Войкова 2
Для входа внутрь нужен будет паспорт.
После мероприятия афтерпати в баре Потёмки.
Буду рад всех видеть.
❤14⚡5🤔2
Forwarded from Метод параноика Вадима Митякина
Новый 6-недельный трек в клубе проджект-раннеров
Группа на новый трек постепенно собирается, но еще есть пара свободных мест. Если хотите присоединиться, пишите мне напрямую @vadim_mityakin.
Мы только что закончили работу с предыдущей группой в треке из шести встреч, которые проходят раз в неделю. И впечатления самые положительные. Цель была пересобрать подходы к запуску новых продуктов и развитию существующих через технологию продуктовой разработки по «Методу параноика».
Там все:
— как проектной команде работать с бизнесом и выяснять, что ему действительно надо
— как структурировать работу над продуктом по стадиям
— как проектировать продукт на всех уровнях: функциональном, интерфейсном и техническом
— как подходить к зонам ответственности участников команды и какие роли участников требуются в проектах
— какая стратегия работы в условиях неопределенности и как подходить к планированию и оценке
Вы всегда можете просто прочитать книгу «Метод параноика», но ничто не заменит живого общения с другими людьми. На треке мы работаем в трех форматах:
— учебно-методические вводные от меня по технологии работы над проектами
— дискуссии участников по темам и разбор личных историй/вопросов/кейсов
— игровой формат, когда мы берем проект одного из участников и силами других участников разбираем его по ролям, проходя по всем стадиям проекта.
Группа на новый трек постепенно собирается, но еще есть пара свободных мест. Если хотите присоединиться, пишите мне напрямую @vadim_mityakin.
Мы только что закончили работу с предыдущей группой в треке из шести встреч, которые проходят раз в неделю. И впечатления самые положительные. Цель была пересобрать подходы к запуску новых продуктов и развитию существующих через технологию продуктовой разработки по «Методу параноика».
Там все:
— как проектной команде работать с бизнесом и выяснять, что ему действительно надо
— как структурировать работу над продуктом по стадиям
— как проектировать продукт на всех уровнях: функциональном, интерфейсном и техническом
— как подходить к зонам ответственности участников команды и какие роли участников требуются в проектах
— какая стратегия работы в условиях неопределенности и как подходить к планированию и оценке
Вы всегда можете просто прочитать книгу «Метод параноика», но ничто не заменит живого общения с другими людьми. На треке мы работаем в трех форматах:
— учебно-методические вводные от меня по технологии работы над проектами
— дискуссии участников по темам и разбор личных историй/вопросов/кейсов
— игровой формат, когда мы берем проект одного из участников и силами других участников разбираем его по ролям, проходя по всем стадиям проекта.
Telegram
Метод параноика Вадима Митякина
Как в кино: продюсирование ИТ-проектов по технологии продуктовой разработки
Выступление на конференции Agency Growth Days в Екатеринбурге 24.10.2024
Элементы того, что теперь называется технологией продуктовой разработки по «Методу параноика», складывались…
Выступление на конференции Agency Growth Days в Екатеринбурге 24.10.2024
Элементы того, что теперь называется технологией продуктовой разработки по «Методу параноика», складывались…
❤5⚡1💊1
Конструкция и композиция в цифровом дизайне
🔥 Интенсив | 🗓️ 1 августа – 17 августа
Тема конструкции в интерактивном дизайне чаще всего недооценивается. Несмотря на это, она не нова и по сути лежала в основе всего дизайна XX века, начиная с 20-х годов прошлого столетия.
🔍 Что такое конструкция?
Если сайт — это множество страниц, объединенных единой логикой и структурой, где каждая страница представляет собой композицию, то 🚀 конструкция — это принцип простого и бесшовного перехода между композициями. Поэтому она имеет ключевое функциональное значение, так как определяет, как происходит переход:
- ↪️ от одной страницы к другой,
- 🔄 от одного режима страницы к другому.
💡 4 причины изучать конструкцию в цифровом дизайне:
1. Адаптивность → Конструкция определяет принципы адаптивности веб-сайтов.
2. Навигация → Делает возможной бесшовную навигацию (бесшовные переходы) в сайтах и приложениях.
3. Композиционные решения → Снимает «боли» дизайнера, так как ограничивает выбор композиций и служит их основой.
4. Анимация со смыслом → Без конструкции анимация — просто украшение. Конструктивный подход делает ее функциональной (вложение, а не затраты).
🔄 4 отличия композиции и конструкции:
1. Композиция имеет чувственную природу, поэтому эффективнее не изучать ее, а практиковать. Конструкция — это рациональная часть композиционного проектирования.
2. Композиция — это прежде всего единство, пропорциональность и соразмерность элементов в пространстве (на формате). Конструкция — это единство и согласованность элементов в движении (взаимодействии).
3. Сложная композиция разрушается от движения (взаимодействия). Конструкция не видна, хотя интуитивно понятна и очевидна («невидимый дизайн»).
4. Композиция чаще всего — результат креативного перебора вариантов решения. Конструкция — результат творческого проектирования «от движения».
🔗 Связь конструкции и композиции
Конструкция и композиция взаимосвязаны 🤝:
- Конструкция → основа и функциональное ядро.
- Композиция → визуальное воплощение.
🖖 Для кого интенсив?
Для тех, кто хочет прокачать дизайн-навыки и объединить:
- 🧠 UX (взаимодействие),
- 🎨 UI (композиция),
- ✨ Motion (движение).
Подойдет:
- 🖥 Веб дизайнерам, которые ищут новые приемы и идеи для своей работы
- 👨💻 Продуктовым дизайнерам, уставшим от «мертвых» дизайн-систем.
- 🎥 Моушен-дизайнерам, которые хотят, чтобы анимация интерфейса работала, а не развлекала.
- 🖌️ Графическим дизайнерам, чьи работы живут в цифре.
🤜 Формат:
- 20% Теория
- 40% Тренировка
- 40% Практика
💪 Процесс:
- 2 недели 📆.
- 4 консультации в неделю 🕗 (в 20:00, удобное время после работы).
📅 1 неделя:
- 2 упражнения на закрепление
📅 2 неделя:
- Ваш проект по нашему ТЗ.
- Консультации с менторами → разбор ошибок и лучших решений.
💿 Инструменты:
- Zoom
- Figma
📝 Форматы участия:
1. Полное сопровождение 🤓
Полное погружение в тему + практика с поддержкой менторов
✔️ Разборы работ
✔️ Обратная связь
✔️ Помощь на всех этапах
25 000 ₽ (обычная цена) | 20 000 ₽ (по предзаписи)
2. Самостоятельный доступ 🙃
Для тех, кто хочет изучать тему в своем темпе
✔️ Все материалы интенсива
✔️ Записи консультаций (доступ 2 месяца, можно скачать)
✔️ Работы участников для вдохновения
15 000 ₽ (обычная цена) | 12 000 ₽ (по предзаписи)
👨🏫 Преподаватели и менторы
Сергей Гуров.
Независимый RnD дизайнер. Програмный директор мастерской ОСНОВА.
опыт: 20 лет.
Клиенты: Bang Bang Education / OFFF / Intel / Pepsi / Citroen / AIC / Skillbox / СБЕР / Yandex /
Герман Жевмерев.
Независимый дизайнер. Преподаватель мастерской ОСНОВА
опыт: 5 лет.
Клиенты: Maximalist / Alean hotel / WSBL / The Wed / MHH Ventures / Alrosa / VOSK / Pragmatica / WMF
⏳ Успейте записаться по выгодной цене!
Предзапись действует до 10 июля!
По вопросам покупки и предзаказа пишите в телеграм @samenameee 👈
🔥 Интенсив | 🗓️ 1 августа – 17 августа
Тема конструкции в интерактивном дизайне чаще всего недооценивается. Несмотря на это, она не нова и по сути лежала в основе всего дизайна XX века, начиная с 20-х годов прошлого столетия.
🔍 Что такое конструкция?
Если сайт — это множество страниц, объединенных единой логикой и структурой, где каждая страница представляет собой композицию, то 🚀 конструкция — это принцип простого и бесшовного перехода между композициями. Поэтому она имеет ключевое функциональное значение, так как определяет, как происходит переход:
- ↪️ от одной страницы к другой,
- 🔄 от одного режима страницы к другому.
💡 4 причины изучать конструкцию в цифровом дизайне:
1. Адаптивность → Конструкция определяет принципы адаптивности веб-сайтов.
2. Навигация → Делает возможной бесшовную навигацию (бесшовные переходы) в сайтах и приложениях.
3. Композиционные решения → Снимает «боли» дизайнера, так как ограничивает выбор композиций и служит их основой.
4. Анимация со смыслом → Без конструкции анимация — просто украшение. Конструктивный подход делает ее функциональной (вложение, а не затраты).
🔄 4 отличия композиции и конструкции:
1. Композиция имеет чувственную природу, поэтому эффективнее не изучать ее, а практиковать. Конструкция — это рациональная часть композиционного проектирования.
2. Композиция — это прежде всего единство, пропорциональность и соразмерность элементов в пространстве (на формате). Конструкция — это единство и согласованность элементов в движении (взаимодействии).
3. Сложная композиция разрушается от движения (взаимодействия). Конструкция не видна, хотя интуитивно понятна и очевидна («невидимый дизайн»).
4. Композиция чаще всего — результат креативного перебора вариантов решения. Конструкция — результат творческого проектирования «от движения».
🔗 Связь конструкции и композиции
Конструкция и композиция взаимосвязаны 🤝:
- Конструкция → основа и функциональное ядро.
- Композиция → визуальное воплощение.
🖖 Для кого интенсив?
Для тех, кто хочет прокачать дизайн-навыки и объединить:
- 🧠 UX (взаимодействие),
- 🎨 UI (композиция),
- ✨ Motion (движение).
Подойдет:
- 🖥 Веб дизайнерам, которые ищут новые приемы и идеи для своей работы
- 👨💻 Продуктовым дизайнерам, уставшим от «мертвых» дизайн-систем.
- 🎥 Моушен-дизайнерам, которые хотят, чтобы анимация интерфейса работала, а не развлекала.
- 🖌️ Графическим дизайнерам, чьи работы живут в цифре.
🤜 Формат:
- 20% Теория
- 40% Тренировка
- 40% Практика
💪 Процесс:
- 2 недели 📆.
- 4 консультации в неделю 🕗 (в 20:00, удобное время после работы).
📅 1 неделя:
- 2 упражнения на закрепление
📅 2 неделя:
- Ваш проект по нашему ТЗ.
- Консультации с менторами → разбор ошибок и лучших решений.
💿 Инструменты:
- Zoom
- Figma
1. Полное сопровождение 🤓
Полное погружение в тему + практика с поддержкой менторов
✔️ Разборы работ
✔️ Обратная связь
✔️ Помощь на всех этапах
25 000 ₽ (обычная цена) | 20 000 ₽ (по предзаписи)
2. Самостоятельный доступ 🙃
Для тех, кто хочет изучать тему в своем темпе
✔️ Все материалы интенсива
✔️ Записи консультаций (доступ 2 месяца, можно скачать)
✔️ Работы участников для вдохновения
15 000 ₽ (обычная цена) | 12 000 ₽ (по предзаписи)
👨🏫 Преподаватели и менторы
Сергей Гуров.
Независимый RnD дизайнер. Програмный директор мастерской ОСНОВА.
опыт: 20 лет.
Клиенты: Bang Bang Education / OFFF / Intel / Pepsi / Citroen / AIC / Skillbox / СБЕР / Yandex /
Герман Жевмерев.
Независимый дизайнер. Преподаватель мастерской ОСНОВА
опыт: 5 лет.
Клиенты: Maximalist / Alean hotel / WSBL / The Wed / MHH Ventures / Alrosa / VOSK / Pragmatica / WMF
⏳ Успейте записаться по выгодной цене!
Предзапись действует до 10 июля!
По вопросам покупки и предзаказа пишите в телеграм @samenameee 👈
Please open Telegram to view this post
VIEW IN TELEGRAM
❤26⚡7
Moloko++
Конструкция и композиция в цифровом дизайне 🔥 Интенсив | 🗓️ 1 августа – 17 августа Тема конструкции в интерактивном дизайне чаще всего недооценивается. Несмотря на это, она не нова и по сути лежала в основе всего дизайна XX века, начиная с 20-х годов…
Конструкция и композиция в цифровом дизайне
Тема слишком обширна для одного интенсива, поэтому мы разделили её на 3 части. Каждая включает теорию, тренировку и практику — всё, что нужно, чтобы быстро применять навыки в коммерческих проектах.
🔹 Часть 1: Interface / Interactive Face
Фокус: проектирование взаимодействия (IxD).
Конструкция — универсальный инструмент для микро- и макровзаимодействий.
Что такое взаимодействие?
- Действия пользователя: клики, скролл, жесты (управляющие действия и жесты).
- Движение элементов интерфейса: анимации, переходы между состояниями.
Цель интенсива:
Показать, что проектирование — это не креативный перебор вариантов, а системный творческий процесс. Участники научатся работать методично и применять подход в реальных задачах.
Ключевые идеи:
- Графический дизайн подчиняется взаимодействию и строится «от движения».
- Композиция — результат продуманного движения, а не просто визуальный образ.
Детализация темы:
- Микровзаимодействия: анимации, переключение режимов на странице.
- Макровзаимодействия: навигация по сайту как целостной системе.
🔹 Часть 2: Mobile First
Конструкция как инструмент адаптивного дизайна.
Проблема:
Как Десктоп сворачивается в Мобайл, или как Мобайл разворачивается в Десктоп?
Почему Mobile First?
70–80% трафика приходится на мобильные устройства → проектирование начинается с них, тогда как 70% времени дизайнер тратит на дизайн десктопа.
На наш взгляд, такая ассиметрия является проблемой, требующей решения.
Что будет на интенсиве:
- Классические и современные методы адаптивности (схемы и приемы).
- Сетки для мобайла и десктопа: равномерные десктопные сетки и прогрессивные сетки для Мобайла. Противоречия и способы их совмещения.
- Практика: переход от мобильного макета к десктопу на основе готовых схем.
🔹 Часть 3: Управление вниманием
Конструкция = основа графической композиции.
О чём пойдёт речь:
- Как направлять внимание пользователя в интерфейсе.
- Принципы визуальной иерархии (UI-дизайн).
- Графика как отражение логики взаимодействия.
Почему это важно?
Тема требует углублённого изучения: без понимания конструкции невозможно создавать эффективные интерфейсы.
Итог
Три интенсива дадут системный подход к проектированию — от взаимодействия до визуала. Практика поможет не только закрепить навыки, но и перейти на новый уровень мышления: дизайнер здесь не просто художник, а инженер решений.
А какой интенсив нужен именно вам?
Тема слишком обширна для одного интенсива, поэтому мы разделили её на 3 части. Каждая включает теорию, тренировку и практику — всё, что нужно, чтобы быстро применять навыки в коммерческих проектах.
🔹 Часть 1: Interface / Interactive Face
Фокус: проектирование взаимодействия (IxD).
Конструкция — универсальный инструмент для микро- и макровзаимодействий.
Что такое взаимодействие?
- Действия пользователя: клики, скролл, жесты (управляющие действия и жесты).
- Движение элементов интерфейса: анимации, переходы между состояниями.
Цель интенсива:
Показать, что проектирование — это не креативный перебор вариантов, а системный творческий процесс. Участники научатся работать методично и применять подход в реальных задачах.
Ключевые идеи:
- Графический дизайн подчиняется взаимодействию и строится «от движения».
- Композиция — результат продуманного движения, а не просто визуальный образ.
Детализация темы:
- Микровзаимодействия: анимации, переключение режимов на странице.
- Макровзаимодействия: навигация по сайту как целостной системе.
🔹 Часть 2: Mobile First
Конструкция как инструмент адаптивного дизайна.
Проблема:
Как Десктоп сворачивается в Мобайл, или как Мобайл разворачивается в Десктоп?
Почему Mobile First?
70–80% трафика приходится на мобильные устройства → проектирование начинается с них, тогда как 70% времени дизайнер тратит на дизайн десктопа.
На наш взгляд, такая ассиметрия является проблемой, требующей решения.
Что будет на интенсиве:
- Классические и современные методы адаптивности (схемы и приемы).
- Сетки для мобайла и десктопа: равномерные десктопные сетки и прогрессивные сетки для Мобайла. Противоречия и способы их совмещения.
- Практика: переход от мобильного макета к десктопу на основе готовых схем.
🔹 Часть 3: Управление вниманием
Конструкция = основа графической композиции.
О чём пойдёт речь:
- Как направлять внимание пользователя в интерфейсе.
- Принципы визуальной иерархии (UI-дизайн).
- Графика как отражение логики взаимодействия.
Почему это важно?
Тема требует углублённого изучения: без понимания конструкции невозможно создавать эффективные интерфейсы.
Итог
Три интенсива дадут системный подход к проектированию — от взаимодействия до визуала. Практика поможет не только закрепить навыки, но и перейти на новый уровень мышления: дизайнер здесь не просто художник, а инженер решений.
А какой интенсив нужен именно вам?
❤7⚡2
Какой интенсив нужен именно вам?
Anonymous Poll
39%
Interface / Interactive Face (Взаимодействие)
31%
Mobile First (Адаптивность)
56%
Управление вниманием (граф. конструкция)
Moloko++
Какой интенсив нужен именно вам?
Скажу честно.
Результаты меня удивили 😳
Графическая конструкция — это, вероятно, самая базовая и скучная для преподавание тема.
Основы этой темы по сути раскрыты еще в начале прошлого века психологами гештальтистами. Читайте Р. Арнхейма «Психология искусства». Это база. Все остальное просто замысел и импровизация. И множественная тренировка.
Тогда как остальные две темы действительно актуальны как никогда.
🤯
Нет ясного и четкого понимания как спроектировать адаптивный сайт. Просто посмотрите на мобильные версии веб сайтов и ужаснитесь. — Это никуда не годится.
Mobile First — принцип который озвучен давно, и он оправдан со всех точек зрения. Но пока это всего лишь красивые слова.
😫
— Нет хороших книг по методам проектирования взаимодействий. Это, чаще всего, креатив и конкретный кейс в качестве примера, за которым прячется креативный (случайный) перебор вариантов решений. Бессистемно.
С другой стороны, системный методичный подход к проектированию взаимодействия необходим бизнесу. И еще больше необходим дизайнеру.
✍️
В дизайне, красивая композиция часто работает как фИговый листок для того, чтобы скрыть плохой дизайн.
Но хорошее, умное, запоминающееся и удобное взаимодействие, чаще всего, уже подсказывает эстетичное графическое решение. А само взаимодействие, становясь устойчивым пользовательским опытом, может создавать идентичность бренда. Чтобы увидеть это просто сравните iOS и Андройд.
— Как бы ни был хорош смартфон на андройде, я не перейду с iOS. Потому что интерфейс и взаимодействие с ним — это не только функция, но и образ мысли, который стал моим.
💊
Как мне кажется, решая «композиционные боли» мы просто принимаем обезболивающее в виде очередного курса по композиции. Вместо того, чтобы снять настоящую проблему. А проблема в том, что цифровой дизайн это не картинка а ,прежде всего, движение и действие.
Скажу даже жестче:
Дизайн не существует без человека (пользователя). Он работает только в узкой зоне того, что мы можем почувствовать или представить. Поэтому дизайн это не изображение интерфейса, а представление о движении, действии и интерфейсе.
Дизайн взаимодействия — это образ мысли.
В России тема дизайна взаимодействия еще только в зачаточном состоянии. Тема еще даже не вполне выделилась из общей ux дисциплины.
Тогда как на западе этой теме посвящены ежегодные конференции, где дизайнеры встречаются с психологами, инженерами и пром дизайнерами. Проводятся эксперименты и исследования.
Если тема кажется скучной, то могу лишь пообещать, что в Основе эта тема заиграет новыми красками.
И кстати, уже довольно скоро будет релиз первого курса для продуктовых дизайнеров. Готовим его на пару с Вадимом Митякиным, поэтому следите за обновлениями.
Результаты меня удивили 😳
Графическая конструкция — это, вероятно, самая базовая и скучная для преподавание тема.
Основы этой темы по сути раскрыты еще в начале прошлого века психологами гештальтистами. Читайте Р. Арнхейма «Психология искусства». Это база. Все остальное просто замысел и импровизация. И множественная тренировка.
Тогда как остальные две темы действительно актуальны как никогда.
🤯
Нет ясного и четкого понимания как спроектировать адаптивный сайт. Просто посмотрите на мобильные версии веб сайтов и ужаснитесь. — Это никуда не годится.
Mobile First — принцип который озвучен давно, и он оправдан со всех точек зрения. Но пока это всего лишь красивые слова.
😫
— Нет хороших книг по методам проектирования взаимодействий. Это, чаще всего, креатив и конкретный кейс в качестве примера, за которым прячется креативный (случайный) перебор вариантов решений. Бессистемно.
С другой стороны, системный методичный подход к проектированию взаимодействия необходим бизнесу. И еще больше необходим дизайнеру.
✍️
В дизайне, красивая композиция часто работает как фИговый листок для того, чтобы скрыть плохой дизайн.
Но хорошее, умное, запоминающееся и удобное взаимодействие, чаще всего, уже подсказывает эстетичное графическое решение. А само взаимодействие, становясь устойчивым пользовательским опытом, может создавать идентичность бренда. Чтобы увидеть это просто сравните iOS и Андройд.
— Как бы ни был хорош смартфон на андройде, я не перейду с iOS. Потому что интерфейс и взаимодействие с ним — это не только функция, но и образ мысли, который стал моим.
💊
Как мне кажется, решая «композиционные боли» мы просто принимаем обезболивающее в виде очередного курса по композиции. Вместо того, чтобы снять настоящую проблему. А проблема в том, что цифровой дизайн это не картинка а ,прежде всего, движение и действие.
Скажу даже жестче:
Дизайн не существует без человека (пользователя). Он работает только в узкой зоне того, что мы можем почувствовать или представить. Поэтому дизайн это не изображение интерфейса, а представление о движении, действии и интерфейсе.
Дизайн взаимодействия — это образ мысли.
В России тема дизайна взаимодействия еще только в зачаточном состоянии. Тема еще даже не вполне выделилась из общей ux дисциплины.
Тогда как на западе этой теме посвящены ежегодные конференции, где дизайнеры встречаются с психологами, инженерами и пром дизайнерами. Проводятся эксперименты и исследования.
Если тема кажется скучной, то могу лишь пообещать, что в Основе эта тема заиграет новыми красками.
И кстати, уже довольно скоро будет релиз первого курса для продуктовых дизайнеров. Готовим его на пару с Вадимом Митякиным, поэтому следите за обновлениями.
Telegram
Метод параноика Вадима Митякина
Канал Вадима Митякина про бизнес и создание цифровых продуктов.
Книга «Метод параноика» об управлении проектами в условиях неопределенности https://mityakin.com/redbook
Запросы на консалтинг @vadim_mityakin
Книга «Метод параноика» об управлении проектами в условиях неопределенности https://mityakin.com/redbook
Запросы на консалтинг @vadim_mityakin
❤45👀8⚡2
Конструкция и композиция. Interface / Interactive Face
Как найти композицию через движение и взаимодействие?
1 августа — 17 августа.
Давайте проще.
Композиция (если без лишних слов) это про графическое пространство. Про расположение элементов друг относительно друга и на формате.
Конструкция это про движение, которое в разном контексте понимается по разному:
⁃ Движение глаз зрителя, например, от доминанты к субдоминанте - это графическая конструкция. Используя эти знания мы можем хитрым образом управлять фокусом внимания человека. Концентрировать, управлять скоростью восприятия, его темпом и качеством.
⁃ Движение элементов интерфейса друг относительно друга или внутри формата (экрана) для осуществление бесшовных переходов между страницами, или бесшовных переключений между режимами и видами страницы - это интерактивная конструкция. В первом случае мы имеем дело с макровзаимодействиями и навигацией (навигационная модель сайта), во втором случае мы работаем с микровзаимодействией.
⁃ Изменение внешнего вида интерфейса или экрана сайта в результате изменения размеров, пропорций экрана или даже носителя (десктоп/мобайл) это адаптивная конструкция. Она лежит в основе сайта и определяет его архитектуру.
Конструкции и композиция напрямую связаны друг с другом.
⁃ Композиция - это чувственный образ и визуальное восприятие.
⁃ Конструкция - это рациональное ограничение композиции, способ ее функциональной организации.
⁃ Композиция видна (хороша она или не очень — уже другой вопрос).
⁃ Конструкция - это, прежде всего, искусство невидимых связей, которые не видны в статике, но легко воспринимаются в динамичном взаимодействии с композицией (экраном, версткой или интерфейсом)
Работа с конструкцией помогает находить композиционные решения.
Значительно упрощает их поиск, и делает дизайн более функциональным, особенно в цифровой среде.
Конструкция, как рациональная часть композиционного проектирования, позволяет уже на самом первом этапе эскиза отбросить огромное количество нерабочих вариантов и сконцентрироваться на самых перспективных и осмысленных.
Данный интенсив будет посвящен прежде всего интерактивным конструкциям, которые лежат в основе взаимодействия с интерфейсом.
🧠 А уже на следующей неделе я проведу открытую лекцию по данной теме, где приведу примеры, схемы и модели.
⚠️⚠️⚠️
Мы в Основе считаем, что теоретический материал должен быть глубоким, содержательным и БЕСПЛАТНЫМ. Поэтому приняли решение понемногу выкладывать в открытый доступ все лекции с прошедших курсов и интенсивов. А теоретический материал будущих мероприятий будет попадать на ютуб канал Основы практически сразу.
⚠️⚠️⚠️
По вопросам записи на интенсив пишите @samenameee
И не забудьте подписаться на наш ютуб канал https://youtube.com/@osnova_dsgn?si=_NyG3WmsB6uwOHlb
Как найти композицию через движение и взаимодействие?
1 августа — 17 августа.
Давайте проще.
Композиция (если без лишних слов) это про графическое пространство. Про расположение элементов друг относительно друга и на формате.
Конструкция это про движение, которое в разном контексте понимается по разному:
⁃ Движение глаз зрителя, например, от доминанты к субдоминанте - это графическая конструкция. Используя эти знания мы можем хитрым образом управлять фокусом внимания человека. Концентрировать, управлять скоростью восприятия, его темпом и качеством.
⁃ Движение элементов интерфейса друг относительно друга или внутри формата (экрана) для осуществление бесшовных переходов между страницами, или бесшовных переключений между режимами и видами страницы - это интерактивная конструкция. В первом случае мы имеем дело с макровзаимодействиями и навигацией (навигационная модель сайта), во втором случае мы работаем с микровзаимодействией.
⁃ Изменение внешнего вида интерфейса или экрана сайта в результате изменения размеров, пропорций экрана или даже носителя (десктоп/мобайл) это адаптивная конструкция. Она лежит в основе сайта и определяет его архитектуру.
Конструкции и композиция напрямую связаны друг с другом.
⁃ Композиция - это чувственный образ и визуальное восприятие.
⁃ Конструкция - это рациональное ограничение композиции, способ ее функциональной организации.
⁃ Композиция видна (хороша она или не очень — уже другой вопрос).
⁃ Конструкция - это, прежде всего, искусство невидимых связей, которые не видны в статике, но легко воспринимаются в динамичном взаимодействии с композицией (экраном, версткой или интерфейсом)
Работа с конструкцией помогает находить композиционные решения.
Значительно упрощает их поиск, и делает дизайн более функциональным, особенно в цифровой среде.
Конструкция, как рациональная часть композиционного проектирования, позволяет уже на самом первом этапе эскиза отбросить огромное количество нерабочих вариантов и сконцентрироваться на самых перспективных и осмысленных.
Данный интенсив будет посвящен прежде всего интерактивным конструкциям, которые лежат в основе взаимодействия с интерфейсом.
🧠 А уже на следующей неделе я проведу открытую лекцию по данной теме, где приведу примеры, схемы и модели.
⚠️⚠️⚠️
Мы в Основе считаем, что теоретический материал должен быть глубоким, содержательным и БЕСПЛАТНЫМ. Поэтому приняли решение понемногу выкладывать в открытый доступ все лекции с прошедших курсов и интенсивов. А теоретический материал будущих мероприятий будет попадать на ютуб канал Основы практически сразу.
⚠️⚠️⚠️
По вопросам записи на интенсив пишите @samenameee
И не забудьте подписаться на наш ютуб канал https://youtube.com/@osnova_dsgn?si=_NyG3WmsB6uwOHlb
YouTube
ОСНОВА
Авторская дизайн мастерская ОСНОВА.
❤57⚡5💊3
Как обещал, анонс нового курса по продуктовому дизайну с Вадимом Митякиным
🚀 Дизайн как искусство проектирования: поиск продуктовых решений на стыке дизайна, бизнеса и технологий
📅 18 августа – 22 сентября
Мы подготовили мини-курс для продуктовых дизайнеров и продактов, которые создают цифровые сервисы и приложения. В нем мы соединили функциональное проектирование и дизайн, чтобы вы могли пройти путь от идеи до воплощения.
Что даст курс?
🔹 Системный подход к проектированию:
— от функций → к композиции → к интерфейсу
— построение функциональных карт продуктов на основе требований бизнеса
— проектирование пользовательского интерфейса
— сборка дизайна на уровне композиции и сценариев
🔹 Новый уровень влияния в проекте:
Все это позволит вам как дизайнеру выйти на новый уровень и начать играть одну из ключевых ролей в проекте. Вы начнете смотреть на дизайн через призму функциональности продукта, свяжете требования бизнеса, функции продукта и дизайн интерфейсов
Что вы получите?
✅ Систематизированную технологию работы
✅ Практический опыт ее использования
✅ Примеры функциональных карт
✅ Готовые макеты для портфолио
А еще узнаете:
🔎 Как работать с бизнесом и выяснять реальные потребности
🔎 Как структурировать процесс разработки по стадиям
🔎 Как распределять зоны ответственности в команде
🔎 Как работать в условиях неопределенности
Этот курс для вас, если:
— Ваш дизайн нравится, но правки возникают из-за разрыва между бизнес-целями и интерфейсом
— Команда работает хаотично, без четкой стадийности
— Решения принимаются интуитивно, а не через анализ сценариев
Программа курса:
📌 3 онлайн-лекции:
— Функциональное проектирование цифровых сервисов
— Дизайн и композиция интерфейсов
— Организация работы продуктовой команды
📌 Практика + консультации с менторами
📌 Финальный разбор работ
📌 Живые дискуссии
Даты и стоимость:
📅 18 августа – 22 сентября
💰 Полное погружение (лекции, практика, консультации, доступ к Figma)
— 45 000 ₽
— 40 000 ₽ (при оплате до 3 августа)
Доступна рассрочка
💰 Без сопровождения (лекции + записи, доступ к Figma без редактирования)
— 20 000 ₽
— 16 000 ₽ (при оплате до 3 августа)
Доступна рассрочка
👨🏫 Авторы и преподаватели:
Вадим Митякин:
Исследователь и консультант, автор книги «Метод параноика» о принципах создания цифровых продуктов для бизнеса в условиях неопределенности.
Опыт работы с: Яндекс, Майкрософт, VISA, Сбер, Литрес, Коммерсант, Связной и др.
Сергей Гуров:
Независимый RnD-дизайнер. Программный директор мастерской ОСНОВА.
20 лет опыта. Клиенты: Bang Bang Education / OFFF / Intel / Pepsi / Citroen / AIC / Skillbox / СБЕР / Yandex
По вопросам записи и покупки пишите @samenameee
📅 18 августа – 22 сентября
Мы подготовили мини-курс для продуктовых дизайнеров и продактов, которые создают цифровые сервисы и приложения. В нем мы соединили функциональное проектирование и дизайн, чтобы вы могли пройти путь от идеи до воплощения.
Что даст курс?
🔹 Системный подход к проектированию:
— от функций → к композиции → к интерфейсу
— построение функциональных карт продуктов на основе требований бизнеса
— проектирование пользовательского интерфейса
— сборка дизайна на уровне композиции и сценариев
🔹 Новый уровень влияния в проекте:
Все это позволит вам как дизайнеру выйти на новый уровень и начать играть одну из ключевых ролей в проекте. Вы начнете смотреть на дизайн через призму функциональности продукта, свяжете требования бизнеса, функции продукта и дизайн интерфейсов
Что вы получите?
✅ Систематизированную технологию работы
✅ Практический опыт ее использования
✅ Примеры функциональных карт
✅ Готовые макеты для портфолио
А еще узнаете:
🔎 Как работать с бизнесом и выяснять реальные потребности
🔎 Как структурировать процесс разработки по стадиям
🔎 Как распределять зоны ответственности в команде
🔎 Как работать в условиях неопределенности
Этот курс для вас, если:
— Ваш дизайн нравится, но правки возникают из-за разрыва между бизнес-целями и интерфейсом
— Команда работает хаотично, без четкой стадийности
— Решения принимаются интуитивно, а не через анализ сценариев
Программа курса:
📌 3 онлайн-лекции:
— Функциональное проектирование цифровых сервисов
— Дизайн и композиция интерфейсов
— Организация работы продуктовой команды
📌 Практика + консультации с менторами
📌 Финальный разбор работ
📌 Живые дискуссии
Даты и стоимость:
📅 18 августа – 22 сентября
💰 Полное погружение (лекции, практика, консультации, доступ к Figma)
— 45 000 ₽
— 40 000 ₽ (при оплате до 3 августа)
Доступна рассрочка
💰 Без сопровождения (лекции + записи, доступ к Figma без редактирования)
— 20 000 ₽
— 16 000 ₽ (при оплате до 3 августа)
Доступна рассрочка
👨🏫 Авторы и преподаватели:
Вадим Митякин:
Исследователь и консультант, автор книги «Метод параноика» о принципах создания цифровых продуктов для бизнеса в условиях неопределенности.
Опыт работы с: Яндекс, Майкрософт, VISA, Сбер, Литрес, Коммерсант, Связной и др.
Сергей Гуров:
Независимый RnD-дизайнер. Программный директор мастерской ОСНОВА.
20 лет опыта. Клиенты: Bang Bang Education / OFFF / Intel / Pepsi / Citroen / AIC / Skillbox / СБЕР / Yandex
По вопросам записи и покупки пишите @samenameee
❤19⚡5👀2
Крайне рекомендую к просмотру всем дизайнерам, чтобы взглянуть на дизайн под новым углом, а потом понять куда копать в плане литературы. https://www.youtube.com/watch?v=JjTzYai_Nps
YouTube
То, что вы считаете реальностью – иллюзия
Рассматриваем невероятные случаи из нейробиологии, которые показывают, как наш мозг создает реальность и личность. Изучаем работы нейроученого Рамачандрана и узнаем, что делает человека особенным существом, способным познавать самого себя.
Что в ролике:…
Что в ролике:…
❤16⚡7👀3🤔1