Что в голове у нейросети, когда она делает дизайн?

Разработчики модели Claude открыто публикуют системные «навыки» — текстовые инструкции, которые под капотом выполняет нейронка, про них писал раньше в канале.

Сегодня обнаружил, что для вебдизайна у Claude тоже есть отдельный навык. Он его использует каждый раз, когда просишь сделать отчет, сайт-визитку или лендинг.

Очень любопытно, что упор делают на «вау‑решения» с максимальным контрастом. По сути в промпт зашит рецепт смелой дизайн‑концепции.

Привожу перевод навыка, за исключением технических указаний:

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

• Цель: какую задачу решает интерфейс? Кто им пользуется?
• Тональность: выбери крайность и придерживайся её. Например: радикальный минимализм или хаотичный максимализм, ретрофутуризм, органика, строгий люкс, игрушечный или журнальный стиль, брутализм. Используй это для вдохновения, чтобы создать аутентичный продукт.
• Ограничения: учитывай технические требования (фреймворк, производительность, доступность).
• Уникальность: что сделает проект незабываемым? Какую одну деталь пользователь точно запомнит?

ГЛАВНОЕ: выбери четкую концепцию и безупречно её реализуй. И смелый максимализм, и изысканный минимализм работают хорошо, если за ними стоит осознанность, а не просто желание сделать «поярче».

Гайдлайны по эстетике фронтенда
1. Типографика
Выбирай характерные шрифты. Откажись от приевшихся Arial или Inter. Ищи решения, которые подчеркивают индивидуальность. Удачный прием — сочетать необычный акцидентный шрифт в заголовках с выверенным текстовым шрифтом в основном блоке.

2. Цвет и тема
Создавай целостную палитру. Используй CSS-переменные для единообразия. Доминирующий цвет с резкими акцентами выглядит лучше, чем робкая, равномерно распределенная гамма.

3. Моушн-дизайн
Используй анимацию для микро-взаимодействий:
— Для чистого HTML отдавай приоритет CSS-решениям.
— В React используй библиотеку Motion.
— Делай ставку на ключевые моменты: один эффектный экран загрузки с каскадным появлением элементов создает больше восторга, чем россыпь мелких случайных анимаций. Добавляй неожиданные ховер-эффекты и анимации по скроллу.

4. Композиция и пространство
Экспериментируй с версткой: используй асимметрию, наслоения, диагонали и элементы, которые ломают сетку. Работай с пространством: либо обилие «воздуха», либо контролируемая плотность.

5. Фоны и детали
Создавай атмосферу и глубину. Вместо однотонных заливок используй градиентные сетки (mesh), шум, геометрические паттерны, слоистую прозрачность, драматичные тени или зернистость.

Никогда не используй шаблонные «нейросетевые» решения:
• Стандартные шрифты (Inter, Roboto, Arial, системные шрифты).
• Стереотипные цвета (особенно фиолетовые градиенты на белом фоне).
• Предсказуемую верстку и стандартные компоненты из библиотек.
• Шаблонный дизайн без характера.

Твори и делай неожиданный выбор. Каждый проект должен быть уникальным. Чередуй темы, меняй шрифтовые пары и стилистику. Никогда не копируй одни и те же изъезженные приемы из проекта в проект (например Space Grotesk)

ВАЖНО: сложность реализации должна соответствовать эстетике. Максимализм требует сложного кода с обилием эффектов. Минимализм — сдержанности, идеальных отступов и безупречной типографики. Элегантность — это всегда вопрос качественного исполнения.

Конкуренты тоже не отстают — у OpenAI на этой неделе вышла статья как делать вебдизайн через модель ChatGPT 5.4.

Они в своих инструкциях наоборот напирают на минимализм и лаконичность в стиле Linear.

Дополнительно прописывают структуру страницы, правила хорошего копирайта и ключевых иллюстраций.

А в конце явно пишут чего не должно быть: карточек (бенто получается все?), бессмысленных каруселей и пестрой палитры — её ограничивают одним акцентным цветом и двумя шрифтами
Вот полный перевод навыка front end design от OpenAI 👀

