От зефира до фаллоса: как Ридли Скотт спас «Чужого» Один из самых узнаваемых киномонстров в истории едва не вышел на экран в виде полурасплавленного зефирного человечка с кучей больших голубых глаз. Именно такой облик готовила студия 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

Веду репортаж из штаба экспериментального строительства при министерстве. Я на днях получил ключи, пришлось два дня пылесосить, чтобы можно было дальше думать вообще, ведь я полон всяких задумок и опытов для этого помещения. Если вы рукастый строитель или что-то крутое умеете для ремонта или производите что-то интересное или необычное, или у вас классные цены на дубовые ёлочки, увесистые немецкие краны, штофные обои или вам есть что предложить или рассказать по теме – пишите, рассказывайте, знакомьтесь. Не тороплюсь, будем спокойно делать что-то красивое и интересное. P.S. В кадр случайно попал мой инновационный способ разметки будущего положения стен джутовыми верёвками – прошу, пока оформляется патент, широко не распространять. Министерство Эргономики

AI Design How-to Со студентами доводим до продакшена несколько сервисов и везде стоит вопрос дизайна. Все эти нейрослоповые веб-сервисы с зелено-фиолетовыми цветами и квадратиками всплывающими уже набили оскомину. Поэтому советую им такой вариант по росту сложности, но и потенциальному эффекту. 1. Поставить дизайн-скилл. Есть несколько хороших, мне нравятся https://github.com/Leonxlnx/taste-skill https://github.com/Nutlope/hallmark https://github.com/nextlevelbuilder/ui-ux-pro-max-skill Можно ставить все 3, можно выбрать лучший для ваших задач (не только сайты, но и документы и презентации, например) 2. Использовать Stitch от гугла для дизайна https://stitch.withgoogle.com/ Очень гибкая система с огромными лимитами на постройку/переделку сайтов/приложений 3. Просить сгенерировать дизайн ChatGPT Это один из лучших генераторов картинок на текущий момент и плюс - можно сгенерировать например сотню разных вариантов и потом выбрать лучшие идеи. Лимитов практически нет. Потом просто закинуть в ИИ-ку и попросить сделать вот так 4. Claude Design Вариант скорее для продакшн и больших студий с готовым брендбуком. Старается максимально следовать вашим гайдам и делать хорошо не только сайты, но и презентации Но для маленьких сервисов и презентаций "на выкинуть" скорее оверил, жрущий лимиты. Ну и в целом советую поглядывать или закидывать свои задачи на DesignArena и выбирать модель, что работает с вашими типа графики/визуализации лучше. Вот что на текущий момент получается: Веб-девелопмент (фронтенд) - GPT Sol Веб-девелопмент (фулстек) - Fable, Opus Гейм-девелопмент - Fable Android dev - Opus React Native - Opus SVG - Fable и спец-модель Arrow ASCII-ART - Fable Слайды - Fable и Manus Картинки/графика всех видов - GPT Image и Reve 2.1 Видео - Gemini Omni Flash Аудио - Gemini Сервисы для создания приложений с нуля - Replit (неожиданно), Emergent, Anything и только потом Lovable и прочие, в том числе где-то в серединке Figma Make и Canva https://www.designarena.ai/leaderboard

Наткнулся в LinkedIn на пост чувака, который предлагает "a little more breathing room" дизайну главного экрана Революта. Объясню в чем проблема таких Dribble концептов. Этот экран генерирует миллиарды долларов выручки. Со стороны, не зная метрик этого экрана и остальных, на которые он разводит дальше, ты никогда не сможешь понять где есть проблемы и точки роста. Ты просто галлюцинируешь. Дизайн как "я нарисовал красивое" умер еще лет 5-10 назад. Сейчас это такая же инженерная профессия, как и большинство других в продуктовой разработке. Ты должен глубоко понимать метрики продукта, клиентские сегменты, конкуренцию по рынкам. В противном случае ты будешь рисовать картинки, которые никому уже не нужны.

