Design Mind - мысли о дизайне

Подборочка анимаций

Да кто блин такой этот ваш вайбкодинг? Уже несколько месяцев хотел попробовать его, но все откладывал, но в субботу сел и наконец начал. Сначала хотел сделать что-то уникальное. Но потом подумал: лучше начать с того, что реально решает мою проблему. Так…

Кароч, неделю назад я где-то наткнулся на скрин плейлистов, оформленных в стиле CD-дисков с кассетой, и сегодня решил оформить свои плейлисты в таком же стиле. Порыскал по инету и нашёл хорошую PNG-картинку кейса от диска, затем затащил её в фигму и приступил к созданию своих обложек: сначала нарисовал вектором диск, а потом принялся за поиск картинок, подходящих под название и вайб плейлиста. Потратил около часа и теперь довольный смотрю на свои плейлисты в спотике. Потом подумал, что, может, вам тоже захочется сделать что-то похожее, поэтому вот ссылка на фигму с тимплейтом. Буду еще рад, если гляните мои другие работы в Figma Community. Кстати, добавляйтесь в спотифае, если пользуетесь им. — Сколько будем делать дисков на обложке? — ДА

Звуки механической клавы на маке Немного непривычная рубрика в канале, но не могу не поделиться интересной находкой. Если вам нравятся звуки механической клавиатуры, но у вас макбук, то у меня для вас хорошие новости. На днях читал App Stacks — сайт в котором берут короткие интервью у создателей небольших продуктов (кстати, интересно) и там случайно наткнулся на интервью создателя Klack — приложение для мака, которое имитирует звуки нажатия механической клавы, причём есть разные вариации звуков на выбор. А если подключаешь наушники, то звук автоматически выводится в них. Ещё можно включить звук клика мышки для тачпада и звук *диньг* при нажатии на Enter. Единственный нюанс — приложение платное, стоит 5 баксов единоразово. Приложил видосик, чтобы показать, как это работает. UPD В комментах скинули бесплатный аналог, c огромным количеством вариантов звуков, в том числе мемных, которые можно прям в браузере протестить.

Да кто блин такой этот ваш вайбкодинг? Уже несколько месяцев хотел попробовать его, но все откладывал, но в субботу сел и наконец начал. Сначала хотел сделать что-то уникальное. Но потом подумал: лучше начать с того, что реально решает мою проблему. Так я смогу разобраться, как всё устроено. Я всё время пытался вести учёт финансов, но почти всегда забрасываю. Поэтому захотелось трекер, который помогает не просто фиксировать траты, а осознавать их: отмечать, была ли покупка осознанной или спонтанной, ставить лимиты, смотреть аналитику. В идеале приложение ещё и подсказывает, где ты перебарщиваешь, и даёт советы по финансовой грамотности. Чтобы это был не просто список, а штука, которая помогает меняться. Накидал идею вместе с GPT, потом закинул её в Claude и он выдал первый минимальный прототип. Уже можно было что-то потыкать, внести трату, это вдохновило. После этого я пошёл в Cursor. Это был мой первый опыт в кодовом редакторе вообще. Я, как дизайнер, понимаю, как логически всё связано в разработке. Но ни одной строчки кода в жизни до этого не писал. Поэтому местами было непросто, особенно когда всё ломалось. На бесплатной версии Cursor запускал проект раз шесть и каждый раз он ломался. Я успевал добавить только фунционал внесения трат. Еще бесили очереди, те когда хочешь ПоВаЙбКоДиТь, а вместо этого сидишь и ждёшь. Это, конечно, что-то новое, но в какой-то момент я уже устал ждать и в итоге купил подписку — работа пошла лучше, особенно Cloude 3.7 Sonent. Завёл репозиторий на GitHub, разобрался с коммитами и наконец перестал бояться, что всё придется делать с нуля. Стало проще просто двигаться вперёд. Техническая часть проекта, конечно, сложная для меня, но всё-таки интересная. Очень многое не понимаю, но постепенно приходит какое-то осознание, и начинаешь видеть, как всё начинает складываться. Мне кажется, это очень полезно — особенно для будущих проектов, где уже не будешь так теряться на старте. UI поначалу был довольно слабый — что, в целом, неудивительно, потому что я не сделал ни одного экрана в фигме. Мне было интересно, чего можно добиться, используя только ChatGPT и Cursor. Потом подключил стороннюю и бесплатную библиотеку компонентов — стало поприличнее. Всё ещё далеко до идеала, но уже достаточно, чтобы спокойно продолжать работу. Сейчас приложение умеет: → вносить траты с категорией и эмоцией, → показывать аналитику по месяцам, категориям и эмоциям, → ставить недельные лимиты, → менять тему (светлая/тёмная). В итоге на финальную версию с нуля у меня ушло часа 4. Хочу еще добавить планируемые траты — с метками «регулярная» или «единоразовая», и уроки по финграмотности. Типо как в ТЖ, если знаете. В идеале — хотелось бы довести всё до Telegram Mini App с ботом. Чтобы можно было прислать ему скрин из банка со списком трат за день, а он сам считывал суммы, определял категории, а тебе оставалось только выбрать эмоции. В ответ — короткий совет, или чтобы бот присылал их периодически. Сейчас всё это в вебе — мобильное показалось сложноватым для начала. Но как только доведу текущую версию до чего-то стабильного, очень хочу попробовать сделать iOS-приложение. Если выйдет вторая часть — значит я не перегорел и что-то получилось. PS: Сори, что так быстро мышкой вожу на видео