С вас 30 000 ₽ за прохождение интенсива «Стань веб‑дизайнером за три минуты» 🤭

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#дурьвсякая@cogload #text2web@cogload

В википедии оказывается теперь есть темная тема и режим широкой странички!

Включатся в «очках» справа сверху. Больше не придется себя ночью слепить ⬜️

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#любопытство@cogload

Книжная открывашка: ненапряжный читальный челендж

У меня лежат три книжки которые я уже довольно давно хочу прочитать, но они постоянно выпадают из окна внимания.

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

Я уверен, что многие тоже с этим сталкивались, и поэтому решил организовать мини-челндж вместе с Ариной у неё в чатике, где мы будем вместе в режиме не-напряга, регулярно читать то что выбрали.

Мы уже так делали в прошлом году и было супер кайфово и лампово 👀🔥

Я буду читать книжку Нира Эяла «Beyond Bielief» — про модели мира, ограничивающие установки и как эти установки можно менять на практике.

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

Бдуем придерживаться Декларации прав читателя и кайфовать.

Челендж продлится 45 дней (6 апреля → 21 мая), чтобы создать привычку открывать книгу.

А дальше что раньше закончится: интерес, книжка, или желание этому сейчас уделять время.

Открывашка начинается 6 апреля в чатике у Арины. Заходите, читайте закреп и давайте вместе читать что интересно!

→ Присоедениться к челенджу ←

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#челлендж@cogload #открывашка@cogload

Открываю открывашку. Почему именно такие устанвоки?

Если по чесноку, я просто понимаю, что на серьезных щщах не затащу этот челендж) Не хочу сейчас упахиваться в продуктивность и достигаторство.

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

Главное обязательство — открывать книгу каждый день. Заметьте что нет обязательства её читать.

Обычно все сайд-начинания у меня затухают из-за слишком высокой планки. Ставлю себе амбициозные цели, но как только случается очередной «загруз», всё летит к чертям. Потом расстраиваюсь что ничего не получилось.

Чтобы «открыть книжку» нужно всего два условия:
● Чтобы она была под рукой: на столе, тумбочке, на видом месте в телефоне или на компе.
● Чтобы открывание совершалось: по напоминалке, просто потому что глаз упал.

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

Второе обязательство — писать о том, получилось или нет.
Обычно все делятся победами и «успешным успехом», но если каждый день подмечать почему не получается, через время закономерности проявляются.

В режиме «проброса», это не занимает ресурса, а на дистанции начинаешь видеть, что именно мешает.

Декларация прав читателя
Очень советую хотя бы в первом приближении на неё взглянуть — декларация короткая и вдохновляющая. На неделе я напишу про неё отдельный пост, и мы все её «подпишем». 🥁

Установки на челлендж:
● Без давления и в кайф. Придерживаемся «Декларации прав читателя».
● Открываем книгу каждый день, даже если не получается продолжать.
● Просто открыть книгу — это уже хороший результат и победа.
● В чате пишем, получилось сегодня или нет.
● По желанию — делимся впечатлениями, мыслями или конспектами.

→ Присоединиться к челенджу ←

p.s все, я больше про него не буду тут спамить, вся движуха будет в чате

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#челлендж@cogload #открывашка@cogload

Лучшая бесплатная локальная модель для разговоров на русском языке — Gemma 4

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

Gemma 4 32b и 26b-A4b это первые локальные модели которые на моем ноуте без доступа к интернету прошли бенчмарк на знание русскоязычного контекста: с первого раза ответить на вопрос: «Кто такой Максим Ильяхов?»🤭

Полгода назад маленькие нейронки уверенно пороли чушь:
● «известный политический деятель»
● «депутат государственной думы, которого посадили за взятки»
● «основатель агентства Регнум»
● «один из самых популярных стримеров на Twitch в России»

Gemma 4 (26b-A4b-UD-Q3-K-S) сегодня мне ответила так:

Максим Ильяхов — известный российский редактор, писатель и эксперт по работе с текстами, который стал популяризатором концепции «ясного стиля» (или «инфостиля») в современном русском языке.

Вот основные факты, которые помогут понять, кто он:

