Design Mind · Vlad Kalashnikov

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

Сделал канал с рефами, буду периодически делиться тем, на что наткнулся в Твиттере и не только. Если интересно — залетайте. Первые две подборки уже там 💟 ⤷ Ссылка на канал

Почему хороший дизайнер ≠ хороший тимлид? Потому что тимлидство — не про пиксели, а про людей. Ты уже не только дизайнишь, но и договариваешься, берешь ответственность, разруливаешь конфликты, выстраиваешь процессы, даешь качественный фидбэк и принимешь его сам. Об этом я и пишу в блоге — как дизайнеру из «просто специалиста» вырасти в того, кто влияет на команду и продукт. Привет, я Дима — продуктовый дизайнер и тимлид. За 8 лет в профессии, из них 3 года в роли руководителя, я накопил ценный опыт и выработал проверенные решения, которые помогли мне в работе. Делюсь практичными советами и наблюдениями, которые применяю сам. Начни с этих постов: — one-to-one с сотрудниками — почему необходимы каждому руководителю и как к ним подготовиться; — Демо дизайна как инструмент сплочения и мотивации команды — как проводил и почему оно вам надо; — Святое право на нет в переговорах — как выстроить границы и научиться отказывать без чувства вины. Московский: Дизайн & Тимлид — подписывайся, чтобы начать расти.

Але, вайбкодинг? Да-да, курсор Или как дела с моим экспериментом, тк проектом пока не осмелюсь называть его, потому что в первую очередь моя цель — погрузиться и пройти процесс создания приложения самостоятельно Так вот, ту версию я на следующий день ещё развивал около часа, но ничего толком не вышло, так как он её полностью запорол. Я просил его поднять её и он со 2–3 попытки её поднимал, а при малейшем комментарии заново ронял. Откат, думаю, не особо помог бы, тк у меня нет компетенции, чтобы разобраться, что именно не так, и легче начать всё заново. Поэтому я решил сделать пару шагов назад и: ⤷ Погуглить в инете, как вообще люди работают с курсором и подобными программами, не имея скилла разработки и какие есть советы на этот счет ⤷ Решил базово погрузиться в основы: какие есть варианты архитектуры проекта, как работать с ветками в гите и как настроить автобекапы, как работает тестирование и как настроить автотесты и тд и тп ⤷ Сформировать более-менее понятную документацию по функционалу и требованиям, чтобы ИИ лучше меня понимал. ⤷ Нарисовать дизайн приложения в фигме, тк это очевидно повышает предсказуемость результата. Потому что предыдущую версию я делал по приколу и чисто без дизайна, основываясь на том, что у меня было в голове. Сейчас я на этом этапе ⤷ Ещё подумал, что лучше всё-таки делать апку, тк это в сто раз логичнее и не стоит опасаться сложностей в этом плане Вот такие пироги, to be continued...

Але, вайбкодинг? Да-да, курсор Или как дела с моим экспериментом, тк проектом пока не осмелюсь называть его, потому что в первую очередь моя цель — погрузиться и пройти процесс создания приложения самостоятельно В общем, ту версию я на следующий день ещё развивал около часа, но ничего толком не вышло, так как он её полностью запорол. Я просил его поднять её и он со 2–3 попытки её поднимал, а при малейшем комментарии заново ронял. Откат, думаю, не особо помог бы, тк у меня нет компетенции, чтобы разобраться, что именно не так, и легче начать всё заново. Поэтому я решил сделать пару шагов назад и: ⤷ Погуглить в инете, как вообще люди работают с курсором и подобными программами, не имея скилла разработки и какие есть советы на этот счет ⤷ Решил базово погрузиться в основы: какие есть варианты архитектуры проекта, как работать с ветками в гите и как настроить автобекапы, как работает тестирование и как настроить автотесты и тд и тп ⤷ Сформировать более-менее понятную документацию по функционалу и требованиям, чтобы ИИ лучше меня понимал. ⤷ Нарисовать дизайн приложения в фигме, тк это очевидно повышает предсказуемость результата. Потому что предыдущую версию я делал по приколу и чисто без дизайна, основываясь на том, что у меня было в голове. Сейчас я на этом этапе ⤷ Ещё подумал, что лучше всё-таки делать апку, тк это в сто раз логичнее и не стоит опасаться сложностей в этом плане Вот такие пироги, to be continued...

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

