Design Mind · Vlad Kalashnikov
2.41K subscribers
253 photos
50 videos
69 links
Что-то про дизайн
Автор → @vldklsnkv
Сотрудничество → @kateghgj
Download Telegram
Media is too big
VIEW IN TELEGRAM
Long time no see

Летом я делал быстрый концепт веб-приложения для учёта расходов в Cursor, но месяц назад во мне проснулось желание вернуться к этой идее — сделать iOS приложение и выпустить его в App Store. Я купил подписку на аккаунт разработчика, прошел все необходимые KYC (хоть и не без проблем), осталось доделать приложение

Честно говоря, там уже скоуп функций выходит за рамки мвп, и это немного тяготит меня, поэтому буду резать и публиковать приложение кор-функциями, а потом дорабатывать. Дизайн тоже нужно дорабатывать местами, он еще не полностью готов, на скринкасте тоже есть баги с минсом у трат и еще несколько моментов. Для разработки использую Codex + Claude, об этом отдельный пост напишу позже

Если говорить про приложение — это трекер финансов, где можно вносить траты не только с помощью ручного ввода, но также и через ассистента с помощью текста, голосового ввода или фото. Еще можно добавлять регулярные платежи, долги, цели, лимиты на категории и создавать свои категории и подкатегории. Аналитика тоже есть. Данные хранятся локально на вашем устройстве

В целом, я смотрю на это как эксперимент с запуском мини-продукта: чтобы понять, какой путь вообще нужно пройти для более быстрого запуска будущих приложений и разобраться, что из этого выйдет и сколько на этом можно заработать, ахах

Постараюсь по ходу разработки и запуска делиться новостями в канале и не пропадать :)
9🔥3515👏6
Недавно посмотрел «Бугонию» и очень залип на то, как там устроен визуальный язык. Не только сам фильм, но и всё, что вокруг него: постер, визуальное повествование, плёночная фактура, соотношение сторон, титры

До этого похожее ощущение у меня было после «Бедных-несчастных» и «Видов доброты», а потом я посмотрел ещё «Убийство священного оленя» и «Лобстера». В какой-то момент понял, что у меня вообще появилась отдельная любовь к фильмам Йоргоса Лантимоса

Потом я пошёл читать про постеры и выяснил, что за ними стоит Василис Марматакис, греческий дизайнер, который работает с Лантимосом ещё с «Клыка» 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
20🔥9🥰2
ASCII прототипы

Если нужно быстро собрать прототип экрана или юзер флоу и не залипать в детали, шрифты и авто‑лейаут, попробуйте делать прототипы в ASCII формате, точнее ИИ их неплохо и быстро делают

Даже если собирать грубые прототипы в Figma, всё равно есть шанс незаметно уехать в «красивости». Мозг переключается на отступы, цвета и сетку, а фокус со смыслов может уйти на второй план. Но на ранних стадиях важно проверить структуру и логику, а не визуал

ASCII прототип — это текстовый скелет интерфейса без визуального шума. Фокус только на структуре экранов

Собрать такой прототип можно очень быстро прямо с помощью ИИ: вы описываете экраны и флоу, а модель собирает текстовый прототип. Если хочется больше контроля руками, в ход идут простые онлайн‑инструменты вроде ASCIIFlow и подобные

Дальше этот скелет можно сразу отдать тому же Claude, и он уже соберёт на его основе интерактивный макет, который можно быстро прокликать и проверить логику вживую

Если нужно вставить в Figma не скрин прототипа, а сам ASCII, то лучше использовать моноширинный шрифт, например IBM Plex Mono, чтобы всё отображалось корректно

Кстати, текстовый арт, который раньше часто ставили в описание профиля в вк, это тоже по сути ASCII
522🔥6
Вчера зашёл на Википедию впервые за долгое время и заметил, что они наконец сузили колонку с текстом. Раньше на широком мониторе строки растягивались на весь экран и читать было физически некомфортно, и я каждый раз думал: почему они это не починят? Оказывается, починили в 2023 году

Это был первый серьёзный редизайн за десять лет, и одним из главных изменений стало именно ограничение ширины контента. Базовое дизайн-решение, о котором знает каждый дизайнер, но для Википедии это заняло годы. Стало интересно, почему это так долго не меняли и я пошёл разбираться

Оказалось, причина в том, что Википедия управляется консенсусом тысяч волонтёров. Любое изменение интерфейса — это не решение продакт-менеджера, а переговоры с огромным сообществом, где у каждого есть право голоса. Команда Wikimedia Foundation начала работу над редизайном ещё в 2019 году, и только к январю 2023-го он стал дефолтным для всех. Четыре года на изменения, которые в нормальной продуктовой команде заняли бы недели

Интересно было то, что после запуска редизайна редакторы потребовали откатить изменения, проголосовали 165 против 154, и большинство было за откат. Но администратор выяснил, что из 159 противников новый дизайн видело в работе меньше 30 человек. В итоге консенсус признали несостоявшимся

При этом макет не менялся с 2004 года. За 20 лет он стал чем‑то вроде табу, и любое изменение выглядело как покушение на саму Википедию. Но активная часть сообщества именно редакторы, а не читатели. Люди, которым было не удобно читать длинные строки текста на широких мониторах, просто не имели голоса в этих обсуждениях

Но забавно то, что к 2023 году трафик Википедии уже начал падать, тк ИИ-ассистенты стали отвечать на вопросы напрямую
🤪9🗿5
Недавно решил потренить UI и сделал несколько концептов по iOS Live Activities, где-то по часу на каждый. Делюсь в канале, чтобы не уходили в стол
52🔥11💅8