Forwarded from Design Refs
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Подборочка анимаций
1❤25🔥16👏4
Media is too big
VIEW IN TELEGRAM
Long time no see
Летом я делал быстрый концепт веб-приложения для учёта расходов в Cursor, но месяц назад во мне проснулось желание вернуться к этой идее — сделать iOS приложение и выпустить его в App Store. Я купил подписку на аккаунт разработчика, прошел все необходимые KYC (хоть и не без проблем), осталось доделать приложение
Честно говоря, там уже скоуп функций выходит за рамки мвп, и это немного тяготит меня, поэтому буду резать и публиковать приложение кор-функциями, а потом дорабатывать. Дизайн тоже нужно дорабатывать местами, он еще не полностью готов, на скринкасте тоже есть баги с минсом у трат и еще несколько моментов. Для разработки использую Codex + Claude, об этом отдельный пост напишу позже
Если говорить про приложение — это трекер финансов, где можно вносить траты не только с помощью ручного ввода, но также и через ассистента с помощью текста, голосового ввода или фото. Еще можно добавлять регулярные платежи, долги, цели, лимиты на категории и создавать свои категории и подкатегории. Аналитика тоже есть. Данные хранятся локально на вашем устройстве
В целом, я смотрю на это как эксперимент с запуском мини-продукта: чтобы понять, какой путь вообще нужно пройти для более быстрого запуска будущих приложений и разобраться, что из этого выйдет и сколько на этом можно заработать, ахах
Постараюсь по ходу разработки и запуска делиться новостями в канале и не пропадать :)
Летом я делал быстрый концепт веб-приложения для учёта расходов в Cursor, но месяц назад во мне проснулось желание вернуться к этой идее — сделать iOS приложение и выпустить его в App Store. Я купил подписку на аккаунт разработчика, прошел все необходимые KYC (хоть и не без проблем), осталось доделать приложение
Честно говоря, там уже скоуп функций выходит за рамки мвп, и это немного тяготит меня, поэтому буду резать и публиковать приложение кор-функциями, а потом дорабатывать. Дизайн тоже нужно дорабатывать местами, он еще не полностью готов, на скринкасте тоже есть баги с минсом у трат и еще несколько моментов. Для разработки использую Codex + Claude, об этом отдельный пост напишу позже
Если говорить про приложение — это трекер финансов, где можно вносить траты не только с помощью ручного ввода, но также и через ассистента с помощью текста, голосового ввода или фото. Еще можно добавлять регулярные платежи, долги, цели, лимиты на категории и создавать свои категории и подкатегории. Аналитика тоже есть. Данные хранятся локально на вашем устройстве
В целом, я смотрю на это как эксперимент с запуском мини-продукта: чтобы понять, какой путь вообще нужно пройти для более быстрого запуска будущих приложений и разобраться, что из этого выйдет и сколько на этом можно заработать, ахах
Постараюсь по ходу разработки и запуска делиться новостями в канале и не пропадать :)
9🔥35❤15👏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
До этого похожее ощущение у меня было после «Бедных-несчастных» и «Видов доброты», а потом я посмотрел ещё «Убийство священного оленя» и «Лобстера». В какой-то момент понял, что у меня вообще появилась отдельная любовь к фильмам Йоргоса Лантимоса
Потом я пошёл читать про постеры и выяснил, что за ними стоит Василис Марматакис, греческий дизайнер, который работает с Лантимосом ещё с «Клыка» 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
Если нужно быстро собрать прототип экрана или юзер флоу и не залипать в детали, шрифты и авто‑лейаут, попробуйте делать прототипы в ASCII формате, точнее ИИ их неплохо и быстро делают
Даже если собирать грубые прототипы в Figma, всё равно есть шанс незаметно уехать в «красивости». Мозг переключается на отступы, цвета и сетку, а фокус со смыслов может уйти на второй план. Но на ранних стадиях важно проверить структуру и логику, а не визуал
ASCII прототип — это текстовый скелет интерфейса без визуального шума. Фокус только на структуре экранов
Собрать такой прототип можно очень быстро прямо с помощью ИИ: вы описываете экраны и флоу, а модель собирает текстовый прототип. Если хочется больше контроля руками, в ход идут простые онлайн‑инструменты вроде ASCIIFlow и подобные
Дальше этот скелет можно сразу отдать тому же Claude, и он уже соберёт на его основе интерактивный макет, который можно быстро прокликать и проверить логику вживую
Если нужно вставить в Figma не скрин прототипа, а сам ASCII, то лучше использовать моноширинный шрифт, например IBM Plex Mono, чтобы всё отображалось корректно
Кстати, текстовый арт, который раньше часто ставили в описание профиля в вк, это тоже по сути ASCII
5❤22🔥6
Вчера зашёл на Википедию впервые за долгое время и заметил, что они наконец сузили колонку с текстом. Раньше на широком мониторе строки растягивались на весь экран и читать было физически некомфортно, и я каждый раз думал: почему они это не починят? Оказывается, починили в 2023 году
Это был первый серьёзный редизайн за десять лет, и одним из главных изменений стало именно ограничение ширины контента. Базовое дизайн-решение, о котором знает каждый дизайнер, но для Википедии это заняло годы. Стало интересно, почему это так долго не меняли и я пошёл разбираться
Оказалось, причина в том, что Википедия управляется консенсусом тысяч волонтёров. Любое изменение интерфейса — это не решение продакт-менеджера, а переговоры с огромным сообществом, где у каждого есть право голоса. Команда Wikimedia Foundation начала работу над редизайном ещё в 2019 году, и только к январю 2023-го он стал дефолтным для всех. Четыре года на изменения, которые в нормальной продуктовой команде заняли бы недели
Интересно было то, что после запуска редизайна редакторы потребовали откатить изменения, проголосовали 165 против 154, и большинство было за откат. Но администратор выяснил, что из 159 противников новый дизайн видело в работе меньше 30 человек. В итоге консенсус признали несостоявшимся
При этом макет не менялся с 2004 года. За 20 лет он стал чем‑то вроде табу, и любое изменение выглядело как покушение на саму Википедию. Но активная часть сообщества именно редакторы, а не читатели. Люди, которым было не удобно читать длинные строки текста на широких мониторах, просто не имели голоса в этих обсуждениях
Но забавно то, что к 2023 году трафик Википедии уже начал падать, тк ИИ-ассистенты стали отвечать на вопросы напрямую
Это был первый серьёзный редизайн за десять лет, и одним из главных изменений стало именно ограничение ширины контента. Базовое дизайн-решение, о котором знает каждый дизайнер, но для Википедии это заняло годы. Стало интересно, почему это так долго не меняли и я пошёл разбираться
Оказалось, причина в том, что Википедия управляется консенсусом тысяч волонтёров. Любое изменение интерфейса — это не решение продакт-менеджера, а переговоры с огромным сообществом, где у каждого есть право голоса. Команда Wikimedia Foundation начала работу над редизайном ещё в 2019 году, и только к январю 2023-го он стал дефолтным для всех. Четыре года на изменения, которые в нормальной продуктовой команде заняли бы недели
Интересно было то, что после запуска редизайна редакторы потребовали откатить изменения, проголосовали 165 против 154, и большинство было за откат. Но администратор выяснил, что из 159 противников новый дизайн видело в работе меньше 30 человек. В итоге консенсус признали несостоявшимся
При этом макет не менялся с 2004 года. За 20 лет он стал чем‑то вроде табу, и любое изменение выглядело как покушение на саму Википедию. Но активная часть сообщества именно редакторы, а не читатели. Люди, которым было не удобно читать длинные строки текста на широких мониторах, просто не имели голоса в этих обсуждениях
Но забавно то, что к 2023 году трафик Википедии уже начал падать, тк ИИ-ассистенты стали отвечать на вопросы напрямую
🤪9🗿5
Недавно решил потренить UI и сделал несколько концептов по iOS Live Activities, где-то по часу на каждый. Делюсь в канале, чтобы не уходили в стол
❤53🔥12💅8