Дизайн

Лайфхак для вайб-кодеров в 2026 году. SaaS, который не снимет ответственность за принятие решений с пользователя в 2026 году, пойдет ко дну. Что я имею ввиду? Большинство людей все больше ответственности отдают ИИ, даже не смотря на качество. Цифровое пространство разогналось сейчас с такой скоростью, что человеческая психика не способна работать на таких скоростях. И каждый вопрос к пользователю убивает конверсию в целевое действие и пользовательский опыт. Я как-то писал, что убрал из Lovarus MCP сервера. Точнее, я взял на себя их подключение, то есть забрал ответственность с пользователя. Сегодня я решил забрать еще одну ответственность - убрать режимы работы агента. Пользователь не должен думать какой ему режим выбрать, я могу сам это решить за него, основываясь на сложности его промпта. Это кажется очевидно, но я вижу сотни стартапов, которые на старте задалбывают юзеров кнопочками и формочками из доИИшной эпохи. Следующий этап - по выражению лица понимать, когда пользователь хочет нажать на кнопку «Собрать» и делать это за него 😂

ReDesign Превращает плоское изображение в редактируемый дизайн • восстанавливает текст, векторные фигуры, изображения • собирает группы и z-порядок • использует агентную декомпозицию для разбора структуры • Требует GPU с минимум 55 ГБ памяти для Qwen-Image-Layered • Использует VLM-контроллер (например, Gemini-3-flash) • Работает с несколькими GPU для ускорения обработки • Параллельная обработка через несколько воркеров Набор инструментов: PaddleOCR для текста, Qwen-Image-Layered для слоев, GroundingDINO и SAM 2 для сегментации, VTracer для векторизации. Есть встроенный верификатор качества каждого шага. Работает через API-ключ к LLM-модели Гитхаб #design #image2vector #image2layers

Заметка из 2015, но всё ещё актуальна. И вместо Мака ещё можно подставить Сафари с тем же успехом Поддержка Мака обязательна для хорошего дизайна Предположим, вы обратились к хорошему дизайнеру за помощью с вашим веб-продуктом, а ваша аудитория использует Виндоус. На этапе разработки выясняется, что на Маке у вас всё глючит и тормозит. Дизайнер жалуется и просит поправить. Но оптимизация под Мак требует дополнительных ресурсов. Вы считаете, что эффективнее тратить ресурсы на полировку того, что видят ваши пользователи, а не ваш дизайнер. У вас не будет хорошего дизайна. Большинство хороших дизайнеров сидят на Маке. Если дизайнер постоянно будет видеть говно, и вы не будете его чинить, веря, что на Виндоусе-то у вас всё хорошо, то вы даже никогда не узнаете, хорошо ли у вас на Виндоусе. Проверять качество будут ваши программисты, а не дизайнер, и дизайн получится на их уровне. Нанимать дизайнера, который даже не может посмотреть, что получается — вот где неэффективная трата ресурсов. Тут может возникнуть вопрос: не должен ли дизайнер поглядывать из-под Виндоуса сам, раз делает продукт для его пользователей? Хорошо бы, чтобы поглядывал. Но дизайнер — не тестировщик. Если он будет сидеть и внимательно прокликивать свои интерфейсы, запустив фаерфоксы и обложившись андроидами, то у него не останется времени на основную работу. Поэтому важно, чтобы дизайнер мог видеть продукт в том браузере, который у него и так открыт. При этом, когда дизайнер объясняет разработчикам, что и как починить, у разработчиков повышается разрешение и понимание того, как всё должно быть, поэтому они сами лучше реализуют во всех браузерах. Если вы позвали дизайнера и хотите дизайн, то считайте, что с этого момента важная часть вашей аудитории использует Мак.

