Browse commands

/impeccable quieter

Quieter

Успокойте дизайни, които крещят, без да губите тяхното намерение.

Кога да се използва

/impeccable quieter е противотежестта на /impeccable bolder. Обърнете се към него, когато интерфейсът е визуално агресивен, пре стимулиращ или се опитва да направи твърде много неща на пълна сила. Неон на тъмно, градиентен текст навсякъде, 6 акцентни цвята, всичко анимирано, 20px сенки. Използвайте quieter, когато дизайнът трябва да диша и искате изисканост без да губите гледната точка.

Също полезно след като /impeccable bolder отиде малко твърде далеч.

Как работи

Умението работи чрез редукция по четири оси:

  1. Цвят: десатурирайте, намалете хромата в OKLCH, издърпайте акцентите обратно към един основен плюс приглушена поддръжка. Не повече от два целенасочени цвята.
  2. Контраст: смекчете екстремни тъмни и светли, издърпайте диапазона навътре. Фоновете се преместват от чисто бяло и чисто черно към хартия и мастило.
  3. Декорация: премахнете сенки, които не вършат работа, махнете рамки, които не носят структура, пенсионирайте градиенти, които съществуват за енергия, а не за йерархия.
  4. Движение и ефект: забавете анимациите, премахнете всичко, което се възпроизвежда автоматично, махнете паралакс и замъгляване, освен ако не служат на четливостта.

Умението запазва намерението на дизайна. Ако оригиналът е имал гледна точка, по-тихата версия има същата гледна точка с повече увереност. Изисканост, не неутрализация.

Пробвайте

/impeccable quieter the pricing page

Типичен diff:

  • Градиентният текст на цената премахнат, заменен със солидно мастило с едно тегло по-тежко
  • Три акцентни цвята редуцирани до един (магента), другите два стават неутрални варианти
  • Сенките на картите редуцирани от 0 20px 40px rgba(0,0,0,0.2) до 0 1px 0 var(--color-mist) (линия от косъм)
  • Фонът превключва от тъмен градиент към хартия с фине кремаво измиване отгоре
  • Hero анимацията от 1.2s easeOut с 3 ступенчиви елемента към еднократно 260ms избледняване

Клопки

  • Прекомерно прилагане. Quieter може да оголи персоналност, ако го изпълните върху нещо, което вече е било измерено. Използвайте го, когато дизайнът е твърде шумен, не когато е правилно категоричен.
  • Бъркане на quieter с distill. Quieter намалява интензивност. Distill премахва елементи. Това са различни ходове.
  • Изпълнение в отговор на критика, която казва “твърде претрупано”. Претрупано обикновено означава твърде много неща, не твърде шумно. Опитайте /impeccable distill първо.