🧠 В Фотошопе поняли, что проблема не в генерации, а в разрыве между намерением и результатом

Generative Fill уже умел менять изображение по текстовому запросу. Но когда в Фотошоп добавили Reference Image, быстро выяснилось, что пользователи ожидают от него не «примерное вдохновение», а гораздо более управляемый результат. То есть проблема была не в самой идее, а в том, как люди понимали влияние референса и насколько могли контролировать итог. Самое интересное в кейсе Adobe не финальный интерфейс, а сам путь. Команда прошла через несколько раундов исследований, пробовала разные сценарии, даже собрала отдельный Protoshop, чтобы тестировать гипотезы быстрее, чем через десктопный Фотошоп. В процессе отвалились лишние настройки, поменялась логика взаимодействия, а главный вывод оказался довольно приземленным: пользователю важнее не количество контролов, а понятный способ заранее выразить намерение. Внутри: – Почему первый интерфейс с референсом не совпал с ожиданиями пользователей; – Какие непонимания вскрылись между промптом и референсным изображением; – Почему людям было важно управлять степенью влияния референса; – Зачем команда пробовала drag-and-drop и почему этот путь не сработал; – Как отдельный Фотошоп ускорил цикл тестирования и переделок; – Почему пришлось адаптировать технологию под поведение людей, а не наоборот; – Как в финальной версии упростили сценарий и убрали лишнюю сложность; – Что этот кейс говорит о дизайне AI-функций в целом: контроль важнее магии. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

Есть два вида печати: 1. Цифровая — быстрая и выгодная. Макет отправляется на печатную машину и наносится на бумагу напрямую тонером или краской, как в домашнем принтере. Можно сделать один экземпляр, внести правки в файл и тут же напечатать исправленную версию. 2. Офсетная устроена сложнее: краска сначала попадает на печатную форму, потом на резиновое полотно, а с него — на бумагу. Это более долгий и дорогой способ, так как на старте нужно оплатить изготовление форм и настройку оборудования. Выбирайте вид печати, учитывая его плюсы и минусы. Подробнее об этом — в статье в нашем блоге. #польза #печать @contented

🆕 Подпункты меню в блоках ME400

В гамбургер-меню теперь можно добавлять до четырёх уровней вложенности. Например, в интернет-магазине можно выстроить структуру «Каталог → Одежда → Мужская → Футболки», чтобы пользователю было проще ориентироваться в большом количестве категорий. Настройка доступна для блоков: ME400, ME400A-F, ME401N, ME402N, ME405N. #tildaupdates

🆕 ВКонтакте для приёма заявок из форм