Как Ant Colony: Wild Forest решила боль в моей игре Есть крутая игра Ant Colony: Wild Forest, которая себя отлично показывает в ГуглПлеи и готовится к релизу в Steam. Вишлистов там дофига) Игра много где сейчас светится в инди сообществах. Обратил на неё внимание, потому что жанр и управление юнитами схоже. Но у меня была боль в понятности нападения/защиты островов (управление армией). Про эту боль я знал с самого начала разработки и откладывал каждый раз. Думал привлекать крутого ГД для решения проблемы или делать брейншторм с вовлеченными плейтестерами (созвоны и обговаривать идеи). Но получилось всё намного легче. Я установил демку игры, зная что аудитория больше 1 млн игроков и значит никто не жалуется на систему управления. Прошел 3 миссии и получил от игры удовольствие (понял что и у моей игры уровень тоже достойный 😅). И как я для себя выяснил у них реализация управления армии точно такое же, как у меня. Отличие лишь только в само UI/UX. У Empires Edge - это панель слева внизу У Ant Colony: Wild Forest - это окно И у них это действительно удобно работает. И так просто решается! В итоге я решил просто сделать также. Но получилось даже интереснее для меня, потому что я обратился к совету ИИ. Тут можете посмотреть видео Показал скриншоты от обеих игр, описал свою боль и попросил сделать референс окна для моей игры. ИИ зная контекст, сделал не просто аналогичное окно, а добавил туда много разной информации, которая мне показалась очень полезной. А сама реализация окна получилось простой. Потому что уже UI в игре есть, использовался тот же стиль и оформление. Функционал тоже весь был. Где-то еще я дорисую UI вместо заглушек. Единственное что, нужно еще обучение переедать под новое окно. А туториал у меня и ввод игрока за руку - просто офигенное - все кайфуют, в том числе я - тут спасибо огромное активному тестеру, который провел около 20 сессий и постоянно предлагает улучшения) И вот такую красоту осталось дать на проверку плейтестерам и получить их фидбек. Ссылка на игру #инди | Telegram | YouTube | чат

От зефира до фаллоса: как Ридли Скотт спас «Чужого» Один из самых узнаваемых киномонстров в истории едва не вышел на экран в виде полурасплавленного зефирного человечка с кучей больших голубых глаз. Именно такой облик готовила студия Fox, и до нормального ксеноморфа не хватало сущей случайности. Сценарист целый год совал продюсерам работы швейцарского художника, а те лишь морщились от лавкрафтовской хтони и твердили, что этот чудак из Европы вообще ни к одному фильму дизайн не делал. Всё перевернулось, когда режиссёр после семи месяцев бесплодных набросков листает принесённую ему из-под пальто книгу и замирает на 65-й странице. Забавно, что человек, притащивший эту самую книгу, был уверен, что выбор падёт на что-нибудь поудачнее, и предпочёл промолчать.

Как превратить выбор продукта в творчество Недавно получил интересный опыт в магазине Sunnies. Один из самых популярных персональных предметов на Филиппинах — это термос для холодных напитков. Вокруг практически всегда +30 и очень высокая влажность, поэтому любой обычный стакан с холодным напитком сразу покрывается влагой. Поэтому всё ходят со своими мини термосами. Рынок крупный, спрос высокий, значит должен был появиться и классный продукт, который будет отличаться от всех остальных. Подозреваю, что когда-то в Sunnies провели исследование и выяснили, что одна из незакрытых потребностей покупателей термоса — сделать его уникальным. И полностью закрыли эту потребность. Представьте себе магазин, где вы как конструктор можете собрать себе уникального друга для холодных напитков. Несколько размеров и форм самого термоса, несколько вариантов крышек, разные форматы ручек… И все эти элементы представлены в десятках разных цветов! Выбор превращается в увлекательную игру, где сам покупатель подбирает себе палитру и удобный формат. Короче, процесс занял минут 20 🙂 На десерт предлагают сделать гравировку. На планшете можно ввести любой текст, «поиграть шрифтами», выбрать расположение. И потом вживую посмотреть как твой термос становится полностью уникальным под лучом лазера! А начинали они с продаж очков и оправ с простым, но стильным дизайном и по доступным ценам. Там тоже палитра у каждой модели в несколько десятков цветов — можно выбрать себе очки под любой костюм. Сейчас у компании больше 120 магазинов по всей стране и онлайн продажи в нескольких странах Юго-Восточной Азии. Крутой пример продукта под глубинную потребность аудитории. И один из лучших локальных кейсов того, как филиппинская компания смогла создать бренд, который конкурирует с международными игроками не ценой, а клиентским опытом и дизайном. #producteye #philippines

