Молоко++

Третий текст серии — про пространство, которое как мне кажется до сих пор является одним из самых недооценённых инструментов дизайнера, и напрасно, поскольку именно работа с пространством сегодня — то, чем дизайнер конкурирует с нейронкой. Ведь у ИИ нет глаз: он считает объекты и их функции. В пустоте он видит отсутствие данных, тогда как дизайнер видит пространство возможностей. Внутри: японские гравюры, приехавшие в Европу упаковочной бумагой; неслучившийся спор Рудера с Фаворским о листе как плоскости и листе как пространстве; демон Максвелла и чем он похож на дизайнера; градиент значимости на пятиколонной сетке Kurppa Hosk; лес без направлений; бенто-стена, в которую нельзя войти; и «оставленная белизна» мастеров Ма Юаня и Ся Гуя. Такой вот дизайн на ужин сегодня. Серия продолжается. Предыдущие тексты: про сетки и про вайб-кодинг

15 августа в субботу с 12 до 15 по мск пройдет очередная открытая онлайн-встреча в Клубе проджект-раннеров На прошлой встрече мы разобрались с форматами упаковки экспертизы, теперь нужно обсудить подходы к ее продаже. Если клиент прислал ТЗ, то продавать экспертизу уже поздно. Значит нужно оказаться на связи с клиентом до того, как будет сформулирована точная постановка задачи. — Как это сделать? — в каком формате представить свои услуги? — как вести переговоры? — можно ли продать экспертизу тем же клиентам, которым до этого продавали часы специалистов? — нужно ли менять позиционирование? Как минимум эти вопросы хочется обсудить вместе с вами в этот раз. Приглашаю на встречу как активных участников клуба, так и тех, кого эта тема заинтересовала только сейчас. Поставьте 🎃, если планируете подключиться в эту субботу. Ссылка на встречу: https://us06web.zoom.us/j/87329288290?pwd=GzKm5EuODZ2EN7zABbnRXcblPqsXPu.1 p.s. Перешлите своим коллегам и знакомым, которым это может быть интересно. p.p.s. Запись предыдущей встречи доступна в чате Клуба, чтобы туда попать, напишите мне напрямую @vadim_mityakin

Микроайдентика Hronika: ᴠɪɴᴛᴀɢᴇ ᴄᴏʟʟᴇᴄᴛɪᴏɴ внутри основной системы бренда. Для винтажной коллекции мы сделали отдельную рукописную версию — с тонкими каллиграфическими штрихами и пластикой, отсылающей к европейской гравированной типографике XVIII века. При этом сохранили двоеточие как связующий элемент с основной айдентикой и сделали сокращённую версию H: В основе типографики — Baskerville, ещё одна прямая связь с XVIII веком. Он задаёт нужное ощущение времени, но без буквальной стилизации под ретро. Крупные заголовки, курсив, разреженный набор и композиции с отсылкой к типографике прошлых эпох. Соавторы: Анна Чувачко — основатель проекта Даниил Жердев — предметный фотограф Кадры из Instagram проекта. #patriciaworks

Сайт Acid Crunch попал на Awwwards. У кого есть возможность проголосовать — очень поможете: https://www.awwwards.com/sites/acid-crunch

Gurov.Art /Персональная страница. Процесс....

Мой процесс сложился сам собой — из удобства, сравнить не с чем. Я не отдаю макет на вайб-кодинг. Сначала собираю в браузере тестовый стенд и проектирую на нём механику сайта — из формальных элементов: прямоугольники, рыбный текст. Типографика и цвет не важны — важно, как макет работает: архитектура, конструкция, механизм и его элементы: связи, размер, скорость, манера движения, ритм, темп. Готовый макет из Figma ложится на стенд потом — вопросов у нейронки не появляется. Чаще вайб-кодинг устроен иначе: дизайнер сразу кормит нейронку макетом. Это не самый эффективный способ, объясню. Макет — большой массив данных, но как всё это должно работать, нейронка узнаёт уже после: дизайнер отчитывается ей за поведение элементов, как разработчику. В понимании — дыры: где нейронка не понимает макет, там галлюцинирует. Отсюда ошибки и удлинение вайб-кодинга на порядок — потом их вылавливать. Если же идти от стенда — от механизма, архитектуры, конструкции — и только потом отдавать макет, процесс ускоряется.

