Выявіце свой візуальны стыль, а пасля зафіксаваць яго ў робочым процесе стварэння зображэнняў з вялікім інтелектам.

Уявіть собі цифрового художника, який завантажує шість елементів з серії у форматі ботанічного скла до програми Claude Design та запитує, яку візуальну систему використовує робота. Очікувати можна було б загального опису настрою, наприклад „м’який, квітковий, мрійливий“, — щось приємне на слух, але без конкретики.

Натомість надається точна специфікація. У ній вказані безпомилкові значення у форматі HEX, отримані з власних рендерів художника, а також пропорції їх використання: 46% рожевого кольору, 25% рожевого відтінку пелюсток, 10% кольору шавлії та 3% ягідного відтінку. Також зазначено, що фокус у всіх шести елементах розташований на відстані 42% від верхньої частини кадру — щось, чого художник раніше не помічав. Ще один момент привертає увагу: оливковий тловий колір за елементами 04, 05 та 06 описується як „другий бренд, прихований у вашій колекції“.

Таким чынам, існавалі две марки, якія змінюваліся одна з іншай протягом месецяў і выдаваліся за розмаўу. Самэль момент, калі экстракцыя стае корисной – цэлкам не тады, калі інструмент вас хваліць, а тады, калі ён называе тое, чаго вы падольгу ухіляліся. Далей паказаны алгорытм роботы на стадіўцы пасля экстракцыі, з гэтым прикладам як базовым.

Спачатку запусціце экстракцыю

Якщо вы ўжо не зробілі цього, пачніце з экстракцыі. Зайдзіце на claude.ai/design, завантажыце сваю найкращую роботу і падпісніце, каб інструмент выдраў ёю систему, перш чым просіць про ўсё новае. Пакеты Pro, Max, Team і Enterprise включаюць Claude Design (Free – ні), і осколькі гэта позначана як прыгляд досліджэння, можна спакою чакаць певных недосконаласцей.

Шасць элементаў добра працуюць. Калі іх менейш чым чатыры, немагчыма адразніць патэрн ад адгуку. Калі іх больш чым дзесяць, суперасункі становяцься незрозумелымі, што паспелае цэлі. Выберыце сваю найкращую роботу, а не найнэўжоўшую, таму што вы навучаеце яе таму, чаго прагатэ. Пачніце з короткага прыемнага прыема.

Here are 6 pieces from my [series name].

Потым адзначыце фактычны запрос.

Before you generate anything, extract the design system that's already
in these. I want a working specification, not a description.COLOR: exact hex values sampled from the actual pixels. Group them by
role — ground, mid, accent. Tell me the approximate ratio each one
occupies across the set. Name the deepest value in the whole set.COMPOSITION: aspect ratio, where the focal point sits as a percentage
from the top, subject width as a percentage of frame, margin rules,
where secondary elements are allowed to live.TYPE: what typographic decisions exist, and flag where I've made none.Then — most important — tell me the places this set argues with itself.
Where am I inconsistent? Which inconsistency is doing the most damage?Don't be diplomatic about it.

Пасляпоследній абзац тієї інструкції є тим, що має значення. Усе, що передує йому, — це документація, тоді як остання частина є діагнозом.

Розв’язання проблеми зі спірним елементом

Кожен етап обробки показує щось як несумісне. У цьому випадку це було прямо позначено: зразок був ознакований як СПІРНИЙ, з приміткою, що фони у вигляді оливок створювали другий бренд усередині набору.

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

Большасць людзей хочаць выбраць пераможця і адчыніць працу праазлучанага, і гэта частаюць кашмал, які каштуе іх хорашую працу. Болей розумны падход — паніжэнне, а не адчыненне. Rose стала галоўным элементам пры апошніх 80% рэзультатаў, што робіць працу без аднаго сумневу творам артыста. Olive ператварылася на названы сезонны режым пры 20%, які захоўваецца для цялеспрямаваных выкананняў, такіх як запуск, серыя чыста сезон, і ніколі не выкарыстоўваецца для аднароднага зменшэння кадраў у сетцы.

У спецыфікацыі таксама была дана умовная правіла, якую будзе важка вырашыць самастаўна: калі Olive ёсць галоўным элементам, внутрашняя частка з скла павінна быць перлова-рожовая, а не зелёная. Інакш усі кадры стануць адной зелёной масой, і прыемнае тварыство перестане аддзеляцца ад фону.

Ёсць прапанова, яку варта запозыціяваць. Пачніце з пазначанага элемента.

You flagged [the contested element] as an inconsistency in my set.

Тады прагнучы, каб было выдана плана па падзячэнне, а не рашэнне.

Don't tell me to pick one. Tell me how to demote one.Which should be primary, and at what percentage of my output? What
should the secondary one be reserved for — what occasion, what
cadence, what rule?And what has to change inside the frame when I switch to the secondary
mode, so it still reads as the same brand?