Отношения между сценарием и навигацией в интерфейсе При проектировании интерфейса важно проанализировать сценарии, то есть хорошо представить, как именно, в какой ситуации, с какими знаниями, целями и ожиданиями человек будет пользоваться интерфейсом. Многие забывают про это подумать, и у них получается ерунда. Но иногда ерунда получается, даже если про это подумать, а затем просто положить сценарии в основу навигации. Что будет, если просто положить сценарии в основу навигации? Когда сценариев очень мало, может получиться неплохой интерфейс. Если есть всего три-пять действий, за которыми человек приходит в интерфейс, и мы просто делаем для них кнопки, то всё будет понятно и удобно. Это то, что я предлагал для ПВЗ «Яндекс-маркета»: https://ilyabirman.ru/meanwhile/all/interfeys-pvz-yandeks-marketa/ Но такие интерфейсы встречаются редко. Даже в небольшом продукте есть множество связей между функциями, и число сценариев огромно. Если в таком случае начать строить навигационную модель вокруг сценариев, в интерфейсе станет невозможно разобраться. В заметке об архиве вакансий я как раз указываю на эту проблему: https://ilyabirman.ru/meanwhile/all/arhiv-vakansiy-ne-mozhet-byt-podrazdelom-sozdaniya-vakansii/ Когда я говорю про огромное число сценариев, необязательно представлять что-то необъятное вроде Фотошопа. Даже календарь — это уже целый мир разных сценариев. Ну вот, например: Иван понял, что не успевает на регулярную встречу, и хочет предупредить других участников о переносе. Кому-то из них удобнее написать, кому-то позвонить. В ходе одного из звонков Пётр говорит, что давайте тогда уж вообще перенесём эту встречу на час позже, потому что ему самому трудно на неё успевать всё время. Иван смутно помнит, что где-то через пару недель у него запись к зубному, и хочет убедиться, что перенос не конфликтует с ней, идёт проверяет. Выясняется, что конфликтует, но договариваются всё же перенести на час позже, а там, через две недели, просто сделать исключение. Ну и что, как построить навигационную модель вокруг этого сценария? Да никак. Во-первых, если вы хорошо провели анализ, то даже тех сценариев, которые вы рассмотрели и выделили как ключевые, будет довольно много. То есть даже если для каждого из них есть прям готовая кнопка или раздел в интерфейсе, найти их будет не так просто. Во-вторых, остальные сценарии, которых несравнимо больше, вообще непонятно, где надо будет искать. Развивать такой продукт и поддерживать растущее число сценариев — боль. Хороший интерфейс не ведёт по сценариям, он лишь создаёт для них возможности. Он даёт пользователю свободу, чувство контроля, ту самую «агентность», а не просто направляет его по одной из нескольких заранее проложенных дорожек. Разумеется, в календаре нет готовой кнопки или даже «мастера» для того, что описано в сценарии выше. Календарь просто так устроен, чтобы пройти по этому сценарию не составляет труда. Это похоже на вопрос о том, зачем нужны карты и схемы, когда в телефоне и так есть навигатор. Навигатор очень полезен, но с ним ты не чувствуешь себя хозяином положения, не можешь отклониться от пути. Карта же даёт общее понимание того, как устроен мир, и ты уже можешь сам принимать решения. На карте нет специальной секции для сценария «по пути с ребёнком из школы заехать погулять в парк», но она делает этот сценарий возможным без проблем. В навигаторе можно предусмотреть функцию «заехать по пути», но её ещё нужно будет найти, а также десятки других сценариев останутся непокрытыми. Поэтому в основу навигации в интерфейсе нужно закладывать некую модель того, как мы хотим, чтобы человек представлял себе устройство нашего продукта: какие у нас есть сущности, как они связаны, организованы, что они умеют. Эта модель должна помогать нам реализовывать все важные сценарии, а пользователю — находить способы их реализации. И эта модель должна выдерживать развитие продукта.

В начале 90-х, когда СССР распадался на части, в советском квартирном дизайне появился один революционный элемент - арочный дверной проём. Для тех, кто тогда делал ремонт, он был символом протеста против унылого советского быта и олицетворением красивой заграничной жизни. Этот элемент даже получил народное название - «Санта-Барбара», по аналогии с невероятно популярным американским сериалом. Строители тогда прямо спрашивали заказчиков - Сантабарбару будем делать? Действие сериала происходило в небольшом калифорнийском городе, где жили миллионеры (такой город действительно существует, и его жители действительно далеко не бедные) А в домах героев сериала арочные проёмы были буквально повсюду. Более того, они были даже в заставке сериала. Я вспомнил про ту самую советскую «Санта-Барбару», потому что недавно в отпуске мы снимали большую квартиру в Италии с необычными арочными проёмами и сводчатыми потолками (фото в шапке ⤴️ ) Такие дома строили в Средиземноморье ещё 300–400 лет назад (и затем дизайн с арками поехал с испанскими колонизаторами в Южную Америку, Мексику, с оттуда и в Калифорнию в дома миллионеров) Такая сложная форма потолков и проёмов появилась вовсе не ради красоты. Причина была чисто практической. Железобетон тогда ещё не изобрели, а древесины в Европе было мало, к тому же её старались не использовать из-за опасности пожаров. Поэтому перекрытия и дверные проёмы выкладывали из кирпича в виде арок и сводов. Такая конструкция отлично распределяет нагрузку, получается очень прочной и способна выдерживать даже небольшие землетрясения. Многие из этих домов прекрасно сохранились до наших дней. Владельцы делают внутри современный ремонт и сдают квартиры туристам. Пожить в такой квартире, это очень необычный эстетический опыт. Если интересно, как такие арки выглядят без штукатурки, загляните в первый комментарий (мы, конечно, стены не вскрывали, а вот в ресторанчике под нами хозяева сняли старую штукатурку) ⤵️ Незаметный бизнес