Выложил новый стенд. Главное, что хочу сказать про него: движение само по себе алгоритмично. И это не потрогаешь на макете, когда работаешь исключительно с Figma. О своем подходе к вайб кодингу я расскажу в следующем сообщении👉 Этот макет я собрал за четыре часа. Три с половиной из них ушли на адаптивность и анимацию. Полчаса — просто на то, чтобы перенести макет в браузер. Хотя, вру: никакого макета здесь не было. Дизайн полностью построен в диалоговом окне Claude Code. https://mdl-gr2.vercel.app

Ещё про личные панели в проектах — и как их собирать. Вот какие у меня, например, уже были: • Сетка — чтобы быстро сверять отступы и колонки поверх живого сайта. • Панель состояний — чтобы не проходить весь флоу вручную, а сразу переключаться между состояниями сайта и отдельных элементов. • Панель анимаций — easing, длительности, scale, replay. Крутишь параметры и сразу видишь, как это ощущается. Как делать: сначала понять, что хочешь настраивать. Потом попросить собрать под это UI — из элементов сайта, из shadcn/ui и других библиотек или нарисовать самому в Figma. Можно приложить скрины или сайты с референсами. С первого раза нейронка редко выдаёт идеальный результат. Это всегда итерации. Главное — чётко понимать, какой результат вы хотите получить.

О старых идеях и их новых воплощениях У меня есть старая привычка: я почти каждый день в свободное время придумываю разного рода концепты. Мемные приложения, мобильные игры, отдельные фичи, странные сервисы. Большинство идей оседало в заметках. Самые везучие добирались до Figma, превращались в красивые макеты и отправлялись на цифровое кладбище за неимением знакомого разраба который бы доделал проект до конца. И так продолжается много лет. На прошлой неделе я решил, что хватит коллекционировать интерфейсы. Если идея когда-то показалась мне прикольной, пусть теперь попробует пожить в коде ведь у нас новая эра вайб кодинга, почему бы и нет. С кнопками, Ai начинкой, анимациями и людьми, которые могут всё это потыкать. Первым из архива достал Path. Path представляет собой красиво упакованную AI-аппку про таро. Внутри собраны знания о картах, раскладах и их значениях, а ИИ связывает всё это в цельную интерпретацию. Честно говоря, к этой части я относился скептически. Думал, что прокачанная цыганка будет в разы интереснее, а приложение будет выдавать что-то на уровне печенья с предсказанием. Но проверив на друзьях был приятно удивлён. То ли ИИ научился читать судьбу, то ли мы просто очень любим находить себя в хороших историях. Но экспириенс сработал) Самое смешное, что Path вообще родился не из идеи про таро. Его прародителем была другая идея сделать цифровую исповедальню, про неё расскажу чуть позже, подобрав слова что бы никого не обидеть. Пока собирал Path, понял ещё одну вещь. Раньше хороший дизайнерский концепт мог закончиться несколькими экранами на Behance. Сегодня этого уже мало. Статичный кейс теперь больше походит на исторический рудимент не отвечающий требованиям профессиональной индустрии. Да и рабочее приложение показывает не только то, как ты двигаешь пиксели, но и то, как ты думаешь, что по своей сути так же добавляет преимуществ в твою корзинку мастерства. При этом, если у тебя есть вкус и всё ок с насмотренностью, такой проект сейчас реально собрать за 1-3 дня. Без кодерского бэкграунда и без команды разработки. А выглядеть он может не хуже проектов, которые мы обычно сохраняем с Awwwards. Для Path я взял свои макеты из 2023 года, полностью сгенерировал колоду в Midjourney, доработал её в Banana 2 и подсмотрел несколько анимационных приёмов у проектов с Awwwards. О сложностях, которые встретились по пути, и способах их обойти писал в предыдущем посте. Если пропустил, думаю, будет полезно. А сам Path уже можно поюзать тут). Скоро покажу ещё одну идею которая попробует сделать искусство чуть ближе к тем, кто никогда его не понимал и наоборот. Чуть позже залью отдельный пост с визуалом проекта и расскажу, как поставить приложение себе на телефон. Ставь слона и подписывайся) 😂 Твой Crunch