Ператворыце спефікацыю у блок замка

Залічванне спефікацыі ў докумэнце нічога не дае, пакуль яна не стане чымось, што можна склеіць. Ператворэнне выявленых правіл у блок, які адкрывае кожны запрос да з’яўлення зображэння, можа стаць найкращымі 20 хвілінамі ў всім процесе. Компрэсаваная версія пачынаецца з рэчыпа з заглавлём.

STYLE LOCK — botanical glass

і працюе далей з самымі правіламі.

Ground: dusty rose field (#E3C0B7 body, #F4E2DA upper wash,
#CFA096 corner vignette). Warm throughout — no cool grey, no true
black, no true white anywhere in frame. Deepest value #4A3A38.Color ratio: ~46% rose ground, 14% pearl, 25% petal pink, 10% sage,
3% berry, 2% warm gold.Green appears ONLY inside the glass — never as a background, never
in the outer field.Berry (#C9576F) is the only saturated color permitted. Flower centres
only. Under 3% of the frame.Backlight bloom is always behind the subject, never in front.Format: 4:5 portrait, 1080 × 1350. One subject, horizontally centred,
55–70% of frame width. Never two subjects.Focal point — the eye, the glass rim, the widest point — sits 38–45%
from the top.Bottom 15% is a wet reflective plane. Non-negotiable; without it the
subject floats and the piece reads unfinished.Petals and butterflies live in the outer 20% margin only. They may
break the frame edge. They never enter the centre.

Этот блакат заслуговае на адзінцоўскую увагу, каліхо ён зовсама не мае слоў, які б выражалі настроенне. Кожны рядок — это числовая умова, і прыблізна палова з іх ёсць забораныя правілы: зелены колер можа выступаць толькі внутры стакла, ніколі не можа быць два суб’екты, і нічога не можа стаяць спераду. Забораныя правілы маюць большую вагу, чым бажанні. Фраза на кшталт „мягкі і мроцны“ падходзіць да тыячаў зображэнняў, пры чым майже всія яны ёсць банальныя. Заборона на справжні чорны колер дае толькі адна можлівасць, і гэтая можлівасць ўпісваецца як ваша.

Вылечыце проблемы у правильнай парадку

У спецыфікацыі былі даныя списак з мераў, якія трэба было выкарыстоўваць, у парадку прыорітэтаў, і логіка, якая стоіць за гэтым парадкам, вартая таго, каб яе скопіюваць, нават якщо вашы правілы зовсама не супадаюць з гэтымі:

1. Дадзіце атрыбут к кожнаму элементу — ён павінен быць однаковым па розташоўцы, размеру і ступеню прозрачнасці. Толькі адна з шасці елементаў яго мела. Це быў найдешавейшы элемент у спісе, пры тым ён завдаў найбольшай шкоды, адтолькі ў работе без атрыбуцый нічога не накапліваецца, а кожна перепашыранне не ведае нікуды.
2. Узнакаменаваце ружовы кольора як галоўны і перастаньце ствараць фоны з аліўкі ў спецыяльным порядку.
3. Забяжце свет на аднам теплым заднім святле, мягкай тэніі і без жорсткіх краяў вакна.
4. Стандартазаваце формат на 4:5 і 1080 x 1350, пры чым у кожным элементе павінна быць паверхня падлогі, якая выглядае вогкай.

Запекліякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіякіяк

Rank these fixes by damage-per-hour-of-work: how much each one improves
brand recognition divided by how long it takes me to implement.

Потым запытайце, калі трэба спачатку зрабіць.

Cheapest, highest-visibility first. Tell me which one to do today.

Захавайце структуру

Разметка — гэты крок, які людзі частацяюць, ад кольоры вважаюцца творчым выборам, а форматаванне — простаю бюрократыя. Аднак у гэтым проекте форматаванне выявілася сильнейшым актыўным меркаванням системы, тым, што больш за ўсё патрабавае захавання. Точка фокусу распадзялася на адстані 38%–45% ад верхней часткі ў всіх шысціх работах, пры чым пяць з іх мелі формат 4:5. Самэ гэта аднароднасць змусіла працы воспрымляцца як адна колекцыя, якая зберагала ўзеіднанне, нават калі кольоры суперасліся межаўсабою.

Таму рамка є найдешевшым элементам, які можна стандартизаваць, але найдорожэйшым – які можна втрачыць. Неабяжна выправіць спавяроўнанне сторон, высоту фокуса і правіла маржы, а кольоровыя параметры застаюцца на пазнейшы момент. Хутчэйша выгода таксама ёсць: калі рамка зафіксаваная, кожны элемент (ручка, підзаголовак, цена, заклекцыя да дзеяння) апранаеся стабільным месцам. У даным случае цэлком 4% відступу зверху-справа для ручкі, знизу-влева – підзаголовак, а ў цэнтры нічога. Тады гэта перастае быць дизайнерскім рашэнням і стае шаблонам, і самэй гэты шаблон прычына таго, што стварэнне паста займае дзесять хвілін, а не шыстдесят.

Упакаваць систему як навык

Сёньдзе спецыфікацыя знаходзіцца ў дасяглівай документазіі, і трэба не забыць яе пераклікці. Што працуе пакуль не наступіць напружаны тыдзень, пасля чаго знову даводзіцца імпровізаваць. Навыкі вырашаюць гэтыя проблемы. Навык абгружае інструкцыі, правілы і файлы-скарынкі, тады Claude сам абгружае іх кожны раз, калі гэта неабходна. Вы задаеце систему адназначна, а не павтараеце яе ў канцы кожнай сесіі.

Запішыце ўсё: кожную значэнне хэкс-коду і яго ролю, спадзец, склад і негатыўныя правілы, вынік па адносна спарчанаму элементу і умовнае правіла, якое да яго прыўязана. Дадзіце тое, чаго практычна всі не прыўключаюць — калькі адхоўленых элементаў, кожны з якіх супроводжваецца адзінай рэчынкай. Адхоўленні краща паказваюць межы, чым затверджэнні. „Занадта оліўковы колер“. „Зелены колер прасочыўся у зовнішню зону“. „Два элемента, не працюе“. Тры з іх маюць больш меса, чым трыдцать затверджаных зображэнняў. Запрос да Claude выглядае так:

Build me a custom Skill from this design system spec.

Include: the palette with hex values and the role of each, the working
ratio, composition rules, type rules, and every negative rule as an
explicit prohibition.Add a section called "rejected" — I'll give you examples of work that
missed, and you write down the rule each one broke.Then tell me how to install it.

Аудыт кожнага новага элемента

Тепер система справляецца з сваімі завадамі. Кожны новы элемент пераканальваецца па правілах, а не па вашам настрою таго дня. Падаўце яго на перагляд.

Here's a new piece for the series. Audit it against my design system.

Потым прагніце строгага вердыку, выданага па кожнай правілу окрема.

Go rule by rule: comply or fail. For each failure, name the rule, what
the piece does instead, and the smallest fix.Then tell me the one thing that's most off-brand about it.Don't grade generously. If it passes everything, say so plainly — but
check the negative rules first.

Выкананне гэтага процеса пры публікацыі чым-небудзь або пакаванні коштае апошнія дзевяносто секунд, і гэта паказвае павольны зсув, які застаецца непазірным пакуль сітка не стане незнайомай чыраў трохі пазней.

Знайце, якія правілы можна нарабіць

Сістэма мае сэнс толькі тады, калі яе нарабленне мае значэнне. Якшто вы завжды будзеце следаваць кожнаму правілу ў кожным элементе, вы ў канцы канцоў отрымаеце шаблон, які ўжо не ёсць тым самым, чым брэнд. Праба ў тым, чы можаце вы сказаць, якое правіла вы нарабілі і з якой прычыны. Рашэнне зробіць элемент максімалістскім, каб зупініць людзей у процесе праскролвання, — гэта рашэнне. Элемент, які проста «стаў іншым», — гэта зсув.

Указаце, які правілы ўстаўлены для структуры, а якія — для стылю. У даным случае рама, паверхня влажнага падлогі і ручка ўстаўлены для структуры і ніколі не рухаюцца. Спявазанне палітры і ўраджайнасць частак ўстаўлены для стылю і могу змяніцца пад час запуску або сезоннага циклу. Узгадайце гэта раней, чым з’явіцца спрага ўсё чагосці змяніць.

Што вы отрымаеце паza ўніверсальнасцю

Є два прынтэзы, якіх вы можаце не чакаць. Першы — гасціннасць. Кожны запрос да стварэння зображэння пачынаецца з зафіксаванага блока, а не з порожней лініі, таму зменным стае сама ідея, а не тое, чы рэзультат будзе на адлік вашага праекта. Гэта і є сутнасць системы дизайна, і яна такі ж эфектываўна прымаецца практычна ў стварэнні зображэнняў за дапамогою ШІ, як і практычна ў дизайне продуктав.

Другая перавага — спецыфікацыя ператвараецца ў продукт. Запісаная візуальная система (палітра з ролямі, правіламі складання, блок запитаў, які яе генеруе) — гэта тое, за што плацяюць пакупцы пакетаў запитаў. Экстракцыя робіць больш, чым проста арганізуе існуючую работу; яна выкапывае ресурс, які завжды быў тут, але не задокументаваны.

Багато творцоў за адну процедуру экстракцыі можу адкрыць, што у ўсёй працы ўжо є система. Яна проста не запісана, таму яны не можу яе павтарыць, навучыць іншых або продаць. Таму заванесіце шасць елементаў, запытайце ся, што вы ўжо робілі, а потым прымкніце да складнай часткі: прачытайце суперсечнасці, якія яна выявляе, і прымкніце рэшучае рашэнне.