Снова собираю сайт за день с Claude Code: концепт десктопа для Пухососа🤖

→ Figma MCP + Claude Code + Higgsfield Дизайн делала сама полностью – от идеи до финального визуала. Все генерации (пухосос, лужесос и другие сцены) делала в Higgsfield. Верстку, анимации и поведение интерфейса задавала через Claude Code. На все ушел всего один вечер…😲 Все больше приходит ощущение, что как дизайнеру мне все реже придется привлекать разработчиков для простых лендингов и многостраничников – я это уже все могу и сама…💡 Обратите внимание на ненавязчивые анимации, ховерочки и т.д. #полезное #клод #кейсы

Я должен поделиться, пока это актуально.

Вот так выглядит рабочий прототип (приложил к посту), который ты тестируешь с разработчиком. Контекст: тебе надо понять смогут ли твои программисты реализовать новый функционал. И ты здраво хочешь минимально потратить ресурсов на этот эксперимент. Что делать? Для этого базово списком описываешь основные функции и без дизайна отдаешь программистам. Это хорошая методика проверенная мной годами. Всегда тестируйте сложные функции на таких демках с прогерами до старта дизайна. Постоянно вылазиют на этом этапе "ограничения", которые можно учесть в дизайне. Говорю вам, как старый пес войны продакшена. И с гордостью сообщаю, что у меня самые шустрые прогеры на Диком Западе. В среду я показал вам сырую демку только верстки (фронтенд). На следующий день мне прислали этот статус. И они уже доделали бекенд и соединили его с фронтом. Теперь это рабочий функционал, осталось только нарисовать красивый интерфейс, накрутить на него фронт и гоу-гоу-гоу на продакшн. Срок? Надо найти окно в таймлайне дизайнеров, сделать дизайн, а потом верстка и далее тестирование. Думаю через месяц уже можно делать публичный бета-запуск нод в utopy.ai. Как думаете это много или мало? Интересно ваше мнение. 🔥 - быстро, давай догоняй конкурентов в таком темпе 😅 - хочу быстрее, пора тестировать ноды в utopy.ai ❤️‍🔥 - интересно, рассказывай еще

Продолжаем тестировать Claude Code: сделала концепт для анимационной студии MAPPA💻

→ CapCut + Figma MCP + Claude Code В этот раз собирала дизайн и монтировала видео в Figma + CapCut, верстку полностью отдала Claude Code – просто попутно объясняя, что я хочу видеть. У меня это заняло 1-2 рабочих дня на все-превсе. А потом говорят «да че там, пару кнопок нажал и готово»😑 В этот раз без инструкции для клодика, так как верстка слишком кастомная, только запутаю всех… #полезное #клод #кейсы

Ура, наконец-то настоящий рабочий кейс с ИИ!

