Недавно посмотрел «Бугонию» и очень залип на то, как там устроен визуальный язык. Не только сам фильм, но и всё, что вокруг него: постер, визуальное повествование, плёночная фактура, соотношение сторон, титры
До этого похожее ощущение у меня было после «Бедных-несчастных» и «Видов доброты», а потом я посмотрел ещё «Убийство священного оленя» и «Лобстера». В какой-то момент понял, что у меня вообще появилась отдельная любовь к фильмам Йоргоса Лантимоса
Потом я пошёл читать про постеры и выяснил, что за ними стоит Василис Марматакис, греческий дизайнер, который работает с Лантимосом ещё с «Клыка» 2009 года
И, наверное, наиболее заметным его подход для меня проявился именно в «Бугонии». Сам фильм — психологический триллер про двух кузенов-конспирологов, которые похищают влиятельную CEO, потому что считают её инопланетянкой, угрожающей Земле. И Марматакис не пытается упаковать всё это в один «главный» образ. Он строит серию постеров как несколько входов в один и тот же мир
Что мне особенно понравилось, он не берёт просто красивый кадр из фильма. Перед работой студии присылают ему десятки тысяч изображений, а дальше начинается почти ручная сборка. Он вырезает, комбинирует и буквально сшивает части разных кадров, пока не получается нужное ощущение. Например, лицо может быть из одного кадра, а какая-то деталь из другого. То есть это уже не просто кадр из фильма, а какая-то новая собранная штука
Мне очень понравился этот подход. Постер не обязан пересказывать фильм. И мне как раз нравится, что он ничего не объясняет. Поэтому постеры к фильмам Лантимоса так сильно отличаются от привычных постеров, где обычно просто помещают весь актёрский состав
Ещё главный постер почему-то сразу напомнил мне The Bends у Radiohead. По этой странной телесности и тревожной крупности лица. Не уверен, что это сознательная отсылка, но ассоциация возникла сразу
Отдельно меня зацепила история с типографикой в «Бугонии». Для фильма Марматакис выбрал Churchward Roundsquare. Автор шрифта, Joseph Churchward, умер ещё в 2013 году. Марматакис нашёл архивный образец в музее Te Papa в Новой Зеландии, получил разрешение у семьи на оцифровку, а потом ещё и вручную «сломал» цифровую чистоту шрифта. Буквы сначала печатались, потом смачивались водой, а затем снова сканировались. Так он убирал цифровую резкость и добавлял ощущение смазанности, тревоги и DIY-эстетики, которая хорошо рифмуется с конспирологией фильма
Ещё, когда я смотрел на Churchward Roundsquare, у меня в голове возникли ассоциации с баухаусной геометрией. Круги, углы, почти архитектурная собранность формы. Но в «Бугонии» это ощущается не как чистый модернизм, а как что-то более странное и тревожное
Вы смотрели фильм? Как вам? Какие постеры к фильмам вам особенно нравятся, есть любимые?
У меня в заметках валялся ещё пост про дизайн в сериале «Разделение». Если интересно, могу его тоже дописать
Ссылки на интервью с Василисом Марматакисом:
⤷https://www.wallpaper.com/design-interiors/visual-comms/bugonia-film-posters-titles-vasilis-marmatakis
⤷https://www.itsnicethat.com/features/vasilis-marmatakis-spotlight-graphic-design-201025
До этого похожее ощущение у меня было после «Бедных-несчастных» и «Видов доброты», а потом я посмотрел ещё «Убийство священного оленя» и «Лобстера». В какой-то момент понял, что у меня вообще появилась отдельная любовь к фильмам Йоргоса Лантимоса
Потом я пошёл читать про постеры и выяснил, что за ними стоит Василис Марматакис, греческий дизайнер, который работает с Лантимосом ещё с «Клыка» 2009 года
И, наверное, наиболее заметным его подход для меня проявился именно в «Бугонии». Сам фильм — психологический триллер про двух кузенов-конспирологов, которые похищают влиятельную CEO, потому что считают её инопланетянкой, угрожающей Земле. И Марматакис не пытается упаковать всё это в один «главный» образ. Он строит серию постеров как несколько входов в один и тот же мир
Что мне особенно понравилось, он не берёт просто красивый кадр из фильма. Перед работой студии присылают ему десятки тысяч изображений, а дальше начинается почти ручная сборка. Он вырезает, комбинирует и буквально сшивает части разных кадров, пока не получается нужное ощущение. Например, лицо может быть из одного кадра, а какая-то деталь из другого. То есть это уже не просто кадр из фильма, а какая-то новая собранная штука
Мне очень понравился этот подход. Постер не обязан пересказывать фильм. И мне как раз нравится, что он ничего не объясняет. Поэтому постеры к фильмам Лантимоса так сильно отличаются от привычных постеров, где обычно просто помещают весь актёрский состав
Ещё главный постер почему-то сразу напомнил мне The Bends у Radiohead. По этой странной телесности и тревожной крупности лица. Не уверен, что это сознательная отсылка, но ассоциация возникла сразу
Отдельно меня зацепила история с типографикой в «Бугонии». Для фильма Марматакис выбрал Churchward Roundsquare. Автор шрифта, Joseph Churchward, умер ещё в 2013 году. Марматакис нашёл архивный образец в музее Te Papa в Новой Зеландии, получил разрешение у семьи на оцифровку, а потом ещё и вручную «сломал» цифровую чистоту шрифта. Буквы сначала печатались, потом смачивались водой, а затем снова сканировались. Так он убирал цифровую резкость и добавлял ощущение смазанности, тревоги и DIY-эстетики, которая хорошо рифмуется с конспирологией фильма
Ещё, когда я смотрел на Churchward Roundsquare, у меня в голове возникли ассоциации с баухаусной геометрией. Круги, углы, почти архитектурная собранность формы. Но в «Бугонии» это ощущается не как чистый модернизм, а как что-то более странное и тревожное
Вы смотрели фильм? Как вам? Какие постеры к фильмам вам особенно нравятся, есть любимые?
У меня в заметках валялся ещё пост про дизайн в сериале «Разделение». Если интересно, могу его тоже дописать
Ссылки на интервью с Василисом Марматакисом:
⤷https://www.wallpaper.com/design-interiors/visual-comms/bugonia-film-posters-titles-vasilis-marmatakis
⤷https://www.itsnicethat.com/features/vasilis-marmatakis-spotlight-graphic-design-201025
❤23🔥9🥰2
ASCII прототипы
Если нужно быстро собрать прототип экрана или юзер флоу и не залипать в детали, шрифты и авто‑лейаут, попробуйте делать прототипы в ASCII формате, точнее ИИ их неплохо и быстро делают
Даже если собирать грубые прототипы в Figma, всё равно есть шанс незаметно уехать в «красивости». Мозг переключается на отступы, цвета и сетку, а фокус со смыслов может уйти на второй план. Но на ранних стадиях важно проверить структуру и логику, а не визуал
ASCII прототип — это текстовый скелет интерфейса без визуального шума. Фокус только на структуре экранов
Собрать такой прототип можно очень быстро прямо с помощью ИИ: вы описываете экраны и флоу, а модель собирает текстовый прототип. Если хочется больше контроля руками, в ход идут простые онлайн‑инструменты вроде ASCIIFlow и подобные
Дальше этот скелет можно сразу отдать тому же Claude, и он уже соберёт на его основе интерактивный макет, который можно быстро прокликать и проверить логику вживую
Если нужно вставить в Figma не скрин прототипа, а сам ASCII, то лучше использовать моноширинный шрифт, например IBM Plex Mono, чтобы всё отображалось корректно
Кстати, текстовый арт, который раньше часто ставили в описание профиля в вк, это тоже по сути ASCII
Если нужно быстро собрать прототип экрана или юзер флоу и не залипать в детали, шрифты и авто‑лейаут, попробуйте делать прототипы в ASCII формате, точнее ИИ их неплохо и быстро делают
Даже если собирать грубые прототипы в Figma, всё равно есть шанс незаметно уехать в «красивости». Мозг переключается на отступы, цвета и сетку, а фокус со смыслов может уйти на второй план. Но на ранних стадиях важно проверить структуру и логику, а не визуал
ASCII прототип — это текстовый скелет интерфейса без визуального шума. Фокус только на структуре экранов
Собрать такой прототип можно очень быстро прямо с помощью ИИ: вы описываете экраны и флоу, а модель собирает текстовый прототип. Если хочется больше контроля руками, в ход идут простые онлайн‑инструменты вроде ASCIIFlow и подобные
Дальше этот скелет можно сразу отдать тому же Claude, и он уже соберёт на его основе интерактивный макет, который можно быстро прокликать и проверить логику вживую
Если нужно вставить в Figma не скрин прототипа, а сам ASCII, то лучше использовать моноширинный шрифт, например IBM Plex Mono, чтобы всё отображалось корректно
Кстати, текстовый арт, который раньше часто ставили в описание профиля в вк, это тоже по сути ASCII
6❤23🔥8
Вчера зашёл на Википедию впервые за долгое время и заметил, что они наконец сузили колонку с текстом. Раньше на широком мониторе строки растягивались на весь экран и читать было физически некомфортно, и я каждый раз думал: почему они это не починят? Оказывается, починили в 2023 году
Это был первый серьёзный редизайн за десять лет, и одним из главных изменений стало именно ограничение ширины контента. Базовое дизайн-решение, о котором знает каждый дизайнер, но для Википедии это заняло годы. Стало интересно, почему это так долго не меняли и я пошёл разбираться
Оказалось, причина в том, что Википедия управляется консенсусом тысяч волонтёров. Любое изменение интерфейса — это не решение продакт-менеджера, а переговоры с огромным сообществом, где у каждого есть право голоса. Команда Wikimedia Foundation начала работу над редизайном ещё в 2019 году, и только к январю 2023-го он стал дефолтным для всех. Четыре года на изменения, которые в нормальной продуктовой команде заняли бы недели
Интересно было то, что после запуска редизайна редакторы потребовали откатить изменения, проголосовали 165 против 154, и большинство было за откат. Но администратор выяснил, что из 159 противников новый дизайн видело в работе меньше 30 человек. В итоге консенсус признали несостоявшимся
При этом макет не менялся с 2004 года. За 20 лет он стал чем‑то вроде табу, и любое изменение выглядело как покушение на саму Википедию. Но активная часть сообщества именно редакторы, а не читатели. Люди, которым было не удобно читать длинные строки текста на широких мониторах, просто не имели голоса в этих обсуждениях
Но забавно то, что к 2023 году трафик Википедии уже начал падать, тк ИИ-ассистенты стали отвечать на вопросы напрямую
Это был первый серьёзный редизайн за десять лет, и одним из главных изменений стало именно ограничение ширины контента. Базовое дизайн-решение, о котором знает каждый дизайнер, но для Википедии это заняло годы. Стало интересно, почему это так долго не меняли и я пошёл разбираться
Оказалось, причина в том, что Википедия управляется консенсусом тысяч волонтёров. Любое изменение интерфейса — это не решение продакт-менеджера, а переговоры с огромным сообществом, где у каждого есть право голоса. Команда Wikimedia Foundation начала работу над редизайном ещё в 2019 году, и только к январю 2023-го он стал дефолтным для всех. Четыре года на изменения, которые в нормальной продуктовой команде заняли бы недели
Интересно было то, что после запуска редизайна редакторы потребовали откатить изменения, проголосовали 165 против 154, и большинство было за откат. Но администратор выяснил, что из 159 противников новый дизайн видело в работе меньше 30 человек. В итоге консенсус признали несостоявшимся
При этом макет не менялся с 2004 года. За 20 лет он стал чем‑то вроде табу, и любое изменение выглядело как покушение на саму Википедию. Но активная часть сообщества именно редакторы, а не читатели. Люди, которым было не удобно читать длинные строки текста на широких мониторах, просто не имели голоса в этих обсуждениях
Но забавно то, что к 2023 году трафик Википедии уже начал падать, тк ИИ-ассистенты стали отвечать на вопросы напрямую
🤪11🗿6
Недавно решил потренить UI и сделал несколько концептов по iOS Live Activities, где-то по часу на каждый. Делюсь в канале, чтобы не уходили в стол
❤56🔥13💅9
Как можно перевести AI-агента на работу по задачам
Когда начинал делать приложение, общался с AI в чате, держал контекст в md-файлах, а сам список задач лежал где придётся. Чуть позже понял, что это неудобно, тк каждый раз приходилось заново объяснять, что происходит, и весь контекст жил у меня в голове
Потом подумал, что можно использовать трекер задач не только как список задач по проекту для себя, а ставить конкретные таски для агента с описанием, ссылками на код и критериями приемки. GitHub Projects, Notion, Linear — не супер-важно. Главное то, что там можно держать еще и состояние проекта, планы и принятые решения
Тогда каждая задача становится полноценной карточкой с контекстом. Один раз описываешь, что нужно сделать и почему, а потом просто говоришь агенту: «возьми в работу задачу #42». Не нужно каждый раз восстанавливать картину с нуля
Подключается все через коннекторы в Claude Code или Codex, а по созданию задач всё просто: можно сначала описать ее своими словами, потом вместе с AI немного докрутить детали и критерии приёмки
Когда начинал делать приложение, общался с AI в чате, держал контекст в md-файлах, а сам список задач лежал где придётся. Чуть позже понял, что это неудобно, тк каждый раз приходилось заново объяснять, что происходит, и весь контекст жил у меня в голове
Потом подумал, что можно использовать трекер задач не только как список задач по проекту для себя, а ставить конкретные таски для агента с описанием, ссылками на код и критериями приемки. GitHub Projects, Notion, Linear — не супер-важно. Главное то, что там можно держать еще и состояние проекта, планы и принятые решения
Тогда каждая задача становится полноценной карточкой с контекстом. Один раз описываешь, что нужно сделать и почему, а потом просто говоришь агенту: «возьми в работу задачу #42». Не нужно каждый раз восстанавливать картину с нуля
Подключается все через коннекторы в Claude Code или Codex, а по созданию задач всё просто: можно сначала описать ее своими словами, потом вместе с AI немного докрутить детали и критерии приёмки
❤19✍10
Делюсь ещё одной практикой по циферблатам, которые делал несколько месяцев назад
Рефы собирал здесь. Кстати, корпуса часов тоже сам дизайнил в Figma, а на один концепт уходило примерно 1–1,5 часа по классике. Делал их тихо, не спеша и без лишней суеты
Идея давно лежала в голове, но всё никак не доходили руки. Формат немного непривычный и раньше с таким не работал
Вообще нравится иногда переключаться на такие небольшие штуки: виджеты, иконки, теперь вот циферблаты. В них как будто есть интересные ограничения и больше пространства для деталей и при этом быстрее виден результат
Рефы собирал здесь. Кстати, корпуса часов тоже сам дизайнил в Figma, а на один концепт уходило примерно 1–1,5 часа по классике. Делал их тихо, не спеша и без лишней суеты
Идея давно лежала в голове, но всё никак не доходили руки. Формат немного непривычный и раньше с таким не работал
Вообще нравится иногда переключаться на такие небольшие штуки: виджеты, иконки, теперь вот циферблаты. В них как будто есть интересные ограничения и больше пространства для деталей и при этом быстрее виден результат
1❤29
Media is too big
VIEW IN TELEGRAM
Продолжаю экспериментировать с тем, как можно собирать приложение с помощью AI, и на днях набросал концепт для своего финансового трекера
Захотелось попробовать идею, где приложение не просто показывает траты, графики и лимиты, но и помогает понять, что со всем этим делать дальше. У тебя есть бюджет: лимиты по категориям, регулярные платежи, цели, долги. Есть аналитика по тратам: категории, динамика, изменения по сравнению с прошлым месяцем. И на стыке этих данных можно собрать инсайты
Например, показать, где лимит уже близко к порогу, какие категории начали расти быстрее обычного, куда лучше направить взносы по целям или какие долги требуют внимания. Мне нравится мысль, что финансовый трекер может быть не просто таблицей расходов, а таким регулярным ревью своих денег. Пока это черновой концепт, но идея кажется интересной
Захотелось попробовать идею, где приложение не просто показывает траты, графики и лимиты, но и помогает понять, что со всем этим делать дальше. У тебя есть бюджет: лимиты по категориям, регулярные платежи, цели, долги. Есть аналитика по тратам: категории, динамика, изменения по сравнению с прошлым месяцем. И на стыке этих данных можно собрать инсайты
Например, показать, где лимит уже близко к порогу, какие категории начали расти быстрее обычного, куда лучше направить взносы по целям или какие долги требуют внимания. Мне нравится мысль, что финансовый трекер может быть не просто таблицей расходов, а таким регулярным ревью своих денег. Пока это черновой концепт, но идея кажется интересной
❤21
Кстати, если вы тоже делаете приложение и вам лень вручную заполнять данные, чтобы всё выглядело красиво и правдоподобно, можно просто попросить AI сгенерировать их. Он за пару минут создаст реалистичные транзакции или любые данные, которые у вас есть
❤9✍3
Тамагочи для Codex
Я обычно не пишу про обновления в AI-инструментах, но тут прям захотелось поделиться
Так вот, в Codex добавили питомцев, маленьких анимированных компаньонов, которые живут поверх окон и показывают статус задачи, когда агент работает, ждёт ввода или уже готов к ревью
Но больше всего меня зацепила возможность сделать своего питомца прямо внутри Codex можно просто описать, кого ты хочешь, даже без референсов, буквально парой слов, а Codex сгенерирует для него спрайтшит и конфиг
Для меня по ощущениям это как создание персонажа для игры: придумываешь внешний вид, а через 30 мин получаешь маленького анимированного героя, который живет внутри кодинг агента
Правда он сожрал весь 5ти часовой лимит мне на создание одного питомца и делал его минут 30, но все равно прикольно
Еще появился Petdex, галерея питомцев для Codex. Там 200+ open-source вариантов: можно установить одной командой
Кстати, у Claude Code недавно тоже был похожий
Казалось бы, маленькая фича, но мне нравится, что кодинг агенты становятся не только мощнее, но и чуть живее
Я обычно не пишу про обновления в AI-инструментах, но тут прям захотелось поделиться
Так вот, в Codex добавили питомцев, маленьких анимированных компаньонов, которые живут поверх окон и показывают статус задачи, когда агент работает, ждёт ввода или уже готов к ревью
Но больше всего меня зацепила возможность сделать своего питомца прямо внутри Codex можно просто описать, кого ты хочешь, даже без референсов, буквально парой слов, а Codex сгенерирует для него спрайтшит и конфиг
Для меня по ощущениям это как создание персонажа для игры: придумываешь внешний вид, а через 30 мин получаешь маленького анимированного героя, который живет внутри кодинг агента
Правда он сожрал весь 5ти часовой лимит мне на создание одного питомца и делал его минут 30, но все равно прикольно
Еще появился Petdex, галерея питомцев для Codex. Там 200+ open-source вариантов: можно установить одной командой
Кстати, у Claude Code недавно тоже был похожий
/buddy, терминальный ASCII-питомец в духе тамагочи. Но, похоже, это была временная штука, тк сейчас не могу найти егоКазалось бы, маленькая фича, но мне нравится, что кодинг агенты становятся не только мощнее, но и чуть живее
❤12