Илюха Изъянов

Ищу дизайнера-стажёра в Яндекс Недвижимость Что будете делать: • Поможете привести в порядок дизайн-систему: чекать прод оформлять компоненты и общаться с разработчиками обеих платформ • Решите реальную продуктовую задачу и пройдёте весь процесс: от дискавери и макетов до тестирования, передачи в разработку и оценки результатов Что получите: • Два кейса в портфолио: технический по дизайн-системе и реальный продуктовый • Опыт работы в Яндексе и классную команду рядом • Сырки в среду, бейджик с тыщей в день, волну и падел во дворе 😋 Откликаться сюда: https://yandex.ru/jobs/vacancies/produktoviy-dizayner-stazhyor-v-nedvizhimost-47916

А теперь о реально крутом дизайне 🌟 Я призываю анализировать не только дофаминовые концептики, но и нагруженые. Не потому что я огромный фанат таких интерфейсов (хотя и не без этого), а потому что там реально много любопытных решений, которые развивают насмотренность и могут вдохновить в работе над любыми задачами В последние пару лет я очень плотно работаю с подобными интерфейсами, поэтому для меня это даже необходимость На что смотреть: 🔵Композиция и лейаут: да, очевидное. Посмотрите, как структурируют большое количество данных, как масштабируют и адаптируют элементы; 🔵Иконки: обычно места здесь не много и особо не разгуляешься, поэтому здесь очень важно закладывать понятные метафоры. В этом могут помочь иконочки и другие элементы, часто упрощенные, но узнаваемые формы; 🔵UI: ну как же без этого, выше привела примеры классных интерфейсов. Посмотрите на акценты, работу с типографикой, работу с цветом. Часто такие интерфейсы адаптируются под большие мониторы, используется при разных условиях Забавно, что я неосознанно собрала примеры интерфейсов в темной теме. И, кстати, это тоже зависит от целевой аудитории Например, стол доктора, который стоит у окна, по которому фигачит свет; дежурный на площадке, который выходит на ночную смену или тренер по бейсболу, который управляет интерфейсом на питчинговой машине на игровой площадке, у которого одна рука в перчатке, а по монитору тоже бьет свет. Примеры из реальной работы Короче, смотрите дальше, не бойтесь таких интерфейсов. Это источник новых идей и помощник в развитии нестандартного мышления 🔎

Я там свой личный сайт обновил 😌 → Сильно упростил лейаут до одной страницы и поп-апов с описанием кейсов → Сама страница: фикс сайдбар с инфой обо мне, актуальными кейсами с текущего места работы, архивом работ. Уместил опыт в 2−3 скролла и очень рад → Визуально стало веселее. Всякие градиентики, текстурки, микроанимации — кайфанул, пока делал → При этом, визуал на себя внимание не перетягивает, а работает чисто на стилизацию и раскрытие посыла «баланс функции и эстетики» → Кто-то хвастается, как сжигает 100$ лимит за пару дней. С пустой папки до полностью готового сайта я сжёг ~150% недельного лимита базовой подписки gpt. Получается, потратил 7.5$. Писал тупые промпты, переделывал микроанимации по несколько раз и дико кайфовал Зацените: izyanov.com/ru p.s. как его делал (от структуры до вайбкодинга) рассказывал в рамках группы, в ней собралось 12 очень крутых ребят разных грейдов, которые также работают над своими сайтами 💪