Кейс NDA. Поэтому, увы, покажу вам бокал, но зато расскажу как это было и как можно получить действительно качественный результат. ⚡️ Дано: презентация pptx на 18 слайдов со сложными схемами. В некоторых схемах 3х-ступенчатый уровень вложенности (кто сталкивался — поймет КАК это больно верстать). 💥 Результат: лендинг на 18 экранов в Claude Design за 3(!) часа с сохранением контента, стиля компании, анимациями и интерактивными схемами 🏃‍♂️ Что получилось: — дословный перенос контента — сохранение фирменного стиля компании — сложные, многоэтажные, статичные схемы стали интерактивными. И это стало главным вау-эффектом для заказчика — спецэффекты без боли: анимации появления экранов и отдельных блоков, эффекты стекла и плавные переходы. 🥲 Главное в этом кейсе — это скорость и возможность повторить алгоритм на других презентациях. Напоминаю, эту красоту со сложнейшим контентом удалось сотворить (десктоп+моб версии) за 3(!) часа. По моему скромному мнению, это — невероятный результат. И наконец-то реальный кейс с эффективным использованием ИИ. Кстати, коллегам так зашло, что на встрече с заказчиком показывали именно лендинг, а не классическую статичную презентацию. 💥 Что нужно на вход, чтобы попробовать применить у себя: — собственно оформленная презентация, сохраненная в .pdf. Но если у вас совсем нет времени, то супер базовая верстка и отдельно прикрепить визуалы. 👀 Важный нюанс: все визуалы прикрепляю отдельными вложениями и прописываю на каком экране какой визуал должен быть. — UI-кит стиля компании. Причем я делала компонентами не так много вещей: палитру, типографику и плашки) Все! Никакие skills, референсы и специальные промпты не давали такого результата, как ui-кит и базово оформленная презентация. Пишите в комментариях, если будут вопросы по алгоритму действий 🙏
✨ SBS-анимация фоновых картинок
Для оживления любого блока можно поставить на фон видео или написать код для эффектного слайдера, а можно воспользоваться тем, что дает нам сама Тильда и собрать вручную зацикленную пошаговую анимацию с плавной сменой фоновых картинок. Делюсь с вами готовым шаблоном с анимацией для бесконечного слайдера из семи изображений, которые медленно увеличиваются и плавно сменяют друг друга через прозрачность — Template id: 148628486 ✨ Примечания: 🧡 Если вам надо уменьшить или увеличить количество картинок, соответственно отнимайте или добавляйте ко времени ожидания (delay) 6 секунд за каждое убранное или добавленное изображение. ❤️ Сами картинки удаляйте, начиная с предпоследней (или добавляя после предпоследней), первую и последнюю не удаляйте, только меняйте время. 💜 Если вместо эффекта увеличения нужен другой, например, сдвиг вверх или вниз, то напишите мне, я помогу объяснить какие настройки требуются, тут не все так просто 😅 ❤️ Любые вопросы по анимации можете задать в комментариях к посту #тильда #верстка
🔥 Топ-проектов наших учеников после обучения за май 🔥
1. Логофолио – Валерия Галата 2. Логотип для строительной компании – Виола Репак 3. Дизайн упаковки для пива – Анастасия Попова 4. Дизайн карточки товара – Ангелина Юнг 5. Брендинг для падел-клуба – Татьяна Грицай 6. Фирменный стиль для интеллектуальной олимпиады – Алина Соловьева 7. Дизайн и верстка каталога – Нина Соколова 8. Дизайн карточки товара – Ангелина Юнг Переходите, смотрите и поддержите проекты лайками🫶
Продолжаем делать концепты и тестировать Claude Code: делаем интерактивный слайдер на сайте☺️
→ Higgsfield + Figma MCP + Claude Code Благодаря инструкции Claude сможет быстрее сообразить как сделать такой слайдер 💻 1. Инструкцию нужно складывать в ту же папку, где у вас лежат все файлы по сайту (шрифты + те файлы, что вы будете делать по инструкции)/либо загружать её в чат с Claude с ссылкой на макет и другие материалы 2. Важно повторять все те действия, что описаны в ней – там пошагово сказано как и что делать не только с точки зрения верстки, но и как подготовить материалы ⚠️Обратите внимание, что помимо инструкции Claude нужно дать макет в Figma (с включенным MCP и загруженными фотографиями) + фото, видео 360° для каждой модели при ховере (всех моделей + видео я генерировала в Higgsfield, используя Nana Banana Pro и Kling) Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод
📚"Nudge" Ричарда Талера и Касса Санстейна
Книга про то, как небольшие изменения в среде влияют на решения людей. Не через давление и манипуляции, а через архитектуру выбора: порядок вариантов, формулировки, настройки по умолчанию, визуальные подсказки. Почему это полезная книга для дизайнеров? Мы постоянно направляем внимание человек и влияем на его поведение. 🔸Например, в меню кафе можно просто перечислить позиции, а можно через верстку и акценты мягко направить выбор: выделить авторские напитки, поставить их выше, добавить маленькую пометку «выбор бариста» или визуально отделить их от базового меню. Формально выбор остаётся свободным, но дизайн помогает человеку быстрее принять решение. Хорошая книга, чтобы перестать думать о дизайне только как о «сделать красиво» и начать видеть в нём систему решений.
Хотите посмотреть внутрянку создания фестивальных сайтов?
Введу в контекст: Валерия Еолян (@Valeria_Eolyan) и Никита Кисилев (@Nikita_Kisilyov) сделали дизайн промосайта на моем персональном обучении (Ultra UI: уровень Арт-дирекшн). Анимацию готового дизайна сайта приложил к этому посту. Потом я передал его команде TapTop на верстку. И мне каждый день присылают сцены на проверку. Отправляю как есть, в сыром трушном виде, чтобы можно было увидеть процесс разработки. 🟣Сцена 1 - https://site-65056.taptop.site/ 🟣Сцена 2 - https://site-76248.taptop.site/ 🟣Сцена 3 - https://site-05423.taptop.site/ 🟣Сцена 4 - https://site-73750.taptop.site/ Вам было бы интересно смотреть за процессом? Поставьте 🔥, если хотите, чтобы я делился ходом работы проекта до финального результата.
Переиздание книги про доступность
Пришло время перезапустить книгу в виде сайта! Запускаю ее в формате DocC: • доступна в онлайне, можно ссылаться на любой раздел, • верстка под мобилу и декстоп, • светлая/темная тема. Как и раньше книжка остается бесплатной. Как и раньше выпускать буду главами раз в пару недель, про обновления будет в этом канале. Сейчас доступна первая глава про общее понимание доступности, статистику и как пользоваться скринридером. Самое ценное что вы можете сделать: поделиться сайтом со своими знакомыми программистами, дизайнерами, продактами и рассказать в соцсетях. https://bookshelf.dev/a11y-book/">https://bookshelf.dev/a11y-book/
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
🎙 Мастер класс по верстке на Тильде
24 апреля в 13:00 (мск) я проведу открытый бесплатный мастер-класс для сообщества Web-коворкинг на тему: «Верстка на Тильде первого экрана по Window контейнеру с помощью Автолейаутов». Ссылка на трансляцию будет опубликована только в чате сообщества. Если хотите попасть на прямой эфир, то обязательно вступайте в чат 🔔 ✨ Трансляция пройдет в Яндекс Телемост. 📷 Запись эфира, конечно, будет! ❤️ По любым вопросам пишите в комментариях
В России более половины библиотечных фондов могут оказаться под угрозой изъятия книг, если строго применять законы об иноагентах и нежелательных организациях. Об этом заявил президент издательской группы «Эксмо-АСТ» Олег Новиков, пишут «Известия».
По его словам, риск касается любых изданий, в создании которых принимали участие лица и группы со статусом иноагента или нежелательной организации. Речь идет как об авторах, так и о тех, кто писал комментарии, аннотации или занимался версткой и макетом. Также Новиков отметил, что среди таких изданий есть значительная часть классической, краеведческой и научной литературы. При буквальном применении законов под потенциальное изъятие могут подпадать даже диссертации и научные работы, если в них используются ссылки на подобные источники. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News
🔥 Топ-проектов наших учеников после обучения за март 🔥
1. Дизайн и верстка брендбука – Лиана Исламова 2. Дизайн лендинга для креативный платформы – Татьяна Трунькина 3. Логотип и фирменный стиль для бренда текстиля для малышей – Татьяна Лазарева 4. Фирменный стиль для охранной организации – Зарина Кикова 5. Логотип и фирменный стиль для бренда кофе – Аня Лейтис 6. Нейровизуал и рекламный контент для брендов – Елена Пушкарская 7. Лого и брендинг для матчи – Анна Оноприенко 8. Логотип для украшений ручной работы – Виола Репак 9. Нейрофотосессия – Евгения Ли 10. Фирменный стиль для бренда обуви – Алиса Костышина 11. Логофолио – Анна Шикер 12. Брендинг и маскот для бургерной – Валерия Нагорянская 13. Дизайн упаковки для сахара – Юлия Матвиенко Переходите, смотрите и поддержите проекты лайками🫶
Креативный дизайнер в CMNDA
Мы креативное агентство CMNDA — транслируем наше видение в работе как с крупными брендами, так и в создании новых. Задачи: — создание и реализация креативных концепций — разработка айдентики — многостраничная верстка — иллюстрация/моушн дизайн/веб дизайн и прочие таланты — приветствуются Ожидания: — middle+ уровень, от 3 лет опыта в графическом дизайне — работа в Adobe, Figma — опыт работы с крупными клиентам — знание всех этапов от верстки до подготовки в печать Условия: — удаленный график 5/2 + встречи в Москве в случае проживания (по желанию) — зп по итогам собеседования Контакт для отклика: hi@cmnda.moscow с подписью тот самый дизайнер #дизайн
Савельева Екатерина
Привет! Я — графический дизайнер с трехлетним опытом работы в рекламном агентстве, где успешно выполняла задачи для таких клиентов, как сеть супермаркетов «Да!», Растишка, Тема, частично работала с Planto и Actimuno. В своей работе я специализируюсь на: * Верстке и разработке визуальных концепций * Создании фирменного стиля и айдентики, подготовке гайдлайнов * Дизайне печатных материалов с учетом требований к печати * Иллюстрациях * Есть опыт работы с упаковкой, хотелось бы развиваться в этом направлении Я ценю четкость и оперативность: всегда укладываюсь в дедлайны и работаю по ТЗ, при этом привнося творческую инициативу. В данный момент ищу интересные проекты на фрилансе, готова рассмотреть предложения о найме и частичной занятости. Буду рада сотрудничеству! → Портфолио Контакт для связи: @KKaterinaSaveleva #портфолио
Изображение поста