Kindly Reminder У меня есть Are.na, куда я уже несколько лет регулярно складываю референсы с любовью и по папочкам. Я подумал, чего добру пропадать, и может кому-то будет интересно глянуть. Там много всего, что я сохраняю и все разбито по коллекциям: приложения, циферблаты, пром. дизайн, анимации, виджеты, кейсы, портфолио, резюме, иллюстрации, граф. дизайн и много чего ещё. Короче говоря всё, что в какой-то момент меня зацепило и захотелось сохранить. ⤷ Вот ссылка на мою арену Кстати, когда я только завёл этот канал, один из первых постов был как раз про арену. Там рассказал, почему она мне так нравится и там же поделился подборкой других классных каналов на платформе — советую почитать. А ещё вот что подумал: может завести отдельный телеграм-канал с рефами, которые я собираю с разных источников — Twitter, Dribbble, LinkedIn, телеграм-каналов и так далее. Что думаете? Прикреплю опрос внизу

Зачем улучшать существующее, если можно анонсировать новое? Сегодня ночью несколько часов изучал обновления Figma, кроме Figma Make (на меня её пока ещё не раскатили). Посмотрел, как всё устроено, и вот какие впечатления сложились: ❋ Grid С одной стороны — прикольно, но с другой — не добавили самое важное: относительные величины и перемещение колонок и строк, что сильно бы упростило работу с таблицами. Ждем в 2028 году. ❋ Figma Sites Подойдёт, наверное, для дизайнеров, которые просто хотят быстро собрать портфолио или лендинг без лишних заморочек. Удобно, что это всё в одном месте, но если есть хоть небольшой опыт работы с Framer, то смысла делать это в Figma не вижу. Такому инструменту нужно ещё 2–3 года, чтобы конкурировать с Framer или Webflow. ❋ Figma Make Эту фичу я ждал больше всего. Хотелось чего-то похожего на Cursor для более-менее нормальной разработки своего продукта. Но это скорее просто рабочий прототип фичи. Конечно, тоже удобно, но очень хотелось бы, чтобы фокус команды не спадал с этого продукта и он развивался куда быстрее, чем обновления раз в год. ❋ Figma Buzz Инструмент для маркетологов и коммуникационных дизайнеров. Я не особо шарю в этой теме, но показалось, что продукт достаточно удобный, чтобы быстро собрать 50 вариантов баннеров под разные форматы. ❋ Figma Draw Убийца Paint, который заодно прикончил пару плагинов вроде Noise, Progressive Blur и Text by Path. Кисти и паттерн — прикольные, но до иллюстратора ещё шагать и шагать. А теперь главное Figma обошла стороной AI для создания дизайна, на котором, кстати, был главный акцент в прошлом году. Ждал AI-генерацию состояний и вариантов компонентов и сборку макета по дизайн-системе, но мимо. Ещё очень хотелось увидеть прокачку прототипов в сторону Rive. Но и тут тишина. Да и со старыми продуктами всё тихо: Figma Jam, Figma Slides, Dev Mode. Где гарантии, что с новыми не будет так же? Последние конфиги всё больше дают ощущение, что это не про продукт, а про презентацию для инвесторов: растём вширь, чтобы больше людей купили подписки, а вглубь не капаем и кор-функционал не улучшаем. Как уже писал, Figma косит под Apple: одно большое шоу раз в год и молчание до следующего релиза с редкими, очень небольшими апдейтами в течение года. Но продукт, которым ты пользуешься каждый день, должен развиваться регулярно, а не по календарю презентаций, особенно когда платишь за подписку. В следующем году ждём Figma 3D, Figma Architect и Figma Cut для видеомонтажа и пять функций в каждом продукте. Че думаете? Если не согласны, пишите в комменты, интересно послушать другое мнение