Мы нащупали идеальное применение вайбкодинга в продукте Дано: - нехватка дизайнеров - B2B-стрим админки: сложный сам по себе, в макетах чёрт ногу сломит плюс другие проблемы заброшки - объёмная задача из этого стрима - отдельный репозиторий с компонентами админки и скиллами для ИИ-агента, в том числе дизайн-скиллом Процесс: 1. Менеджер идёт копать задачу: формулирует проблему, общается с пользователями, выясняет потребности 2. Оценивает задачу с дизайнерами: 2–4 недели на погружение, дизайн и юезр-тестирования. Вайбкодит прототип на коленке в подключённом репозитории. Компоненты сервисные, прототип на админку похож. Да, что-то где-то разъехалось, но основные сценарии более чем наглядны 3. Тестирует механики на пользователях, собирает обратную связь и допиливает прототип 4. Показывает прототип разработке: калибрует, что и где может стать проблемой на фронте и бэке 5. Приносит задачу дизайнерам, чтобы улучшить опыт и сделать дизайн-ревью. Задача быстро влетает в планирование, так как небольшая и по факту занимает 2–3 дня параллельно с другими задачами. Часть продуктовых механик пересобрали, а ещё подтюнили композицию, типографику и другие детали, чтобы инфа быстрее и лучше считывалась. Артефакт этапа — интерактивный прототип, по которому будет работать разработка, не огромная спека с макетами в фигме Итог: - Стейкхолдер сам ведёт задачу от проблемы до проверенного прототипа. Не перекидывает её между командами, а тащит контекст, общается с пользователями и предметно обсуждает решение с разработкой - Дизайнеры подключаются там, где действительно нужна их компетенция. Вместо 2–4 недель с погружением, дизайном, тестами — 2–3 дня работы с уже проверенным интерактивным прототипом - Пока стейкхолдер копал задачу — дизайнеры тратили время на стримы, где дизайн особенно важен для аудитории: новостройки, вторичка, спецы и т. д. Имхо: Мне супер зашло. ИИ помог преодолеть боязнь чистого листа и перенести весь контекст в рабочий прототип супер smooth. А я как дизайнер быстро приложил экспертизу там, где она нужна: докрутил проверенные механики и довёл всё до классного вида. Короче, хорошее плечо, которое заметно ускорило работу

О старых идеях и их новых воплощениях У меня есть старая привычка: я почти каждый день в свободное время придумываю разного рода концепты. Мемные приложения, мобильные игры, отдельные фичи, странные сервисы. Большинство идей оседало в заметках. Самые везучие добирались до Figma, превращались в красивые макеты и отправлялись на цифровое кладбище за неимением знакомого разраба который бы доделал проект до конца. И так продолжается много лет. На прошлой неделе я решил, что хватит коллекционировать интерфейсы. Если идея когда-то показалась мне прикольной, пусть теперь попробует пожить в коде ведь у нас новая эра вайб кодинга, почему бы и нет. С кнопками, Ai начинкой, анимациями и людьми, которые могут всё это потыкать. Первым из архива достал Path. Path представляет собой красиво упакованную AI-аппку про таро. Внутри собраны знания о картах, раскладах и их значениях, а ИИ связывает всё это в цельную интерпретацию. Честно говоря, к этой части я относился скептически. Думал, что прокачанная цыганка будет в разы интереснее, а приложение будет выдавать что-то на уровне печенья с предсказанием. Но проверив на друзьях был приятно удивлён. То ли ИИ научился читать судьбу, то ли мы просто очень любим находить себя в хороших историях. Но экспириенс сработал) Самое смешное, что Path вообще родился не из идеи про таро. Его прародителем была другая идея сделать цифровую исповедальню, про неё расскажу чуть позже, подобрав слова что бы никого не обидеть. Пока собирал Path, понял ещё одну вещь. Раньше хороший дизайнерский концепт мог закончиться несколькими экранами на Behance. Сегодня этого уже мало. Статичный кейс теперь больше походит на исторический рудимент не отвечающий требованиям профессиональной индустрии. Да и рабочее приложение показывает не только то, как ты двигаешь пиксели, но и то, как ты думаешь, что по своей сути так же добавляет преимуществ в твою корзинку мастерства. При этом, если у тебя есть вкус и всё ок с насмотренностью, такой проект сейчас реально собрать за 1-3 дня. Без кодерского бэкграунда и без команды разработки. А выглядеть он может не хуже проектов, которые мы обычно сохраняем с Awwwards. Для Path я взял свои макеты из 2023 года, полностью сгенерировал колоду в Midjourney, доработал её в Banana 2 и подсмотрел несколько анимационных приёмов у проектов с Awwwards. О сложностях, которые встретились по пути, и способах их обойти писал в предыдущем посте. Если пропустил, думаю, будет полезно. А сам Path уже можно поюзать тут). Скоро покажу ещё одну идею которая попробует сделать искусство чуть ближе к тем, кто никогда его не понимал и наоборот. Чуть позже залью отдельный пост с визуалом проекта и расскажу, как поставить приложение себе на телефон. Ставь слона и подписывайся) 😂 Твой Crunch

