ОСНОВА

Скажу честно. Результаты меня удивили 😳 Графическая конструкция — это, вероятно, самая базовая и скучная для преподавание тема. Основы этой темы по сути раскрыты еще в начале прошлого века психологами гештальтистами. Читайте Р. Арнхейма «Психология искусства». Это база. Все остальное просто замысел и импровизация. И множественная тренировка. Тогда как остальные две темы действительно актуальны как никогда. 🤯 Нет ясного и четкого понимания как спроектировать адаптивный сайт. Просто посмотрите на мобильные версии веб сайтов и ужаснитесь. — Это никуда не годится. Mobile First — принцип который озвучен давно, и он оправдан со всех точек зрения. Но пока это всего лишь красивые слова. 😫 — Нет хороших книг по методам проектирования взаимодействий. Это, чаще всего, креатив и конкретный кейс в качестве примера, за которым прячется креативный (случайный) перебор вариантов решений. Бессистемно. С другой стороны, системный методичный подход к проектированию взаимодействия необходим бизнесу. И еще больше необходим дизайнеру. ✍️ В дизайне, красивая композиция часто работает как фИговый листок для того, чтобы скрыть плохой дизайн. Но хорошее, умное, запоминающееся и удобное взаимодействие, чаще всего, уже подсказывает эстетичное графическое решение. А само взаимодействие, становясь устойчивым пользовательским опытом, может создавать идентичность бренда. Чтобы увидеть это просто сравните iOS и Андройд. — Как бы ни был хорош смартфон на андройде, я не перейду с iOS. Потому что интерфейс и взаимодействие с ним — это не только функция, но и образ мысли, который стал моим. 💊 Как мне кажется, решая «композиционные боли» мы просто принимаем обезболивающее в виде очередного курса по композиции. Вместо того, чтобы снять настоящую проблему. А проблема в том, что цифровой дизайн это не картинка а ,прежде всего, движение и действие. Скажу даже жестче: Дизайн не существует без человека (пользователя). Он работает только в узкой зоне того, что мы можем почувствовать или представить. Поэтому дизайн это не изображение интерфейса, а представление о движении, действии и интерфейсе. Дизайн взаимодействия — это образ мысли. В России тема дизайна взаимодействия еще только в зачаточном состоянии. Тема еще даже не вполне выделилась из общей ux дисциплины. Тогда как на западе этой теме посвящены ежегодные конференции, где дизайнеры встречаются с психологами, инженерами и пром дизайнерами. Проводятся эксперименты и исследования. Если тема кажется скучной, то могу лишь пообещать, что в Основе эта тема заиграет новыми красками. И кстати, уже довольно скоро будет релиз первого курса для продуктовых дизайнеров. Готовим его на пару с Вадимом Митякиным, поэтому следите за обновлениями.

Какой интенсив нужен именно вам?

Конструкция и композиция в цифровом дизайне Тема слишком обширна для одного интенсива, поэтому мы разделили её на 3 части. Каждая включает теорию, тренировку и практику — всё, что нужно, чтобы быстро применять навыки в коммерческих проектах. 🔹 Часть 1: Interface / Interactive Face Фокус: проектирование взаимодействия (IxD). Конструкция — универсальный инструмент для микро- и макровзаимодействий. Что такое взаимодействие? - Действия пользователя: клики, скролл, жесты (управляющие действия и жесты). - Движение элементов интерфейса: анимации, переходы между состояниями. Цель интенсива: Показать, что проектирование — это не креативный перебор вариантов, а системный творческий процесс. Участники научатся работать методично и применять подход в реальных задачах. Ключевые идеи: - Графический дизайн подчиняется взаимодействию и строится «от движения». - Композиция — результат продуманного движения, а не просто визуальный образ. Детализация темы: - Микровзаимодействия: анимации, переключение режимов на странице. - Макровзаимодействия: навигация по сайту как целостной системе. 🔹 Часть 2: Mobile First Конструкция как инструмент адаптивного дизайна. Проблема: Как Десктоп сворачивается в Мобайл, или как Мобайл разворачивается в Десктоп? Почему Mobile First? 70–80% трафика приходится на мобильные устройства → проектирование начинается с них, тогда как 70% времени дизайнер тратит на дизайн десктопа. На наш взгляд, такая ассиметрия является проблемой, требующей решения. Что будет на интенсиве: - Классические и современные методы адаптивности (схемы и приемы). - Сетки для мобайла и десктопа: равномерные десктопные сетки и прогрессивные сетки для Мобайла. Противоречия и способы их совмещения. - Практика: переход от мобильного макета к десктопу на основе готовых схем. 🔹 Часть 3: Управление вниманием Конструкция = основа графической композиции. О чём пойдёт речь: - Как направлять внимание пользователя в интерфейсе. - Принципы визуальной иерархии (UI-дизайн). - Графика как отражение логики взаимодействия. Почему это важно? Тема требует углублённого изучения: без понимания конструкции невозможно создавать эффективные интерфейсы. Итог Три интенсива дадут системный подход к проектированию — от взаимодействия до визуала. Практика поможет не только закрепить навыки, но и перейти на новый уровень мышления: дизайнер здесь не просто художник, а инженер решений. А какой интенсив нужен именно вам?

ОСНОВА pinned «Конструкция и композиция в цифровом дизайне 🔥 Интенсив | 🗓️ 1 августа – 17 августа Тема конструкции в интерактивном дизайне чаще всего недооценивается. Несмотря на это, она не нова и по сути лежала в основе всего дизайна XX века, начиная с 20-х годов…»

В догонку к анонсу нового интенсива. Ждите и включите уведомления, чтобы ничего не пропустить: 1. Подробная статья о новом формате интенсивов Design EdMarket – интенсивы на которых мы учим конкретным практическим приемам, которые можно использовать в коммерческих проектах. Магазин дизайн приемов. 2. Пояснительная статья по новой теме "Конструкция и композиция", в которой мы раскроем некоторые детали данной темы и подсветим ее важность для цифрового дизайна сегодня. 3. Анонс онлайн трансляции на ютуб канале Основы. 4. Работы студентов курса "Сетки", прошедшего этой весной. 5. Анонс обновлений на ютуб канале Основы. Для тех, кто любит самостоятельное обучение, мы приготовили большой сюрприз. Такого вы точно не ожидали! Обращаю внимание на то, что появилась возможность предзаписи на интенсивы и курсы, что автоматически дает скидку в 20%

Конструкция и композиция в цифровом дизайне 🔥 Интенсив | 🗓️ 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 ⏳ Успейте записаться по выгодной цене! По вопросам покупки и предзаказа пишите в телеграм @samenameee 👈

Выпуск №22 — Сергей Гуров Привет, это Лео и новый выпуск подкаста «Надо Докрутить». Сегодня у меня в гостях Сергей Гуров — свободный дизайнер, арт-директор и программный директор «Основы». Мы поговорили о его пути в дизайне, работе в Bang Bang Education, создании мастерской, ТРИЗ-подходе, роли психологии и современном дизайн-образовании. Слушайте, смотрите, делитесь! 💿 Смотреть выпуск ❤️ 50 лайков — сделаем с Сергеем совместный конкурс!

Привет! Хотим поделиться результатами одного из заданий с курса «Сетки». Работы студентов: Катя Волкова Слава Саша Копинов Антон Иванченков Даниал Сегизбаев

Ребятки, начали эфир, присоединяйтесь https://www.youtube.com/live/D61AyIr54ns