Кароч, неделю назад я где-то наткнулся на скрин плейлистов, оформленных в стиле 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, телеграм-каналов и так далее. Что думаете? Прикреплю опрос внизу

Ты делаешь классный дизайн. Но часто дальше оказываешься в тупике — HR'ы пролистывают твоё портфолио за 10 секунд — Клиенты просят скидку, потому что «ты же только дизайнишь» — Чужая верстка ломает твою работу и ожидания ≠ реальность ⠀ Понимаем — ты выкладываешься, а крутого результата на выходе нет. Потому что делаешь только полдела. Webflow — инструмент, с которым дизайнер становится дизайн-инженером. Собираешь сайт сам, делаешь анимации и ведёшь проект от идеи до финала. ⠀ С 13 по 15 мая в 18:00 Pixel Perfect проводит бесплатный 3-х дневный интенсив: — На первом дне Вячеслав (Head of Webflow Unit) из Redis расскажет, как они выиграли Awwwards с Webflow — На втором дне в онлайне соберем сайт-портфолио на Webflow. Наконец-то сможешь упаковаться:) — На 3-ем дне поймешь, как выйти на зарубежный рынок с Webflow. Где искать клиентов и как презентовать им свои услуги. Если давно хотелось перейти от «делаю круто, но недостаточно» — интенсив закроет этот пробел. 😇 Регистрируйся по ссылке до 12 мая: https://t.me/pxp_reg_bot?start=id453737964

Зачем улучшать существующее, если можно анонсировать новое? Сегодня ночью несколько часов изучал обновления 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 для видеомонтажа и пять функций в каждом продукте. Че думаете? Если не согласны, пишите в комменты, интересно послушать другое мнение

Простой способ следить за обновлениями в дизайн-индустрии Дизайн живёт в движении — появляются новые подходы, решения, акценты. Чтобы оставаться в контексте и поддерживать насмотренность, важно видеть, что делают другие. Я стараюсь хотя бы пару раз в неделю подсматривать, что нового происходит, какие проекты выходят, но тратить время на бесконечный серфинг по Behance и сайтам — не очень эффективно. Недавно узнал про Design Spotlight и начал им пользоваться. А ещё приятнее, что ребята сами предложили рассказать о проекте. Это база с более чем 11 200 кейсами от 240 студий, которая обновляется каждый день. Всё аккуратно собрано в одном месте, размечено по тегам и авторам — можно просто зайти и быстро найти то, что нужно. Например, недавно там наткнулся на кейс по созданию персонажа для Notion AI и на трансформацию брендинга Amazon. Советую глянуть. А ещё у ребят есть Telegram-канал, где регулярно появляются свежие кейсы. Мне кажется, это клёвый и удобный способ оставаться на связи с индустрией, не тратя на это лишнего времени, поэтому велком. → Ссылка на канал → Ссылка на сайт #партнёрский_пост

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

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

Vlad Kalashnikov @vldklsnkv Tbilisi, Georgia • English, Russian #ProductDesign #WebDesign #DesignSystem ● Career — Principal Designer at Re:Luna — Ex-Senior Product Designer at MTS — Ex-Lead Designer at Pinkman ● Achievements — 6 years experience in design — Author of telegram channel about design — Author of articles about design — Worked at Agencies, Startups & Bigtech — Took prize places at hackathons ● Open to — Speeches and podcasts — In-house workshops & lectures — Portfolio review & career consultations — Networking & collaborations — Talking and coffee ● Links → Portfolio on the Site → Networking on LinkedIn → Blog on Telegram channel → Chat in Telegram → Email to valduskalasnikov@gmail.com

С самого начала слежу за @lookziner — канал @vitalyrynsky с подборкой крутых дизайнеров и ссылками на их проекты, блоги и работы. И вот сегодня присоединился к нему, очень рад быть частью 😊

В дополнение к вчерашнему посту. Вчера вечером в Твиттере попались более подробные скрины Figma Sites, но что более интересно, о чем я вчера писал — Figma работает над AI App Maker, который может делать фичи, а может даже и приложения на основе текстовых промптов и изображений на базе Claude