Федю (бадди из Сбера) весь Сбер всегда ценил за возможность мутить совершенно сумасшедшие концепции. С одной стороны среда обязывала: студии, R&D команда, Лаборатория, с другой стороны уникальный, авторский вижн Отдельный кайф, когда братва рвётся воплощать свои идеи в жизнь. Зацените, что намутил Федя 👏

UI анимации Опыт пользователя во многом определяется интерактивом: ui-анимации, физический отклик, саунд-дизайн. Я всегда делал анимации «по ощущению» и опирался только на свою интуицию: красиво или нет. Часть рефов вообще вызывала ощущение волшебства и недосягаемости — типа, как отдельный вид искусства Но! Есть пара материалов, после изучения которых магия анимаций становится ближе. Даже если часть из этого понимали на уровне опыта, то после прочтения начинаете относиться к анимациям, как к системе — понятным наборам правил Например: 1. ease-out для появления элементов обычно подходит лучше других изингов 2. не анимировать элементы из scale(0) 3. анимировать транзишны через blur и т. д. Маст-хев материалы: • 7 Practical Animation Tips • The Easing Blueprint • Transitions • 12 Principles of Animation • Designing Fluid Interfaces

нишевого во мне дохуя

Вайб-кодинг — Лови волну! 🖱 Принёс вам почитать: https://telegra.ph/Vajb-koding--Lovi-volnu-07-24 Выжимка: — Раньше между «придумал» и «проверил в деле» лежала пропасть: нарисовать, описать, передать в разработку, дождаться сборки. Проверка задумки — это розы и слёзы — поэтому ошибка стоила дорого, а смелые задумки стерилизовались ещё на макете: рисовали то, что с большей степенью вероятности получится собрать. Теперь задумка проверяется в тот же вечер. — Вайб-кодинг быстр на старте. Проверка архитектурной идеи или идеи взаимодействия требует двух вещей — задумки и стенда, и от идеи до первичной реализации проходит минут двадцать, от силы час. А дальше кривая переворачивается: чем мельче исправление, тем труднее его добиться. Доводка превращается в дневную рутину, как будто пытаешься удержать в руках карточный домик. — «Сделай красиво» не исполняется. Референс тоже почти не помогает: машина скопирует картинку, но не поведение. Работают только устройства — как устроена страница, как устроен сайт целиком, на чём держится бесшовный переход, из чего складывается анимация, по какому закону живёт сетка. — Компетенция живёт в умении сформулировать закон. Отсюда и моё определение: вайб-кодинг для дизайнера — умение проговорить закон макета так, чтобы его смог исполнить другой. Раньше этим другим был разработчик. Теперь — машина. Умение оказалось старше инструмента. — Чем проще закон, тем сложнее его поломать. Прописанный закон воспроизведёт другой исполнитель — человек или машина, неважно. — Я часто слышу фразы, мол, «вайб-кодинг убил дизайн», «клод-дизайн убил дизайн» и тому подобное. Все эти пассажи так или иначе строятся на грубой склейке двух моментов: цены и ценности. Цену назначает рынок — тот самый баланс спроса и предложения, и мы уже видели, что он сломан: приемлемый результат нейронка делает бесплатно. Но ценность задаёт автор: и с этой точки зрения вкус, концептуальность, оригинальное представление — всё то, что сегодня задаёт ценность нашей работе, — является объектом совершенствования. Поэтому ИИ не убийца — он работает по принципу «падающего подтолкни», выталкивая дизайнера с мелководья в огромное море, где «поймать вайб» — это как поймать набегающую на пляж волну возможностей. — Я думаю, что преподавать вайб-кодинг сам по себе, отдельным предметом — это как ковырять вилкой и ножом в пустой тарелке. Если вайб-кодинг — это наречие, то оно не имеет смысла без глагола. Приборы есть, обеда нет.

я слишком молод для гемблы…