Признаюсь, что я очень люблю фотогалереи. Почему? Потому что это предельная форма дизайна, где содержание имеет меньший интерес, чем сама форма. В идеальной галерее вообще не должно быть текста. Всё может быть понятно из самого её построения и из движения внутри неё. Другое дело, что наше представление о фотогалереях довольно узкое. Оно держится на функциональных ограничениях, которые мы сами приписали этому формату взаимодействия. Мы почему-то исходим из того, что фотография должна быть видима, что её нужно разглядывать. Мы почему-то исходим из того, что перемещение между картинками обязательно должно иметь порядок. Иначе каким образом пользователь вернётся на предыдущее место? Но если оторваться от этих во многом надуманных ограничений, окажется, что фотогалерея для цифрового дизайнера - примерно то же самое, что плакат для графического. Идеальный тренажёр, идеальное поле для творчества. Идеальный жанр, в котором можно тренировать мышление и дизайн. Поэтому я в какой-то степени рассматриваю фотогалерею как плакат, который развивается и движется во времени. И это движение зависит от самого пользователя. Галерея не просто проигрывается, она работает как иммерсивный спектакль, где интерфейс театрального содержания работает через пользователя. Мы привыкли считать, что фотогалерея показывает картинки и изображения. Но что, если отнестись к этому жанру как к способу показать само движение, изучить его природу? Как к способу показать саму жизнь. Не содержание, а саму форму. Так, словно форма и является самим содержанием. В последней галерее, которую я использую для своей персональной страницы, - скринкасты, которые я приводил выше, - я рассматривал её как способ показать течение моей жизни. Я не разделяю работу и личную жизнь. Личное переходит в работу. Работа переходит в личное. И то, что снаружи кажется набором рабочих артефактов, для меня остаётся единой лентой из впечатлений, событий, воспоминаний и действий. Именно это я и хотел показать. Не сами артефакты. А само течение жизни, в котором есть периоды отдыха, периоды работы, периоды потерянности и периоды находок. Изнутри этот процесс кажется мне достаточно непоследовательным, гличевым, как киноплёнка, монтаж которой ещё не завершён. И конкретно в этой работе мне стало интересно показать сам этот процесс. Передать не артефакты, а ощущение от процесса, в котором я живу и занимаюсь творчеством.

Я часто слышу фразы, мол, «вайб-кодинг убил дизайн», «клод-дизайн убил дизайн» и тому подобное. Все эти пассажи так или иначе строятся на грубой склейке двух моментов: цены и ценности. Цену назначает рынок — тот самый баланс спроса и предложения, и мы уже видели, что он сломан: приемлемый результат нейронка делает бесплатно. Но ценность задаёт автор: и с этой точки зрения вкус, концептуальность, оригинальное представление — всё то, что сегодня задаёт ценность нашей работе, — является объектом совершенствования. Поэтому ИИ не убийца — он работает по принципу «падающего подтолкни», выталкивая дизайнера с мелководья в огромное море, где «поймать вайб» — это как поймать набегающую на пляж волну возможностей. https://telegra.ph/Vajb-koding--Lovi-volnu-07-24

Практически это ещё и экономит токены: вместо десяти промптов «сделай чуть быстрее / чуть мягче / с другим delay» — один раз собираешь систему, а дальше крутишь сам.

Недавно видел мысль: при работе с AI для креатива продуктивнее просить не точное описание финального результата, а генеративную систему, которая умеет выдавать варианты близко к цели. Но для этого нужно глубже понимать саму цель. Для меня это часто выглядит так: в проекте я делаю себе дев-панель или панель калибровки — для анимаций, объектов, камеры. Не ради «продуктовой фичи», а чтобы руками крутить параметры: easing, тайминги, скорость, углы — и сразу видеть, что получается. По сути это тот же ход: не ждать идеальный ответ с первого раза, а собрать себе инструмент, через который можно искать.