Media is too big
VIEW IN TELEGRAM
Интенсив по алгоритмическим сеткам, который я запустил не то в 22м не то в 23м году дал мне новое представление о веб сетках – я начал их видеть не как дизайнер а как разработчик.
Доходило до смешного. – Когда я показывал эти макеты (например этот алгоритмический модульный лонгрид) дизайнерам – они твердили, что это будет невозможно сверстать. И напротив, когда я показывал это разработчика – они говорили о легкости и остроумности решения.
Меня все это забавляло.
Эта моделька была собрана за 15 минут по некоторой последовательности простейших промптов. Правда строил модель специальный агент, который работает по контексту Метода композиционного проектирования, натасканный на дизайн взаимодействия. Но это не что то такое чего нельзя повторить самому, при условии, что понимаешь что делаешь и можешь методично и последовательно рассказать об этом в определенной дизайнерской терминологии, которая кстати и складывалась на всех этих курсах и интенсивах.
работа: 15–20 минут
Доходило до смешного. – Когда я показывал эти макеты (например этот алгоритмический модульный лонгрид) дизайнерам – они твердили, что это будет невозможно сверстать. И напротив, когда я показывал это разработчика – они говорили о легкости и остроумности решения.
Меня все это забавляло.
Эта моделька была собрана за 15 минут по некоторой последовательности простейших промптов. Правда строил модель специальный агент, который работает по контексту Метода композиционного проектирования, натасканный на дизайн взаимодействия. Но это не что то такое чего нельзя повторить самому, при условии, что понимаешь что делаешь и можешь методично и последовательно рассказать об этом в определенной дизайнерской терминологии, которая кстати и складывалась на всех этих курсах и интенсивах.
работа: 15–20 минут
🕊17
Искусственный интеллект представляет собой парадоксальный инструмент. С одной стороны, это техническое средство, используемое в деятельности человека. С другой стороны, это система, обладающая интеллектом, характером и, возможно, сознанием, что требует к ней особого подхода — коммуникации.
Люди, рассматривающие искусственный интеллект исключительно как инструмент, живут в прошлом. Те, кто ожидает от него полной автоматизации собственного труда, не имеют будущего.
Традиционные инструменты меняли скорость выполнения задач, тогда как искусственный интеллект трансформирует саму суть деятельности и критерии её оплаты.
Сфера искусственного интеллекта является эпицентром критических изменений. И сохранение статус-кво — иллюзия.
Выход имеет смысл не в центре а через периферию:
Наверх:
1. Смысловое наполнение и концептуальность. Вместо простого решения задач акцент смещается на постановку проблем, применение творческих методов и интерпретацию. Техническая сторона метода подвержена автоматизации, тогда как метод как система восприятия (оптика) не может быть скопирован, ибо формируется в человеке через опыт.
2. Эстетическое суждение как способность выявлять ценность и создавать дополнительную стоимость посредством личного опыта.
Вниз:
1. Личное имя и ответственность. Искусственный интеллект не может нести ответственность за результаты, а доверие не может быть заменено более совершенной моделью. Следовательно, репутация и личная подпись становятся ключевыми факторами принятия решений.
2. Владение активами. Это стратегическая позиция, а не операционная деятельность, которую нельзя автоматизировать. Например: получение доли вместо гонорара, создание платформы вместо оказания услуги, владение активом вместо реализации проекта. Цель заключается в том, чтобы после завершения работы сохранялся ресурс, продолжающий генерировать стоимость.
3. Общность. По мере роста доступности ценность смещается на то, что невозможно сделать общедоступным. Ценность общности обусловлена её закрытостью. Она формирует две ключевые вещи, недоступные для синтеза искусственным интеллектом: признание и принадлежность.
Что остается?
Средний сегмент, связанный с исполнением. Всё, что зависит от скорости, качества исполнения и справочных знаний, теряет актуальность. Приемлемое качество обесценивается, и временной ресурс специалистов среднего уровня сокращается, поскольку именно эта категория подвергается автоматизации в первую очередь.
И с этим надо как то смириться.
Люди, рассматривающие искусственный интеллект исключительно как инструмент, живут в прошлом. Те, кто ожидает от него полной автоматизации собственного труда, не имеют будущего.
Традиционные инструменты меняли скорость выполнения задач, тогда как искусственный интеллект трансформирует саму суть деятельности и критерии её оплаты.
Сфера искусственного интеллекта является эпицентром критических изменений. И сохранение статус-кво — иллюзия.
Выход имеет смысл не в центре а через периферию:
Наверх:
1. Смысловое наполнение и концептуальность. Вместо простого решения задач акцент смещается на постановку проблем, применение творческих методов и интерпретацию. Техническая сторона метода подвержена автоматизации, тогда как метод как система восприятия (оптика) не может быть скопирован, ибо формируется в человеке через опыт.
2. Эстетическое суждение как способность выявлять ценность и создавать дополнительную стоимость посредством личного опыта.
Вниз:
1. Личное имя и ответственность. Искусственный интеллект не может нести ответственность за результаты, а доверие не может быть заменено более совершенной моделью. Следовательно, репутация и личная подпись становятся ключевыми факторами принятия решений.
2. Владение активами. Это стратегическая позиция, а не операционная деятельность, которую нельзя автоматизировать. Например: получение доли вместо гонорара, создание платформы вместо оказания услуги, владение активом вместо реализации проекта. Цель заключается в том, чтобы после завершения работы сохранялся ресурс, продолжающий генерировать стоимость.
3. Общность. По мере роста доступности ценность смещается на то, что невозможно сделать общедоступным. Ценность общности обусловлена её закрытостью. Она формирует две ключевые вещи, недоступные для синтеза искусственным интеллектом: признание и принадлежность.
Что остается?
Средний сегмент, связанный с исполнением. Всё, что зависит от скорости, качества исполнения и справочных знаний, теряет актуальность. Приемлемое качество обесценивается, и временной ресурс специалистов среднего уровня сокращается, поскольку именно эта категория подвергается автоматизации в первую очередь.
И с этим надо как то смириться.
🕊15
Ушел с головой в процесс пересборки материала по сеткам, который готовлю для ИТМО (кстати, да!). Поскольку времена настали такие, что макет в Figma теперь без верстки за макет не считается, я решил подготовить все те примеры, которые я показывал на курсах и интенсивах последние пять лет.
В ближайшее время опубликую большую статью по алгоритмическим сеткам. Попробую в новом формате статей показать и рассказать, в чем собственно разница между классическими метрическими сетками, которые мы знаем, и алгоритмическими, про которые я рассказываю уже много лет, а их все нет и нет.
Тема сеток и вайб-кодинга — это темы ближайших образовательных активностей Основы. И это не две разные темы — это ОДНА тема. Поскольку преподавать вайб-кодинг без дизайн-мышления это даже хуже, чем дизайн-мышление без возможности сверстать, потрогать и отредактировать. Благо времена, когда дизайн жил только в Figma, — прошли.
И уже в новом наборе моих менторских групп в сентябре (который, кстати, набирается уже сейчас) будет совершенно новый подход к этой теме. Одно непонятно: зачем теперь Behance и Dribbble, если картинки обесценились? Есть еще смысл в этих площадках?
В ближайшее время опубликую большую статью по алгоритмическим сеткам. Попробую в новом формате статей показать и рассказать, в чем собственно разница между классическими метрическими сетками, которые мы знаем, и алгоритмическими, про которые я рассказываю уже много лет, а их все нет и нет.
Тема сеток и вайб-кодинга — это темы ближайших образовательных активностей Основы. И это не две разные темы — это ОДНА тема. Поскольку преподавать вайб-кодинг без дизайн-мышления это даже хуже, чем дизайн-мышление без возможности сверстать, потрогать и отредактировать. Благо времена, когда дизайн жил только в Figma, — прошли.
И уже в новом наборе моих менторских групп в сентябре (который, кстати, набирается уже сейчас) будет совершенно новый подход к этой теме. Одно непонятно: зачем теперь Behance и Dribbble, если картинки обесценились? Есть еще смысл в этих площадках?
🕊16
Как же Figma кинулась в обновления, когда нейронки начали творить дизайн, а вайб кодинг стал ежедневной процедурой. Каждую неделю какое то новое обновление, новые плагины, новые хитрости – уже даже следить не успеваю, и это всё сильнее и сильнее напоминает Photoshop, в период появления той самой Figma)
🕊21
Наконец дошли руки до статьи по сеткам.
https://telegra.ph/Setka--ot-chertezha-k-zakonu-07-20
Швейцарцы называли сетку волей к порядку и поддерживали этот порядок руками: каждый макет собирался и утверждался человеком. Сегодня все иначе: контент приходит после того, как дизайнер закончил работу, а ширина экрана у каждого пользователя своя. Порядку пришлось переучиваться — дизайнер не расставляет блоки, а пишет им закон поведения, и одна строка кода принимает решение, которое Герстнер принимал вручную каждый выпуск.
В тексте весь путь: Брокманн → Герстнер → Вайнгарт → браузер. Принципы алгоритмичности и карта двенадцати законов, по которым страница собирает себя сама, и живая модель, которую можно изучить.
Это начало серии: следующий текст — про то, как такая сетка собирается словами, вайб-кодингом.
https://telegra.ph/Setka--ot-chertezha-k-zakonu-07-20
Швейцарцы называли сетку волей к порядку и поддерживали этот порядок руками: каждый макет собирался и утверждался человеком. Сегодня все иначе: контент приходит после того, как дизайнер закончил работу, а ширина экрана у каждого пользователя своя. Порядку пришлось переучиваться — дизайнер не расставляет блоки, а пишет им закон поведения, и одна строка кода принимает решение, которое Герстнер принимал вручную каждый выпуск.
В тексте весь путь: Брокманн → Герстнер → Вайнгарт → браузер. Принципы алгоритмичности и карта двенадцати законов, по которым страница собирает себя сама, и живая модель, которую можно изучить.
Это начало серии: следующий текст — про то, как такая сетка собирается словами, вайб-кодингом.
🕊32
MAPA GRID — учебный стенд.
Модульный лонгрид об алгоритмической сетке, сделан для курса „Вёрстка“ в ИТМО.
Дизайн и концепция — Сергей Гуров.
Разработка — вайб-кодинг с Claude.
Шрифты — JetBrains Mono и Apple II Screen Typeface. Все бесплатные. Хотя с ABC-шными было лучше😕
Фотографии — с symmetrysymptom.tumblr. com.
Стенд был выполнен в качестве примера к статье выше. Что интересного?
1. Ни у одного модуля здесь нет собственных координат — каждая позиция выводится из закона.
2. Колонки стали силовыми линиями,
3. Ну и всякие приколюхи вроде струнной организации скролла и галереи в режиме просмотра. Щелчки тут выполняют ту же демонстрационную функцию, плюс крест-одометр и мерцающий титул.
Короче, с удовольствием играл с Клодом последние несколько дней.
Подробнее о макете и истории его появлении написал тут
Впрочем, самое главное для чего все это задумано — демонстрация алгоритмического принципа построения макета. Тема к которой захотелось вернуться на витке вайб-кодинга. Никаких больше картинок и макетов в фигме! Только реальное взаимодействие на модельном стенде.
Жду в менторских группах!
Живая версия👀
Модульный лонгрид об алгоритмической сетке, сделан для курса „Вёрстка“ в ИТМО.
Дизайн и концепция — Сергей Гуров.
Разработка — вайб-кодинг с Claude.
Шрифты — JetBrains Mono и Apple II Screen Typeface. Все бесплатные. Хотя с ABC-шными было лучше😕
Фотографии — с symmetrysymptom.tumblr. com.
Стенд был выполнен в качестве примера к статье выше. Что интересного?
1. Ни у одного модуля здесь нет собственных координат — каждая позиция выводится из закона.
2. Колонки стали силовыми линиями,
3. Ну и всякие приколюхи вроде струнной организации скролла и галереи в режиме просмотра. Щелчки тут выполняют ту же демонстрационную функцию, плюс крест-одометр и мерцающий титул.
Короче, с удовольствием играл с Клодом последние несколько дней.
Подробнее о макете и истории его появлении написал тут
Впрочем, самое главное для чего все это задумано — демонстрация алгоритмического принципа построения макета. Тема к которой захотелось вернуться на витке вайб-кодинга. Никаких больше картинок и макетов в фигме! Только реальное взаимодействие на модельном стенде.
Жду в менторских группах!
Живая версия👀
🕊24
Я часто слышу фразы, мол, «вайб-кодинг убил дизайн», «клод-дизайн убил дизайн» и тому подобное. Все эти пассажи так или иначе строятся на грубой склейке двух моментов: цены и ценности. Цену назначает рынок — тот самый баланс спроса и предложения, и мы уже видели, что он сломан: приемлемый результат нейронка делает бесплатно. Но ценность задаёт автор: и с этой точки зрения вкус, концептуальность, оригинальное представление — всё то, что сегодня задаёт ценность нашей работе, — является объектом совершенствования. Поэтому ИИ не убийца — он работает по принципу «падающего подтолкни», выталкивая дизайнера с мелководья в огромное море, где «поймать вайб» — это как поймать набегающую на пляж волну возможностей.
https://telegra.ph/Vajb-koding--Lovi-volnu-07-24
https://telegra.ph/Vajb-koding--Lovi-volnu-07-24
Telegraph
Вайб-кодинг — Лови волну!
2 февраля 2025 года Андрей Карпати — сооснователь OpenAI и бывший глава ИИ в Тесле — написал твит о том, что появился новый вид кодинга, «где ты полностью отдаёшься вайбам, принимаешь экспоненты и забываешь, что код вообще существует». Режим работы он описал…
🕊15
После конференции представилось что мы все разделимся на бананов, клодовщиков и сидельцев. По типу ии
🕊1