1. Автор книги «Пиши, сокращай»
Максим Ильяхов стал широко известен благодаря своей книге «Пиши, сокращай». В ней он излагает философию работы с текстом, основанную на следующих принципах:
● Борьба со словесным мусором: удаление лишних слов-паразитов, канцеляризмов и штампов.
● Фокус на фактах: замена абстрактных прилагательных («высокое качество», «инновационный подход») конкретными примерами и доказательствами.
● Забота о читателе: текст должен быть максимально понятным, чтобы человек не тратил время на разгадывание смысла.

2. Работа в «Т—Ж» (Тинькофф Журнале)
Он долгое время работал главным редактором «Т—Ж». Именно там он применил свои принципы редактирования к масштабам большого медиа-издания, превратив его в один из самых популярных ресурсов о деньгах и жизни. Он внедрил жесткие стандарты качества текстов: никакой воды, только польза и конкретика.

3. Преподавание и консалтинг
Ильяхов создал образовательную систему по редактуре (курсы «Пиши, сокращай»), которой пользуются тысячи людей — от копирайтеров и маркетологов до топ-менеджеров крупных корпораций. Он учит людей не просто «исправлять ошибки», а менять мышление: переходить от желания «казаться умным» к желанию «быть полезным».

Основная идея его подхода
Если кратко, подход Максима Ильяхова заключается в том, что текст — это инструмент для передачи смысла. Если смысл не дошел до читателя из-за сложных слов или запутанных фраз, значит, текст плохой. Его цель — сделать коммуникацию честной, прозрачной и эффективной.

What a time to be alive!

Гугловцам каким-то образом удалось втиснуть очень много специфических знаний в файл размером 11,6 Гб

Они отдельно пишут, что дообучали на разных языках, поэтому для переводов и редактуры моделька должна очень хорошо подойти.

Cкоро расскажу как такие штуки можно без большой головной боли запускать у себя на компе!

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#toolreview@cogload #нейронка@cogload #text2text@cogload

Этот сайт смотреть только если закончили на сегодня работать!

Риск высокого залипалова, я вас предупредил! 😯

https://www.illusionsindex.org/i

Сайт посвящен различным иллюзиям, их разбору и объяснению принципов по которым работают.

Задокументированы даже авторы, которые иллюзию открыли. Плюс все статьи лицензированы под creative commons.

Ну не красота ли!

p.s Берегите глаза! Я по молодости когда пытался научиться смотреть автостереограммы переусердствовал, голова болела дня четыре.

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#любопытство@cogload

Affinity studio хорошо обновился

● Добавили векторные blob brush Рисует форму краями обводки, а не центральной линией — такой же инструмент как в иллюстраторе.
● Добавили поддержку файлов .af в DaVinchi Resolve, Cavalry (программа для анимации, теперь бесплатная) и Capture One (конкурент Adobe Lightroom)
● Добавили возможность синхронизации объектов с облачным Canva Brand Kit Типа дизайнер редактирует лого, а во всех Canva шаблонах у маркетологов они автоматом обновляются. Естественно нужна активная подписка.
● Добавили первую интеграцию скриптинга. Можно включить MCP сервер в настройках, и сказать агенту, что ты хочешь сделать с документом. Может читать содержание, изменять редактировать добавлять фльтры, создавать скрипты.

Пока официально есть интеграция только с Claude Code, но у меня получилось выдрать код, и скормить Codex от OpenAI. По идее Antigravity должен тоже разобраться как с этим работать.

На 00:30 он после пяти минут раздумий и анализа кода расширения выдранного из Claude, смог переименовать 300+ слоев в документе по моему запросу

Пока такое удовольствие дороговатое. Если бы я использовал API, ушло бы $0.2-0.4 за весь разговор. Потратилось 111k токенов.

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

Но хотелось бы от Affinity более открытого и понятного способа взаимодействовать с программой обычными дедовскими js скрптами без привлечения агентов.

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#Affinity@cogload #ToolReview@cogload

Простые приемы, которые создают крутые эффекты

Когда начинаешь разбираться в 3D очень часто оказывается что «ВАУ» эффекты делаются очень просто, если знать, что происходит под капотом.