Теперь вы можете подключить к своему сайту или интернет-магазину мессенджер ВКонтакте, чтобы принимать заявки из форм в личные сообщения. Для этого вам потребуется авторизироваться в вашей учётной записи во ВКонтакте, скопировать ID вашего аккаунта и перейти в сообщество Tilda Publishing Forms по ссылке: https://vk.com/tildapublishing_forms Подробную инструкцию по подключению интеграции читайте в Справочном центре: https://help-ru.tilda.cc/forms/vk Где настроить: Настройки сайта 👉 Формы 👉 VK #tildaupdates
🎙 Вебинар «SEO-продвижение сайта в поисковой выдаче и ИИ»
Почему ваш сайт не растёт в поиске и что делать, чтобы улучшить его позиции в поиске и нейросетях — узнаете на бесплатном вебинаре 27 мая. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1777560685061a51ca1724 На вебинаре разберём: 🟠 Как работает SEO сегодня, и почему это не про ключевые слова; 🟠 Из каких этапов состоит базовая SEO-настройка сайта; 🟠 Как AI влияет на поиск и что важно учитывать в работе над сайтом. Вебинар проведёт Артур Ткаченко, CEO Alt Design и Alt Agency.
📚"Nudge" Ричарда Талера и Касса Санстейна
Книга про то, как небольшие изменения в среде влияют на решения людей. Не через давление и манипуляции, а через архитектуру выбора: порядок вариантов, формулировки, настройки по умолчанию, визуальные подсказки. Почему это полезная книга для дизайнеров? Мы постоянно направляем внимание человек и влияем на его поведение. 🔸Например, в меню кафе можно просто перечислить позиции, а можно через верстку и акценты мягко направить выбор: выделить авторские напитки, поставить их выше, добавить маленькую пометку «выбор бариста» или визуально отделить их от базового меню. Формально выбор остаётся свободным, но дизайн помогает человеку быстрее принять решение. Хорошая книга, чтобы перестать думать о дизайне только как о «сделать красиво» и начать видеть в нём систему решений.
Изображение канала: Дизайнер, привет
Фигма потихоньку ест Иллюстратор
У Фигмы в релиз-нотах появился апдейт Draw. Там добавили текст по контуру, быстрый доступ к инструментам, отдельные слои для текста и вектора, новые настройки кистей, градиентов, текстур и шума. Можно было бы пролистать и забыть. Ну мало ли, ещё один набор мелких улучшений для тех, кто любит ковырять векторы. Но вообще это довольно показательная история. Они уже давно перестали быть просто местом, где рисуют экраны. Теперь вот потихоньку забираю соседние задачи, из-за которых дизайнер раньше уходил в другие редакторы. Обычный рабочий сценарий: • Собрал экран в Фигме. • Понял, что нужна простая картинка для пустого состояния. • Потом обложка. • Потом чуть поправить вектор. • Потом текст по дуге. Потом какая-то графика для презентации. И начинается: открыл Illustrator, поправил, экспортнул, вставил обратно, увидел правку, пошёл заново. Всё это не страшно, но бесит. Особенно когда задача маленькая, а вокруг неё внезапно появляется отдельный мини-процесс. Вот в такие места Draw и лезет. В ежедневную мелкую графику, которая постоянно всплывает рядом с интерфейсами. Для большой профессиональной иллюстрации отдельный редактор всё равно пригодится, тут иллюзий нет. Для продуктового дизайнера это вполне окей. Нужно быстро собрать пустое состояние, простую иконку, промо-блок, обложку, кусок графики для лендинга или презентации. И если всё это можно сделать прямо рядом с макетом, без прыжков между окнами, то понятно, почему Фигма туда идёт. Обратная сторона тоже есть: фигма начинает пухнуть. Сначала экраны. Потом прототипы. Потом Dev Mode. Потом сайты. Потом ИИ. Теперь ещё больше графики. И в какой-то момент инструмент, который был понятным рабочим местом, начинает превращаться в такой дизайн-комбайн, где всё вроде можно, но иногда уже не очень понятно, куда смотреть. Мне в целом удобно, когда мелкие графические штуки можно быстро сделать в том же файле. Я не хочу ради маленькой картинки для онбординга открывать ещё одно приложение и устраивать цирк с экспортами. Но я ещё меньше хочу, чтобы Фигма стала местом, где всё делается на уровне «ну вроде норм». Короче, Draw выглядит маленьким апдейтом, но направление у Фигмы понятное: дизайнер должен всё реже выходить из одного рабочего пространства. Вопрос только в том, где у этого пространства край. Потому что если сложить туда вообще всё, однажды сама Фигма станет отдельной задачей на день. Я вот, например, так и не нашёл как мне отменить подписку на тим аккаунт. Нигде. Даже кодекс просил, чтоб нашёл. Тупо нет кнопки нигде. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Design Twist
Как я пытаюсь выстроить связку Figma + Claude (часть 1)
Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!
Изображение канала: FashionVectorDesign
Я видимо родилась с настройками "на огород" сразу пенсионером с рассадой))
- в школе я сооружала агро системы для полива - собирала палочки и веточки - я подвязала саженец яблони на даче, а палка к которой я привязывала проросла - про бесчисленные эксперименты с цветной морковкой, кабачками и земляникой можно даже не упоминать Когда все достанет - уйду заниматься растениями, а пока вот новый эксперимент : Мимоза стыдливая выросла у меня из семян и всех радует своей реакцией на прикосновения🤲🏻 И тут вопрос: "Как она это делает"??
Video is not supported
Изображение канала: Профессия Дизайнер
Самая недооценённая настройка кисти в Photoshop by octopunish_art
Полезное видео для художников из которого вы узнаете, как просто изменить цвет каждого штриха. #photoshop #лайфхак
Video is not supported
Изображение канала: АХ дизайн
⌛ Прелоадер для Тильды с прогрессом загрузки
👋 Всем привет, возвращаюсь в канал после небольшого перерыва с новой модификацией ) Сделала для себя вот такой простенький прелоадер для Тильды с помощью ChatGPT (в демонстрации мой ученический проект с курса Тильды Про, кстати 🤭) Фишка данного прогресс бара в том, что он имитирует реальную загрузку страницы, а не просто делает определенную паузу на экране загрузки. Сделать прямо таки настоящий прогресс бар загрузки для Тильды нельзя по утверждению нейронки, поэтому она сделала имитацию, очень близкую к реальному процессу загрузки сайта. По моим тестам все очень даже правдоподобно выглядит и совпадает с реальным временем загрузки. ⭐️ Код прелоадера в файле в комментариях к посту. ✨ В начале кода вынесены все основные настройки, которые вам могут понадобится для стилизации под дизайн вашего сайта (обратите внимание, что есть ряд настроек отдельно и для мобильной версии) — все подписано комментариями. ❤️ Если у вас есть вопросы по редактированию кода — дайте знать в комментариях 😊 #тильда #модификации #прелоадер
Изображение канала: Профессия Дизайнер
Двойная экспозиция в DaVinci by illustartur
Пошаговый гайд по настройкам нод, вырезанию и всем остальныим аспектам для создания такого эффекта. #DaVinciResolve
Video is not supported
Изображение канала: Tilda Publishing News
Вы запустили бизнес, сделали сайт и готовитесь принимать онлайн-платежи. Теперь важно выбрать и правильно настроить способы оплаты. Однако даже надёжные платёжные системы требуют внимательной настройки: ошибки могут привести к штрафам и потере доверия клиентов.
В карточках разбираем, какие ошибки чаще всего допускают при подключении онлайн-оплаты и как их можно не допустить 👉 Подробнее о том, как законно принимать онлайн-оплату и какие варианты доступны предпринимателям, рассказываем в нашей новой статье: https://tilda.education/payment-on-the-website 💬 Какой платёжный сервис выбираете вы и почему? Делитесь с нами опытом в комментариях!
Изображение канала: серёгина. лаборатория веб-дизайна
Инструкция по работе с Claude и Claude Code 🥹
Сегодня я написала для вас целую инструкцию по настройке среды для дальнейшей работы с Claude❗️ Я очень часто в роликах и историях говорю: не получится сделать сайт нажав лишь одну кнопочку в строке запросов у Claude какой бы у вас подробный промпт не был! Так что сегодня как раз про все, что вы должны знать для начала работы → так что выделите себе 2-3 часа свободного времени, чтобы во всем разобраться, это не так просто☺️ 🔗Ссылка на инструкцию (статья лежит в Notion, так что, возможно, вам понадобится VPN) Возможно, вы сейчас увидите инструкцию и испугаетесь… Или скажете «так я вообще ничего не понимаю в разработке»🥲 На самом деле, самый муторный этап это «вкатиться» в это все и понять что к чему, дальше – легче. Вам не нужно писать код для создания сайтов, не нужно разбираться в разработке – этот процесс не про это!😳 Как я уже говорила – я не представляю профессию дизайнера будущего без этого навыка, он очень оптимизирует и ускоряет твою работу. Согласитесь, собрать за день 1 презентацию и целых 10 таких же – это большая разница?✅ В общем, приятного чтения, если что будет непонятно – спрашивайте. И, конечно, буду рада вашим реакциям✨ #полезное #клод
Изображение канала: серёгина. лаборатория веб-дизайна
Что умеет Claude (Design / Code) на практике🤖
мой опыт и опыт других дизайнеров/разработчиков 📎 Генерировать UI-концепты и макеты по промпту загружая их напрямую в браузер или в саму Figma 📎 Справляется с созданием адаптивов Хорошо продумывает адаптив, даже если задать ограничения и сценарии 📎 Генерировать дизайн-системы Может собрать дизайн-систему и описать правила (однако полноценные системы требует доработки) 📎 Верстать интерфейсы Подходит для лендингов, MVP и даже сложных интерфейсов, но почти всегда требует ручной доработки и ревью, хорошо обучается на загруженных библиотеках и твоих спецификациях 📎 Делать интерактивные прототипы Может собирать прототипы в браузере/Figma 📎 Помогать с деплоем Может объяснить и сгенерировать шаги для хостинга, домена и настройки проекта 📎 Интеграция с бэкендом и админками Может предложить архитектуру, API-структуру, варианты CMS (пока не тестила работу на бэке, на ютубе видеоа много уроков) 📎 Проводить исследования Это не замена полноценным UX-исследованиям с пользователями, однако с данными на основе реальных пользователей тоже отлично справится → просто чтобы вы понимали на какой функционал можете рассчитывать, а я пока готовлю большую инструкцию установке Claude правильно со всеми необходимыми библиотеками и приложениями😇 #полезное #клод
Изображение канала: Tilda Publishing News
🆕 Календарь в статистике сайта
Стало удобнее анализировать данные: теперь можно выбрать нужный интервал и формат отображения статистики — по дням или по месяцам. Это пригодится, если вы хотите посмотреть статистику за конкретный период, например, во время рекламной кампании или сравнить динамику за несколько лет. Где найти: Настройки сайта 👉 Аналитика 👉 Посмотреть статистику #tildaupdates
Изображение канала: en<able> - о дизайне и доступности
📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты
Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.  Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям. Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.  Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям ) В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал. ⚡️Написала инструкцию на VC⚡️ ___ en<able> - о дизайне в A11y | Наши статьи на VC
Изображение канала: Tilda Publishing News
🆕 Обновлённые Настройки сайта
Раздел с настройками сайта полностью обновился. Теперь в нём стало проще ориентироваться, быстрее находить нужные разделы и комфортнее пользоваться функционалом. Подробнее об основных изменениях рассказываем в карточках 👉 Уже успели оценить обновления? Делитесь в комментариях! #tildaupdates
Video is not supported
Изображение канала: Щёлочь
как сделать такой синематик? ❤️
делали в блендере, обьект очень сложный, ему нужен был прокси (низкополигональная версия обжекта для более простой настройки во время анимации) для красивой анимки чтоб видеть его движения в 30 фпс а не в 11фпс. для киношных текстур AAA уровня использовали тут Substance 3D Painter и Plasticity для инженерного моделирования (с точностью до нанометра) если хотите разбираться в этом всё также круто и создавать проекты AAAAA+ уровня и стать гиком в 3D — велком на курс ОТГ с 28.04 программа курса по любым вопросам пишите @alkali_support_bot
Video is not supported
Изображение канала: aiScripts
Горячие клавиши и скрипты в Иллюстраторе
У Адоб нет единого подхода к разработке программ. В Фотошопе и Индизайне, если скопировать скрипт в папку программы, он появляется в меню настройки горячих клавиш. Вы назначаете своему скрипту сочетание, к примеру, Ctrl+Alt+H, и Фотошоп или Индизайн его запускает. В Иллюстраторе этого нет, поэтому приходится добавлять скрипты на функциональные клавиши F1–F12 через панель Actions. Но это ограниченный способ с риском в отдельных случаях получить зависший Иллюстратор, а с помощью сторонних программ возможностей будет больше. Написал обзор существующих способов настройки горячих клавиш для скриптов для Виндовс и Мак: — Как назначить горячие клавиши на скрипты в Иллюстраторе (Ru) — How to Set Up Keyboard Shortcuts for Scripts in Adobe Illustrator (En) #learn