Ценность ≠ Путь Помню, я как-то листал ленту и вдруг наткнулся на интересную иллюстрацию. Она была красивая, детализированная, с атмосферой. Я залип на несколько секунд и задумался — как она была сделана и как долго её создавал автор? А потом заметил подпись «промпт в комментариях». И будто что-то внутри сдулось, хотя сама работа ничуть не изменилась и была всё такая же интересная и красивая. Потом я задумался: как будто мы часто подсознательно приравниваем ценность к усилию. Нам важно верить, что за крутым результатом стоит тяжёлый процесс. А если на самом деле это был лишь правильный промпт и несколько итераций — будто магия исчезает. А может быть, и такое, что готового промпта не было, и на работу ушло больше, чем несколько итераций. Это смахивает на то, что произошло с появлением фотографии. Когда фотоаппараты стали доступны, людям больше не нужно было учиться годами, чтобы уметь точно изображать реальность. Технические навыки перестали быть обязательным входом в искусство. Но, вместо того чтобы исчезнуть, живопись просто сменила направление: художники начали исследовать идеи, чувства, внутренние миры. Искусство не исчезло — оно стало про другое. Про то, что ты хочешь сказать, а не насколько реалистично умеешь это нарисовать. Так, может, и сейчас важен не долгий и тяжёлый процесс, а сам результат? Не то, сколько мучился автор, а то, насколько он понял, что и зачем он создаёт. Ведь, чтобы сделать интересную иллюстрацию или что-либо ещё, что на первый взгляд вызывает удивление, тоже нужно постараться и требует немалого опыта. Просто AI, как и когда-то фотоаппарат, теперь не ограничивает нас техническими навыками, а только воображением и умением сформулировать свою мысль и мы становимся, своего рода, арт-директорами для ИИ. Мы уже начинаем видеть много интересных работ от людей, которые раньше не обладали этими самыми техническими навыками. И с развитием ИИ точно станет больше творчества и возможностей выражать себя. PS: Как вы поняли, все прикрепленные изображения являются генерациями. Ссылка на оригинальные посты в Твиттере можно найти тут

Как сдвинутьсяс мёртвой точки, когда задача кажется сложной Я работаю в продукте не с самой простой бизнес-логикой и иногда встречаются задачи, к которым трудно подходить, особенно когда большой объём вводных или задача кажется сложной. У меня выработалось несколько шагов, которые помогают мне в таких случаях сдвинуться с мёртвой точки: [01] Навести порядок вокруг. Убрать мусор со стола, закрыть лишние вкладки, выключить уведомления. Создать пустой файл/страницу в Фигме, собрать ссылки, открыть рефы. После этого можно сделать небольшой перерыв, чтобы настроиться. [02] Сформулировать задачу и разбить на шаги. Если задача кажется огромной и размытой, то она пугает. Я стараюсь посмотреть вводные, сформулировать проблему и задачу, расписать, какие примерно экраны/сценарии будут. Иногда просто накидываю черновой план: откуда начать, куда идти дальше. Так становится понятнее, за что браться и что это не одна большая задача, а набор маленьких шагов. Как говориться, ешь слона по кускам. [03] 15 минут. Я не думаю «сейчас сяду и сделаю всё идеально». Я просто даю себе установку: «Окей, 15 минут. Посижу, поковыряюсь. Если не пойдёт — встану и попробую чуть позже». Это снимает давление, и часто оказывается, что как только садишься — уже начинаешь вовлекаться и не хочется останавливаться. [04] Начать с банального. Не придумывать гениальное сразу. Просто сделать то, что первым приходит в голову. Самое очевидное. Потому что часто за ним прячется более интересное решение, просто до него надо сначала дойти через несколько более очевидных вариантов. [05] Ещё бывает, что мне помогает музыка на фоне, но без битов. Что-то вроде музыки для медитации. Кстати, вот пример. Короче, не обязательно сразу делать круто. Главное — начать. Остальное придёт в процессе. ❤️ Design Resources 🤍 Daily Aesthetic