Design Mind - thoughts on design

Обновил портфолио и наконец-то перенёс его с Framer на свой сайт Когда я собирал его на Framer пару лет назад, это было отличное и удобное решение. Но с развитием ИИ и появлением возможности собрать всё самостоятельно необходимость в Framer постепенно отпала. Плюс так или иначе упираешься в ограничения: CMS, медиафайлы, структура страниц. А у меня почти весь сайт был собран именно на CMS, ну и платить за возможность привязать кастомный домен тоже не особо хотелось В итоге за неделю полностью перенёс портфолио с нуля и заодно немного его обновил: добавил табы с сеткой работ и инфой обо мне, обновил карточки на главной и закинул последние концепты Делал всё через Codex, но тк Framer не даёт выгрузить код, поэтому пришлось немного повозиться и собирать по сути с нуля по скринам. Зато удобно, что CMS из Framer можно экспортировать, через плагин и весь контент не пришлось переносить руками с нуля Кстати, я сейчас открыт к новым проектам. Это может быть как парттайм, так и что-то более долгосрочное. Если у вас есть интересная задача или проект, пишите в лс, с радостью обсудим Ссылка на портфолио: Ссылка скрыта

Кстати, если вы тоже делаете приложение и вам лень вручную заполнять данные, чтобы всё выглядело красиво и правдоподобно, можно просто попросить AI сгенерировать их. Он за пару минут создаст реалистичные транзакции или любые данные, которые у вас есть

Продолжаю экспериментировать с тем, как можно собирать приложение с помощью AI, и на днях набросал концепт для своего финансового трекера Захотелось попробовать идею, где приложение не просто показывает траты, графики и лимиты, но и помогает понять, что со всем этим делать дальше. У тебя есть бюджет: лимиты по категориям, регулярные платежи, цели, долги. Есть аналитика по тратам: категории, динамика, изменения по сравнению с прошлым месяцем. И на стыке этих данных можно собрать инсайты Например, показать, где лимит уже близко к порогу, какие категории начали расти быстрее обычного, куда лучше направить взносы по целям или какие долги требуют внимания. Мне нравится мысль, что финансовый трекер может быть не просто таблицей расходов, а таким регулярным ревью своих денег. Пока это черновой концепт, но идея кажется интересной ← прошлый пост

Делюсь ещё одной практикой по циферблатам, которые делал несколько месяцев назад Рефы собирал здесь. Кстати, корпуса часов тоже сам дизайнил в Figma, а на один концепт уходило примерно 1–1,5 часа по классике. Делал их тихо, не спеша и без лишней суеты Идея давно лежала в голове, но всё никак не доходили руки. Формат немного непривычный и раньше с таким не работал Вообще нравится иногда переключаться на такие небольшие штуки: виджеты, иконки, теперь вот циферблаты. В них как будто есть интересные ограничения и больше пространства для деталей и при этом быстрее виден результат

Как можно перевести AI-агента на работу по задачам Когда начинал делать приложение, общался с AI в чате, держал контекст в md-файлах, а сам список задач лежал где придётся. Чуть позже понял, что это неудобно, тк каждый раз приходилось заново объяснять, что происходит, и весь контекст жил у меня в голове Потом подумал, что можно использовать трекер задач не только как список задач по проекту для себя, а ставить конкретные таски для агента с описанием, ссылками на код и критериями приемки. GitHub Projects, Notion, Linear — не супер-важно. Главное то, что там можно держать еще и состояние проекта, планы и принятые решения Тогда каждая задача становится полноценной карточкой с контекстом. Один раз описываешь, что нужно сделать и почему, а потом просто говоришь агенту: «возьми в работу задачу #42». Не нужно каждый раз восстанавливать картину с нуля Подключается все через коннекторы в Claude Code или Codex, а по созданию задач всё просто: можно сначала описать ее своими словами, потом вместе с AI немного докрутить детали и критерии приёмки

Недавно решил потренить UI и сделал несколько концептов по iOS Live Activities, где-то по часу на каждый. Делюсь в канале, чтобы не уходили в стол

Вчера зашёл на Википедию впервые за долгое время и заметил, что они наконец сузили колонку с текстом. Раньше на широком мониторе строки растягивались на весь экран и читать было физически некомфортно, и я каждый раз думал: почему они это не починят? Оказывается, починили в 2023 году Это был первый серьёзный редизайн за десять лет, и одним из главных изменений стало именно ограничение ширины контента. Базовое дизайн-решение, о котором знает каждый дизайнер, но для Википедии это заняло годы. Стало интересно, почему это так долго не меняли и я пошёл разбираться Оказалось, причина в том, что Википедия управляется консенсусом тысяч волонтёров. Любое изменение интерфейса — это не решение продакт-менеджера, а переговоры с огромным сообществом, где у каждого есть право голоса. Команда Wikimedia Foundation начала работу над редизайном ещё в 2019 году, и только к январю 2023-го он стал дефолтным для всех. Четыре года на изменения, которые в нормальной продуктовой команде заняли бы недели Интересно было то, что после запуска редизайна редакторы потребовали откатить изменения, проголосовали 165 против 154, и большинство было за откат. Но администратор выяснил, что из 159 противников новый дизайн видело в работе меньше 30 человек. В итоге консенсус признали несостоявшимся При этом макет не менялся с 2004 года. За 20 лет он стал чем‑то вроде табу, и любое изменение выглядело как покушение на саму Википедию. Но активная часть сообщества именно редакторы, а не читатели. Люди, которым было не удобно читать длинные строки текста на широких мониторах, просто не имели голоса в этих обсуждениях Но забавно то, что к 2023 году трафик Википедии уже начал падать, тк ИИ-ассистенты стали отвечать на вопросы напрямую