Например обои на M3 Mac Air это просто стеклянные трубы, под которые подложено слово AIR, написанное жирным шрифтом со светящейся текстурой 🗿

Вот как этот эффект в блендере можно повторить:
https://youtu.be/KhBaHDvIamw?t=655

Изначально графику делал Алекс Мальцев, у него в инсте оч много такой цифровой абстрактной красоты! 😯
https://www.instagram.com/i.am.maltsev/

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#любопытство@cogload #вдохновение@cogload

Ideogram 4: генерация картинок из текста с максимальным уровнем контроля. Заодно это лучшая из доступных локальных моделей по качеству русского текста.

Вроде бы ничего нового:
Реализм, генерация текста и постеров, анатомия, стили, хорошее знание концептов и культурных отсылок. Все это умеют Z-image, Flux и Qwen.

Ключевое отличие в степени следования описанию: через специальный интерфейс (00:06) создается JSON запрос с точным расположением объектов в прямоугольниках.

Для каждого кусочка можно задать свой запрос, и если нужно указать цвет в формате #FF0000.

Сверху при желании задать стиль, эстетику цветовую палитру для всей композиции.

При этом нейронка постарается очень точно вписать генерацию в эти коробочки. Не понравилась? Передвигаешь прямоугольник или рисуешь еще детали внутри, чтобы прояснить что надо.

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

Для дизайнерских задач это просто спасение — модель отдельно тренировалась на постерах, графике, баннерах и другом графдизайне. Она очень хорошо работает со шрифтами леттерингом и всяким артом.

Отдельно есть сущность текст: можно задать содержимое фразы, а ниже указать какого стиля должна быть надпись. Среди доступных для скачивания моделей русский язык у Ideogram 4 реально работает лучше всех.

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

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

Лицензия максимально ограничивающая, для любой коммерции нельзя даже outputs, т.е. сами картинки. Для рабочих проектов придется использовать их собственную площадку, API или агрегаторов типа Krea 😭

Грустно, да. Но я могу себе представить кастомную ноду, которая будет посылать уже отточенный локально промпт в API на финальную генерацию, чтобы получить коммерческие права на картинку.

Сейчас одна генерация стоит $0.06 (5 ₽) за стандартное качество и $0.1 (8 ₽) за 4к. Но даже если со временем цена вырастет до $1, $5 или $10, все-равно это будет обосновано на коммерческом проекте. При этом не надо будет платить регулярную подписку и тревожиться что закончатся токены.

На сайте у них еще есть фича по превращению текста в редактируемый (00:26). Я думаю если они нормально интегрируются с какой-нибудь фигмой это будет настоящее конкурентное преимущество. Ну, естественно пока все остальные не повторят у себя 🤭

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#toolreview@cogload #нейронка@cogload #text2image@cogload

Уточнил свой IKIGAI на воркшопе для дизайн клуба Нади Здоровой

Идея в том, чтобы найти свою «причину быть» или «то, ради чего хочется вставать по утрам» на пересечении четырех сфер:
• Что я люблю
• В чем я силён
• За что мне готовы платить
• Что нужно миру

Я уже проводил подобный эфир в Явно больше двух лет назад.

С того времени окончательно убедился, что это очень крутой инструмент для фокусировки, рефлексии и пересборки себя в профессии. Да и вообще по жизни.

На эфире у меня получилось сфокусировать и расширить свой IKIGAI:
2 года назад: «Способствовать пониманию»
Сейчас: «Создавать ясность»

И чуть более многословно и выпукло, с охватом из четырех сфер:

Создавать ясность, чтобы показывать как продуманные и качественные вещи будут приносить радость

Упражнение основано на лекции артдиректора и бизнес-тренера Криса До, которая в своё время меня дичайше вдохновила.

📖Текстовая версия на русском

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

Я для этого сделал бесплатный шаблон FigJam
https://www.figma.com/community/file/1649245307873021447

🎤 Ссылки на утро — второй канал
⏲ Устойчивый VPN за звезду

#ikigai@cogload #вдохновение@cogload