Взламывание яркости Это не про ИИ, но про цвет, яркость, HDR и цветовые профили. Это настолько интересный лайфхак, если не сказать джейлбрейк, что я переведу с иврита оба поста. "Я листал ленту, и вдруг логотип Wiz буквально засиял. Не просто выглядел ярким - он действительно излучал свет, словно за экраном включили лампочку. Вся остальная лента выглядела нормально, а они прямо горели. Сначала я подумал, что у меня сломался экран. Поэтому я скачал файл логотипа и проанализировал его. Никакого фильтра, никакого эффекта свечения, никакой анимации. Совершенно обычная плоская картинка. Но внутри файла спрятан цветовой профиль: «Rec2020 Gamut with PQ Transfer». Это HDR-профиль. Тот самый PQ, который используется в фильмах Dolby Vision и позволяет кодировать яркость вплоть до 10 000 нит. И вот в чем весь трюк. Фон логотипа закодирован примерно на уровне 60 нит - поэтому он остается темным и приглушенным. А белые буквы? Они декодируются с яркостью 4 000 нит и выше. Это примерно в 50 раз ярче обычного текста. Пока ваш экран показывает белый цвет с яркостью около 200 нит, буквы Wiz просто пылают поверх него. В результате на любом HDR-экране - то есть практически на любом современном iPhone или MacBook - логотип излучает свет сильнее, чем белый интерфейс самого LinkedIn. Глаз просто не может туда не посмотреть. На него даже немного больно смотреть - и именно поэтому его невозможно игнорировать. А самое красивое заключается в том, что на скриншоте или обычном экране логотип выглядит просто тусклым, скучным и фиолетовым. Магия существует только вживую и только на подходящем устройстве. Поэтому почти никто не замечает, что именно здесь происходит. Люди просто чувствуют, что логотип притягивает их взгляд. Это не баг. И это не «сломавшийся» HDR. Это блестящее использование особенности стандарта, который LinkedIn явно никогда не рассчитывал увидеть в логотипе компании, чтобы заполучить самый дорогой ресурс в ленте: ваше внимание. Инженеры думают о производительности. Дизайнеры думают об эстетике. А кто-то в Wiz подумал о физике света - и обошел и тех, и других. Обновление: с обычной фотографией профиля это не работает. Эффект работает только с изображениями страниц и компаний - LinkedIn не подвергает изображения бизнес-страниц дополнительной обработке. Продолжение: Половина из вас увидела совершенно другую картину. На iPhone и MacBook логотип сиял. А пользователи Windows и мониторов Dell писали мне: «Выглядит грязно». «Похоже на сбой». «Размазанный текст посередине». «Низкое разрешение». И это был один и тот же файл. Получился обратный эффект. И вот о какой стороне этой истории никто не говорит: этот «гениальный» трюк делает ставку на экран человека, который смотрит на изображение. Половина ленты получает сияние. Вторая половина получает баг. Один из комментаторов описал это идеально: все это напоминает времена, когда мы использовали лазейки в старых браузерных движках рендеринга, чтобы выжать из них дополнительную производительность. Когда ваша аудитория сидит за рабочими Windows-мониторами, вы можете транслировать слово «поломка» именно тем людям, которых больше всего хотели впечатлить. Лично я считаю этот эффект совершенно невыносимым. К тому же он ломает контраст всей ленты. Так что вот код и инструкции для установки. Одна команда - и ваш логотип горит. Правда, только на правильной половине экранов." https://gal.tidhar.org.il/blog/hdr-glow-logo/ Сорс @cgevent