Ви написали нам розгублено про те, що виглядало як помилка: згенерували сайт для нового ресторану, він вам не сподобався, ви перегенерували його — і отримали щось підозріло схоже на той самий сайт зі зміненою вивіскою. Теракотові стіни, кремові картки, засічковий логотип, який міг би належати будь-якому бістро від Портленда до Праги. Ви цілком слушно запитали, чи інструмент просто перевикористовує один шаблон під капотом.
Це не так, і я хочу дійсно відповісти на це питання, а не просто заспокоїти вас.
З тим, з чим ви зіткнулися, — реальна проблема, і вона стосується не лише вашої збірки — це відомий режим збою будь-чого, що генерує результат з великого навчального розподілу без чіткого вказання діяти інакше. Попросіть модель спроєктувати сайт ресторану без додаткових вказівок — і вона потягнеться до статистичного середнього серед усіх ресторанних сайтів, які колись бачила, а середнє — це теракота й крем, бо саме вони домінують у розподілі. Та ж історія з лендінгами SaaS (центрований градієнтний хіро-блок, три заокруглені іконки функцій) чи криптодашбордами (один і той самий градієнт від індиго до фіолетового, з яким чомусь погоджуються всі моделі). Річ не в тому, що модель не може зробити щось інше — попросіть її оформити сайт у стилі буклету гірськолижного курорту 1970-х чи радянської транспортної схеми, і зазвичай вона впорається, часто добре. Річ у тому, що ніщо не змусило її прийняти рішення, тож вона за замовчуванням обрала середнє.
Що насправді змінилося у вашому випадку
Причина, чому друга спроба мала виглядати інакше — і якщо вона так не виглядала, це саме та частина, яку варто виправити нам, а не обходити вам, — це прохід, який ми називаємо арт-директором. Він запускається перед тим, як білдер напише хоч якийсь код розмітки, і його єдине завдання — прийняти рішення, від яких білдер потім не зможе ухилитися: палітру з чіткою позицією, конкретні шрифти, настрій, сформульований настільки прямо, щоб його можна було перевірити. Конкретно це виглядає так:
- П'ять-сім названих кольорів з визначеними ролями — не «основний/додатковий», а «колір, зарезервований для станів помилки», «колір, що з'являється лише при наведенні»
- Два шрифти, кожен із власним обґрунтуванням
- Два-три речення опису настрою — такі, які справжній арт-директор приколов би на дошку
Тест, за яким ми оцінюємо бриф, — це чи можна його порушити. «Теплий і привітний» порушити не можна — немає способу це не виконати, а отже, немає й способу це проконтролювати, і білдер прямо повертається до теракоти й крему, хай там що каже бриф. «Тепла ручно намальована осіння палітра, чорнильні контури на кремовому папері, нічого глянцевого, без тіней» — це реальне зобов'язання, і якщо на такому фоні з'явиться скляна градієнтна картка, це буде помітно неправильно — саме це й робить бриф корисним.
Якщо ваша збірка вийшла шаблонною, чесна причина може бути в тому, що ваш бриф у запиті був недостатньо конкретним, щоб директор мав за що зачепитися. Назва орієнтира — місця, епохи, матеріалу, навіть просто «без бежевого» — дає йому опору для роботи.
Чому я довіряю цьому, а не лише скріншотам
Розкажу, що мене переконало, бо це не було порівнянням трьох гарних прикладів поруч — так себе можна переконати в перемозі, якої насправді немає. Ми провели кілька сотень збірок на категорію, до появи директора й після, і виміряли попарну колірну відстань між збірками однієї категорії за допомогою delta-E у просторі Lab, а не сирого RGB, бо RGB наполягатиме, що два подібно насичені сині кольори сильно відрізняються, хоча на екрані вони виглядають однаково. Сайти ресторанів були найгіршим випадком до появи директора — переважна більшість збиралася у вузькому діапазоні delta-E, усі тягнулися до однієї й тієї ж теракоти.
Не буду й переоцінювати це. Колірна відстань вимірює «виглядає інакше», а не «виглядає добре», і поки що нічого не каже про різноманітність макета чи шрифтів, які ми виміряли значно менш ретельно. Палітра може бути максимально відмінною від сусідніх і все одно бути некрасивою. Ми вважаємо, що «відмінне й часом дивне» краще за «безпечне й одноманітне» для того, що ви будуєте, але це судження, а не доведений факт.
На що варто звернути увагу з вашого боку
Є режим збою в протилежному напрямку, і варто зазначити його заздалегідь: іноді «чисто й сучасно» — це не недостатня конкретизація, а саме те, що потрібно. Той, хто створює корпоративний SaaS-дашборд, часто свідомо хоче звичного шаблону, бо його користувачі його очікують, а відхилення від нього породжує звернення в підтримку, а не захоплення. Директор, який надто прагне вирізнятися, іноді видає щось більш художньо оформлене, ніж ви просили. Ми надаємо вашим явним обмеженням вищий пріоритет, ніж прагненню директора вирізнятися, тож «нудно й корпоративно» має дати вам смаковито нудний результат, а не бунт проти власного брифу — але якщо у вас уже є фірмові кольори, логотип, референсні фото приміщення, додайте їх у запит або прикріпіть напряму. Зафіксовані вхідні дані завжди перемагають вигадування власного напряму директором, і він трактуватиме їх як обмеження, а не пропозиції.
До речі, це важливо ще більше, якщо ви колись будуватимете одну з наших ігор замість сайту — у грі значно більше поверхні, яку директор може лишити без напряму, ніж у лендінгу, бо бриф там має об'єднати в одному проході стиль спрайтів, відчуття анімації, оформлення інтерфейсу та звукову палітру (детальніше про звукову частину — у Sound that isn't beeps), адже неузгодженість всередині однієї збірки читається як недороблена робота — на відміну від неузгодженості між двома непов'язаними збірками.
