входная дверь

всем привет из Греции 🤭

У клода вчера опус 5.5 вышел. Интересен тем, что создает свг анимации на коде

Рассказал мне, что работает это вот так:

Анимацию я не «рисую», а пишу кодом. Для этого есть несколько форматов:

• SVG + CSS/SMIL подходят для иконок, лоадеров, иллюстраций и морфинга форм.
• HTML/Canvas/JS нужны для сложной хореографии, физики, частиц и интерактива на курсор или скролл.
• Lottie JSON можно сгенерировать, но вручную он громоздкий, поэтому лучше для простых сцен.
• Отдельный тип артефакта для анимаций есть в приложении: там можно собрать короткий моушн-ролик, который сохраняется и которым можно поделиться.

Референсы. Скриншоты, раскадровки и кадры из видео я понимаю: считываю палитру, толщину линий, геометрию и ритм движения. Хуже всего переносятся фактуры, зерно и кисть, а также сложная органика вроде персонажей и рук.

Потестила лежа в кровати с телефона, ну прикол)) Намеренно взяла сложный стиль с зерном, чтобы посмотреть, как справится. В итоге вышел не чистый свг, сказал, что сверху накладывал маски с размытием

Скоро еду в отпуск, хочется в этой модели потом навайбкодить что-то связанное с фотками

Stay tuned как говорится

🙏 гонка

В эпоху ИИ и разговоров о замене людей в разных профессиях заземляюсь физической активностью

Сейчас начался танцевальный сезон. Оставила вам прикольный момент из импровизации. Никогда она не получалась, пока мне не показали, из каких кирпичей строится. Скольжения, манипуляции, смена ритма, характер, музыка, сила тела — варьируешь и получается нечто новое

Кажется, что получается само по себе, но на деле куча инструментов и контекста в твоей голове, посеянного задолго до. И результат в дизайне получается абсолютно так же

Вопрос сильный ли это результат? Нейронка без особого вмешательства выдает усредненное, потому что она не человек, который обладает чувствами и уникальным контекстом. А именно это нам часто дает новое решение

Живопись с появлением фотографии не умерла, а просто перетекла из реализма, в современное искусство, где важна идея, иногда даже больше формы

Рынок точно сжимается, потому что кто-то будет довольствоваться нейронной посредственностью, но останутся те, кому хочется выделиться и здесь я вижу работу дизайнера, а не машины

так что намасте бичез

Посмотрим, где я буду через пять лет, а пока придется писать промпты и обрастать знаниями о жизни, культуре и истории, чтобы иметь что-то в голове

🐶 дела иконочные

Неотъемлемая часть рефреша визуальных коммуникаций бренда — иконки

Агентство, которое отвечало за дизайн для Йоты, в том числе подготовило иконочный стиль и "гайд". И стиль то симпотный, вот только сами иконки невозможно было использовать в интерфейсах. Странная сетка, принципы построения и визуальный вес противоречили друг другу

Я по старой памяти (год назад делала иконки в технической сфере) решила взять задачу на себя, пока было свободное время

В итоге составила гайд по построению, поправила уже готовые иконки и не торопясь отрисовала новые. В сумме получилось 150+ штук. Теперь мне красиво. Принесла шотик

За основу для отрисовки брала готовые иконки на просторах интернета, в том числе из material design, а потом переделывала под сложившийся стиль. В работе также задействовала фигма-агента, помог переименовать иконки для ДС и разбить по категориям относительно метафор. Справился норм

Короче, сугубо дизайнерская работа запариться над мелочами, но почему бы и нет, когда ты знаешь, что можешь сделать лучше, а главное как

Читаю книги в эпловской читалке, на литресе и в яндексе и ни в одном приложении нет анимации, как листается книга, когда ее открываешь

Завайбкодила за 5 минут, каждый раз в восторге от такого


upd: я лох, оказывается в настройках можно включить анимацию перелистывания уже в процессе чтения

Купила подписку на Правое полушарие Интроверта, чтобы слушать всякую дичь о культуре, философии, искусстве и не тупеть, а неожиданно открыла для себя мега классный дизайн

Скачайте их приложуху и порадуйтесь как я. Очень много внимания к деталям, анимации, цвета, звуковые отклики, ну просто вау!

🐹 просто фановый собачковый интерфейс по мотивам домашних клопов

Такой концептик в итоге получился 👾

Делали систему лояльности для wb такси, но от эстетики вбшки я все-таки ушла

🐈 генерация шейдера

Сижу рисую концепт, решила повторить эффект с лучами с рефа твича

Сначала пробовала размывать ректанглы, не понравилось. Попросила фигма агента собрать шейдер на основе рефа и буквально за 10 минут получилось очень прилично

Нрав!

😝 вайбкод для Йоты

В Йоте постепенно обновляется стиль. Целевая аудитория зумеры, поэтому фотки и 3д чуть-чуть всратые. Это хорошо видно на странице Архива — штука, где абоненты могут делиться своими тарифами и лутать с этого деньги

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

Что если не собирать аватар из кусков чужих фото, а дать пользователям возможность делать аватарку на основе своего лица

Короче, села на выходных и завайбкодила в клоде за час генератор аватарок на JS. Шаги такие:
— обсудила с иишкой идею
— скинула векторные фоновые формы, маски для рта и глаз, куда должны подставляться фото
— поделилась через мср фигмой, где лежит позиционирование кусочков
— по ui обозначила только акцентный цвет

Что получилось вы видите на видосе и можете попробовать сами. В комментах оставила файл, который можно открыть на компе в хроме

Из интересного. Получилось реализовать распознавание лица (я думала это будет сложно), если я покажу фак, то он не будет делать из него аватар. Распознавание работает на основе MediaPipe Face Landmarker. Это готовая модель от Google, которая работает в браузере пользователя. А еще если сфоткаться с наклоном головы, то он глаза или рот выровняются для финальной аватарки

Короче, вот такой кейсик персонализации. Поделилась с менеджером, будем узнавать, можно ли это будет реально адаптировать для лк

классный баннерок в клод дизайне

Пока оформляла шот, покайфовала от шейдеров в фигме

Многие любят накладывать их на градиенты, а мне нравится использовать фотки, потому что так фон получается менее однородным с прикольными случайными артефактами

⚡️ концепт приложения погоды

Лето решила немного посвятить своему развитию и пошла на практику по концептам от Прагматики. Конечно, концепты можно и самой рисовать, но я ленивая и мне нужен пинок под зад

Первая встреча была разминочной. За пару часов накидала прилу для погоды, где люди могут поделиться ею и посмотреть фотки с погодой от других людей в формате сторисов на главной и карте

В визуале решила отойти от больших скруглений, плашек и градиентов. Настроение судя по всему в тот день было дождливым


Второй шот положила в комменты

Смотрите какой обвесик мне в йоте подарили! 🩵

Вообще поднакопился мерч. На конфе сбера недавно выдали плащ, он пока лежит в пакете в ожидании дождя

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

додо в очередной раз радует дизайном!