Промпт-инжиниринг: как написать запрос для генерации изображения Запрос «логотип для компании» не оставляет нейросети ни одной зацепки. Непонятно, чем занимается бренд, какая аудитория, какое настроение должен транслировать знак. ChatGPT Image 2 в таком случае выдал дефолтную гамму, сочетание синего и оранжевого, потому что строить решение попросту не на чем. Чем меньше деталей в промпте, тем больше решений отдаётся на волю случая. Тот же эффект и с портретом без указания света, и с домом без стиля и материалов, где Midjourney рисует случайный дом у дороги. Этот гайд собирает шаблоны и ключевые слова под каждое направление, от фотореализма и аниме до пиксель-арта и сюрреализма, и показывает, какие именно слова превращают усреднённую пустышку в то, что ты задумал.

🦄 Платформа для гайдов, о которой я давно мечтал Видение того, как должен выглядеть сайт с гайдами / курсами у меня сложилось довольно давно, и все эти годы продолжало эволюционировать. Но вот в чём проблема — видение то было, но возможности реализовать его не было, потому что: - Из меня ужасный дизайнер — я могу объяснить чего и как хочу, и сказать "красиво" или "не красиво, но сделать красиво самостоятельно не получается - Я далёк от фронтэнда — что-то знаю, но опыта мало. На полноценный проект уйдёт много времени, а результат будет плохой - Свободного времени было так мало, что лучше потратить его на что-то более приземлённое Нанять настоящего верстальщика и дизайнера я бы не потянул, т.к. все мои проекты строятся на чистом энтузиазме, и почти не монетизируются. Что ж, времени у меня теперь сильно больше, а дизайнера и верстальщика мне заменил Claude — с недавних пор он стал в этом невероятно хорош. Все блокеры сняты, наконец-то можно свободно творить. И я сотворил 👍 ———— Как должна выглядеть "платформа моей мечты", чего мне все эти годы не хватало: - 💅Дизайн строго по моему вкусу — я очень падок на визуал, и крутой дизайн очень меня мотивирует. Словами мне это сложно описать, чуть позже сами увидете. - Лёгкая сборка — статичный сайт, который собирается из md-файлов — в идеале, Hugo, конечно же. Сайты получаются очень лёгкие и их поддержка почти ничего не стоит. - Наличие интерактивных виджетов и пошаговой анимации. Часто бывает так, что какую-то концепцию проще "показать", а не описать словами и ли нарисовать. Дать читателю это "пощупать", поиграться. Это может заметно сократить размер статьи, и при этом сделать её понятней, интересней, наглядней. Мне этого очень не хватало, когда я писал статью про планировщик. - Удобная работа с "сериями" статей. Опять же, на Хабре и других платформах таких механизмов нет вовсе, и поэтому мне проще написать монолитную статью, чем делать из неё неудобный сериал. Но наличие такого механизма сильно упростило бы жизнь как мне, так и читателям. - Интерактивное содержание (TOC) — такое уже много где есть, но вот на Хабре, увы, нет. В случае больших статей без него вообще ни как. - Минимализм. Да, после всего вышеперечисленного кажется, что слово "минимализм" тут неуместно. Но я под этим подразумеваю, что на сайте должно быть только то что действительно улучшает пользовательский опыт, и ничего лишнего Это основные моменты. Кроме них, есть ещё множество мелочей, которые суммарно дают огромный вклад — удобный быстрый поиск по материалам, несколько цветовых тем на выбор (не всем удобно читать только на белой/черной теме), режим "фокусирования" (когда на экране нет ничего лишнего, кроме текста статьи) и др. ———— Что ж, на днях я полностью закончил разработку такой платформы, и сейчас активно наполняю её контентом. Для начала, я хочу перенести в неё мои имеющиеся материалы — разбор планировщика, написание grpc / rest api сервисов, а также разбор каналов и map (по ним статей ещё нет, только ролики — теперь будут). Все эти материалы я попутно актуализирую и дополняю — за годы я многому научился, есть что добавить. Кроме того, теперь мне не мешают "технические ограничения" других платформ. Короче, мои старые работы скоро получат "режиссёрскую версию" 👴 Релиз первой статьи будет примерно на днях, а пока можете полюбоваться красивой заглушкой 💅 #анонс

Вообще строить что-то в одного — это всегда значит бежать сразу во всех направлениях. Поэтому часто бывает так, что даже базовые фичи откладываются — как например с избранным. Фича далеко не самая сложная — но мелочей всё равно хватает. Поэтому я пошёл в делегирование — спасибо Наринэ, она отрисовала всю базу. Но дальше задача легла в стол на пару месяцев, пока я всё-таки не нашёл время дофиналить и отдать в разработку. А дальше — пару вечеров и готово. Встречайте избранное, коллекции, и самое интересное — публичные коллекции. Релизить накопленные фичи — приятное чувство, так что думаю, это не последний релиз в ближайшее время 🌷