ASCII прототипы Если нужно быстро собрать прототип экрана или юзер флоу и не залипать в детали, шрифты и авто‑лейаут, попробуйте делать прототипы в ASCII формате, точнее ИИ их неплохо и быстро делают Даже если собирать грубые прототипы в Figma, всё равно есть шанс незаметно уехать в «красивости». Мозг переключается на отступы, цвета и сетку, а фокус со смыслов может уйти на второй план. Но на ранних стадиях важно проверить структуру и логику, а не визуал ASCII прототип — это текстовый скелет интерфейса без визуального шума. Фокус только на структуре экранов Собрать такой прототип можно очень быстро прямо с помощью ИИ: вы описываете экраны и флоу, а модель собирает текстовый прототип. Если хочется больше контроля руками, в ход идут простые онлайн‑инструменты вроде ASCIIFlow и подобные Дальше этот скелет можно сразу отдать тому же Claude, и он уже соберёт на его основе интерактивный макет, который можно быстро прокликать и проверить логику вживую Если нужно вставить в Figma не скрин прототипа, а сам ASCII, то лучше использовать моноширинный шрифт, например IBM Plex Mono, чтобы всё отображалось корректно Кстати, текстовый арт, который раньше часто ставили в описание профиля в вк, это тоже по сути ASCII

Недавно посмотрел «Бугонию» и очень залип на то, как там устроен визуальный язык. Не только сам фильм, но и всё, что вокруг него: постер, визуальное повествование, плёночная фактура, соотношение сторон, титры До этого похожее ощущение у меня было после «Бедных-несчастных» и «Видов доброты», а потом я посмотрел ещё «Убийство священного оленя» и «Лобстера». В какой-то момент понял, что у меня вообще появилась отдельная любовь к фильмам Йоргоса Лантимоса Потом я пошёл читать про постеры и выяснил, что за ними стоит Василис Марматакис, греческий дизайнер, который работает с Лантимосом ещё с «Клыка» 2009 года И, наверное, наиболее заметным его подход для меня проявился именно в «Бугонии». Сам фильм — психологический триллер про двух кузенов-конспирологов, которые похищают влиятельную CEO, потому что считают её инопланетянкой, угрожающей Земле. И Марматакис не пытается упаковать всё это в один «главный» образ. Он строит серию постеров как несколько входов в один и тот же мир Что мне особенно понравилось, он не берёт просто красивый кадр из фильма. Перед работой студии присылают ему десятки тысяч изображений, а дальше начинается почти ручная сборка. Он вырезает, комбинирует и буквально сшивает части разных кадров, пока не получается нужное ощущение. Например, лицо может быть из одного кадра, а какая-то деталь из другого. То есть это уже не просто кадр из фильма, а какая-то новая собранная штука Мне очень понравился этот подход. Постер не обязан пересказывать фильм. И мне как раз нравится, что он ничего не объясняет. Поэтому постеры к фильмам Лантимоса так сильно отличаются от привычных постеров, где обычно просто помещают весь актёрский состав Ещё главный постер почему-то сразу напомнил мне The Bends у Radiohead. По этой странной телесности и тревожной крупности лица. Не уверен, что это сознательная отсылка, но ассоциация возникла сразу Отдельно меня зацепила история с типографикой в «Бугонии». Для фильма Марматакис выбрал Churchward Roundsquare. Автор шрифта, Joseph Churchward, умер ещё в 2013 году. Марматакис нашёл архивный образец в музее Te Papa в Новой Зеландии, получил разрешение у семьи на оцифровку, а потом ещё и вручную «сломал» цифровую чистоту шрифта. Буквы сначала печатались, потом смачивались водой, а затем снова сканировались. Так он убирал цифровую резкость и добавлял ощущение смазанности, тревоги и DIY-эстетики, которая хорошо рифмуется с конспирологией фильма Ещё, когда я смотрел на Churchward Roundsquare, у меня в голове возникли ассоциации с баухаусной геометрией. Круги, углы, почти архитектурная собранность формы. Но в «Бугонии» это ощущается не как чистый модернизм, а как что-то более странное и тревожное Вы смотрели фильм? Как вам? Какие постеры к фильмам вам особенно нравятся, есть любимые? У меня в заметках валялся ещё пост про дизайн в сериале «Разделение». Если интересно, могу его тоже дописать Ссылки на интервью с Василисом Марматакисом: ⤷Ссылка скрыта ⤷Ссылка скрыта