Концепт сайта по фигуркам из Pop Mart🍓

Собрала также в связке Figma MCP + Claude Code. На днях выложу инструкцию по тому, как я делала этот сайт + еще какой-нибудь хочу концепт сделать и разобрать его тут) А фанаты Наночки тут?👉 #кейсы #клод

Что умеет Claude (Design / Code) на практике🤖

мой опыт и опыт других дизайнеров/разработчиков 📎 Генерировать UI-концепты и макеты по промпту загружая их напрямую в браузер или в саму Figma 📎 Справляется с созданием адаптивов Хорошо продумывает адаптив, даже если задать ограничения и сценарии 📎 Генерировать дизайн-системы Может собрать дизайн-систему и описать правила (однако полноценные системы требует доработки) 📎 Верстать интерфейсы Подходит для лендингов, MVP и даже сложных интерфейсов, но почти всегда требует ручной доработки и ревью, хорошо обучается на загруженных библиотеках и твоих спецификациях 📎 Делать интерактивные прототипы Может собирать прототипы в браузере/Figma 📎 Помогать с деплоем Может объяснить и сгенерировать шаги для хостинга, домена и настройки проекта 📎 Интеграция с бэкендом и админками Может предложить архитектуру, API-структуру, варианты CMS (пока не тестила работу на бэке, на ютубе видеоа много уроков) 📎 Проводить исследования Это не замена полноценным UX-исследованиям с пользователями, однако с данными на основе реальных пользователей тоже отлично справится → просто чтобы вы понимали на какой функционал можете рассчитывать, а я пока готовлю большую инструкцию установке Claude правильно со всеми необходимыми библиотеками и приложениями😇 #полезное #клод

Нюансы (If you know — you know 🤥)

— В наборе используется Вовкин Typewriter, чистая (Clean) для английского текста, книжка билингвал, версия с «залипами» (Dirty) для русского текста. 👋 подробнее прочесть был сделан Typewriter тут Вполне еще свежий на сегодня макет Искусство Кино был сделан в 2019 по заказу Антона Долина. Старая команда Даниила Дондурея была в оппозиции и макет не внедрили. Пару лет назад макет увидел Наум Клейман и предложил его внедрить текущий как команде, Славон тоже выступает за это, но редакция пока не обращалась.

#3 Netflix и вертикальная лента

Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо. И вот тут у меня немного пригорает. Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн. Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил. Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах. Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить. Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями. И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🍃 Мир, труд, май🍃
🧷Труд — это не только про «сделать», но и про «придумать», найти своё решение и довести идею до результата. В Институте дизайна это особенно чувствуется: через поиск, сомнения, правки и тот самый момент, когда «сложилось»🕗 Пусть в вашей работе будет больше смысла, чем рутины, больше интереса, чем обязательств. А рядом — люди и проекты, которые действительно заряжают. С Праздником! ✨
#madeontilda. Выпуск №143
Новые проекты #madeontilda: интернет-магазин авторской канцелярии, лендинг центра развития ребёнка в Краснодаре, лонгрид, посвящённый померанскому шпицу, и другие. Геосмин 👉 https://geosmin.shop/ Интернет-магазин авторской канцелярии Антикризисный контент 👉 https://cmday.ru/anti-crisis-content Лендинг онлайн-конференции Roteva 👉 https://oknasdereva.ru/ Сайт производителя деревянных конструкций Спица 👉 https://spitsa.com/ Интернет-магазин производителя постельного белья Snax 👉 https://partners.snax.ru/ Лендинг франшизы магазинов Эльза — миниатюрная роскошь 👉 https://elza-spitz.tilda.ws/ Лонгрид, посвящённый померанскому шпицу Маленький Мыслитель 👉 https://littlethinker.ru/ Сайт издательства детских книг Нейро-Ива 👉 https://neuro-iva.ru/ Лендинг центра развития ребёнка в Краснодаре Иркутск космический 👉 https://www.irk.ru/news/tarticles/20260331/space/ Лонгрид, посвящённый истории освоения космоса
12 бесплатных абстрактных splash-иллюстраций в форматах PNG, Sketch, Figma
💖 Мир, Труд, Май, друзья!
Как много в этих словах на самом деле. Если Весна, если Мир и если есть своё Дело – разве это не счастье? Но времена года меняются – мы не в силах остановить этот круговорот. События вокруг нас сменяют друг друга и часто мы можем лишь наблюдать и адаптироваться. И искать опору в Труде. В добром, честном деле, через которое служим людям. Которое любим. Я знаю, что меня здесь читают только те, кто своё дело любит. У кого-то сейчас период роста, кто-то сидит без заказов. Кто-то сомневается в себе, а кто-то, наоборот, уверовал в свой профессионализм. 🌸 Каждому из вас я желаю, чтобы ваш труд служил процветанию – и вашему, и клиентскому, и общему. Чтобы вам было легче строить свой фундамент и своё будущее в профессии, приглашаю вас на онлайн-стрим, на котором я покажу вам как научиться строить буквы и легко перемещаться между разными стилями. ⏰ 4 мая 13:00 по МСК Внесите себе в календарик. Быть всем, кто хочет уверенно называть себя Профи. Хороших выходных и до встречи #ЭтоЗНАК
В начале апреля мы предложили нашим читателям сделать плакаты со шрифтом Onweer на тему «Буря».
БУМ! ❤️
переработанный курс по блендеру уже начался, но осталось пару мест! вся сцена собрана с нуля в блендере с простого скетча карандашом до финального рендера — и это прямой показатель того, какими огромными возможностями можно овладеть, если уметь пользоваться блендером дайджест постов absolute cinema пайплайн создания синематика со сложной кассетой нововведения в курсе и инфо про кураторов артовое зоо-безумие в блендере: раз, два, три, четыре, пять 2.5 месяца, 35к, присоединиться можно еще 12 дней, есть оплата в рассрочку и частями 🤩 программа курса 🤩 по любым вопросам пишите в @alkali_support_bot
Вы серьезно думаете, что «размер» определяет форму?
И это заблуждение встречается не только у обывателей. Одна из главных ошибок начинающих дизайнеров - рисовать одежду на абстрактном «стандарте», который существует только в их голове. В реальности же дизайн — это работа с геометрией и архитектурой тела. ➡️ Для дизайнера важно понимать типы фигур не ради теории, а ради безупречной посадки. Ведь одна и та же модель изделия будет смотреться абсолютно по-разному на: ➡️ Песочных часах с выраженным балансом; ➡️ Груше с акцентом на бедра; ➡️ Яблоке с объемом в центре; ➡️ Прямоугольнике с атлетичным силуэтом; ➡️ Треугольнике с активной линией плеч. Если вы работаете с одеждой, важно перестать рисовать «воздух» и начать понимать, как реально распределяются объемы. Нельзя создать идеальный силуэт, если вы не видите базу, на которую он ляжет. Чтобы упростить себе задачу и перестать гадать, используйте профессиональные шаблоны в реалистичных пропорциях. Это помогает: — проектировать одежду под конкретный запрос и фигуру; — видеть реальную посадку еще на этапе эскиза; — создавать коллекции, которые подходят живым людям, а не манекенам; — видеть форму, а не свои фантазии о ней. Хороший дизайнер работает не с мифами, а с пропорциями. Скачать ШАБЛОНЫ
✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей
Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
пятничная подборка: как технологии становятся частью заботы, комфорта и повседневных ритуалов
📱 «Т-Банк» и бесконтактная оплата на iPhone Т-Банк запустил T-Pay для офлайн-оплаты на iPhone (iOS 16+). теперь смартфон можно использовать как платёжный инструмент без физической карты — через BLE-соединение с терминалом. решение встроено в локальную банковскую инфраструктуру и работает в связке с экосистемой платежей, включая партнёрские технологии других банков. ключевой эффект — не новая технология, а объединение уже существующих: iOS-интерфейс, бесконтактная оплата и офлайн-режим с цифровым сертификатом, который обновляется при подозрительной активности. 🚗 Citroën и комфорт для питомцев в дороге Citroën адаптировал автомобильный комфорт под животных, встроив в поездки снижение тревожности питомцев. совместно с BETC Paris бренд разработал Calm Diffuser — устройство, которое выделяет синтетические феромоны, имитирующие сигналы спокойствия, знакомые животным с детства. это продолжение общей логики бренда: от подвески и антиукачивания до заботы о пассажирах-питомцах. автомобиль становится пространством, учитывающим не только людей, но и животных как часть семьи. 🚂 виртуальный «Экспресс Святого Винсента» в австралийском центре ухода за пожилыми людьми создан иммерсивный VR-проект «Экспресс Святого Винсента». участники садятся в стилизованное купе и «путешествуют» по 10 странам через VR-окна с панорамными экранами. поезд сопровождается голосовым ИИ-гидом, а впечатление дополняется билетами, паспортами и дегустацией блюд. для пациентов с деменцией и пожилых людей это становится не просто развлечением, а формой социальной терапии: совместное переживание опыта снижает тревожность и возвращает ощущение участия в жизни. ✨ вывод для бизнеса во всех трёх кейсах технологии уходят от роли отдельных продуктов и становятся частью повседневных контекстов — оплаты, поездки или заботы о здоровье. ценность создаётся не самой инновацией, а тем, насколько незаметно она встраивается в уже существующий опыт человека и расширяет его без необходимости менять привычки. trends.aic.ru
🎨 События в «Московских мастерских» в начале мая: дайджест
Вас ждут камерные арт-квартирники в студиях современных художников, мастер-классы по развитию воображения и созданию оригинальных объектов, театральные занятия для детей и новые экскурсии. 🔶 Программа мастер-классов от резидентов 🔸 2 мая, 16:00–16:30 На мастер-классе «Книга-дом» Тани Старовойтовой каждый участник соберёт книгу-дом и наполнит её своими смыслами. 🔶 Мастер-класс от артистов «Детского театра эстрады» 🔸 3 мая, 14:00 На занятии «Импровизация по-актёрски!» Анна Баздырева научит детей 10–15 лет не бояться сцены и играть свободно. 🔶 «Арт-квартирники» в мастерских художников Для всех, кто хочет попасть за кулисы творческого процесса, лично познакомиться и пообщаться с резидентами «Московских мастерских». 🔸 1 мая, 16:00–17:00 Мастерские Сергея Михайлова и Анастасии Дяченко 🔸 3 мая, 16:00–16:30 Мастерская Анны Рзаевой 🔶 А также всех гостей «Московских мастерских» ждут выставки 🔸 До 1 июня, с 10:00 до 22:00 Экспозиция «Медленные сны» и ежедневные экскурсии в 14:00 и 19:00 (по предварительной регистрации). Проект под кураторством Этери Орджоникидзе объединяет около 90 проектов, созданных в широком спектре тем и техник — от живописных работ до масштабных инсталляций. 🔸 До 16 мая, ежедневно с 10:00 до 22:00 Экспозиция студентов Московской школы кино «Сети». Выставка под кураторством Аддиса Гаджиева посвящена современным технологиям и их влиянию на наше восприятие и способы взаимодействия с миром. На площадке представлены инсталляции, фотографии, видео-арт и мозаика. 📍 «Московские мастерские» РЦ «Место встречи София», 2 этаж Сиреневый бульвар, д. 31 [АКИлогия] | Читайте нас в MAX
МАЙ В КЛУБЕ — САМ СЕБЕ ВИРТУАЛЬНЫЙ СТИЛИСТ
➡️ Если вы дизайнер, швея или работаете в хендмейде - в мае будем учиться самим собирать себе образы, примерять идеи, тестировать одежду, прически и луки с помощью ИИ. ❕ Без стилистов, долгих съемок и бесконечных примерок. Вы сами сможете видеть, как может выглядеть вещь, образ или новая подача именно на вас или на вашей модели. Внутри месяца: виртуальная примерка, Nano Banana, Leonardo, промпты для ракурсов и фигур, прически, Pinterest-борды и сборка готовых луков. Это месяц для тех, кто хочет использовать ИИ не ради красивой игрушки, а для работы, контента, вдохновения и своего визуального стиля. В мае становимся сами себе виртуальными стилистами. ВСТУПАЙТЕ В КЛУБ ПО ССЫЛКЕ
Согласитесь, что было бы круто, если на компе всегда был идеально подходящий шрифт под любой проект?
Чтобы вообще был не нужен тот этап, когда скроллишь бесконечный поток вариантов до ряби в глазах 😵‍💫 А теперь представьте, что искать вообще не нужно. 🪄✨ Просто открываешь файл и дизайнишь нужные слова сам.Спокойно, в творческом потоке, на вдохновении. Не как что-то усложняющее жизнь, а как естественное продолжение своей работы и чистое творчество. 🐸 Нужен детский проект — ты чуть смягчаешь форму, даёшь буквам разную ширину, добавляешь лёгкую неровность. И слово сразу становится тёплым, живым, как будто его нарисовали от руки. 🐬 Нужен спортивный — ты усиливаешь ритм, даёшь наклон, собираешь форму плотнее. И в буквах появляется напряжение, энергия, ощущение движения. 🐍 Нужен элегантный — ты работаешь тоньше. Чуть меняешь пропорции, расстояния, характер штрихов. И из тех же базовых форм рождается спокойное, уверенное, дорогое решение. И в какой-то момент ты ловишь себя на ощущении, что это легко в своей естественности. Что так и должно быть. Потому что ты – дизайнер. Ты можешь создавать из пятен нужное ощущение и придавать ему форму. И да, это тот самый момент, где работы начинают отличаться. Ты как специалист начинаешь очень-очень-очень сильно отличаться от массы. Если хочется стать таким спецом – приходите на СТРИМ 4 мая. Я покажу как это работает ✨ #этоЗНАК
Минутка обучения:
Авокадо как лого. Знакомый многим приём работы с шоифтографией логотипа на основе формы одного объекта. Автор примера: FAEL
Вука-вука пыщ-пыр пыщ-пыр
Запускаем новый образовательный контент — вводный курс по диджеингу Если ты давно хотел попробовать, но не понимал, с чего начать — это он. Ведущий курса — Денис Хватков Человек, который понимает не только как играть, но и как строить вокруг этого карьеру. На курсе: — Разберёшься в базах диджеинга — Научишься собирать сеты — Поймёшь, как звучать не «как все» — И как упаковать себя как артиста Курс уже доступен на Креативити по ссылке. Это стартовая точка, если ты хочешь зайти в индустрию 📎 Креативити
Самые суровые пусть пытаются прогреть мангалы, а для тех кто выбрал остаться дома под тёплым одеялом мы подготовили дайджест самых популярных за прошлые три месяца.
Всем кто интересуется нейровидео Обзор обновления Kling 3.0 Серия постов про персонажей! Как избежать классических ошибок Перенос вашего замысла в генерацию Ригаем и анимируем персонажа в 3D Печатаем персонажа на 3D принтере Если вы в поиске вдохновения, есть три отличных поста Про референсы в живописи Нейроинструменты в реальной жизни Список книг от наших коллег из Т-банка Промтами и приемами делимся В посте про ракурсы И в фотоссесии для героев мемов Каникулы короткие — дайджест длинный, приятных выходных🫶 💙 tsekh.designцех в tg
Магия чисел или 10 тысяч шагов 👟👟👟
Слушайте, хотел вот что рассказать. Помимо того, что я бегаю — в один момент решил ещё отслеживать вот что. А сколько вообще шагов за день получается с этим бегом. Сначала казалось: ну бегаю — значит шагов дохера. Но нет, не всё так просто. Бег — это не всегда много шагов. В общем, я поставил себе цель: каждый день делать 10 тысяч шагов и больше. Сейчас трекер показывает 129 таких дней подряд. Ну, потому что 129 дней назад я начал это отслеживать. Может, там плюс-минус, но не суть. И в чём прикол. ☑️Во-первых, большое количество шагов = больше сжигаешь калорий. Можно чуть спокойнее есть что-то вкусное почаще. ☑️Во-вторых — когда я начал трекать шаги, то начал это делать в приложении, которое считает биологический возраст на основе этой активности. И вот вчера оно мне выдало, что мой биологический возраст на 8 лет меньше, чем есть на самом деле. Те, кто знает, сколько мне лет — будут немного в ахуе 🙂 И кажется, в этих цифрах есть меджик. Потому что по ощущениям жизнь стала реально другая: больше энергии, больше улыбок, в целом как будто здоровее себя чувствую.. А вы сколько шагов за день проходите?