/impeccable quieter
Quieter
Успокойте дизайни, които крещят, без да губите тяхното намерение.
Кога да се използва
/impeccable quieter е противотежестта на /impeccable bolder. Обърнете се към него, когато интерфейсът е визуално агресивен, пре стимулиращ или се опитва да направи твърде много неща на пълна сила. Неон на тъмно, градиентен текст навсякъде, 6 акцентни цвята, всичко анимирано, 20px сенки. Използвайте quieter, когато дизайнът трябва да диша и искате изисканост без да губите гледната точка.
Също полезно след като /impeccable bolder отиде малко твърде далеч.
Как работи
Умението работи чрез редукция по четири оси:
- Цвят: десатурирайте, намалете хромата в OKLCH, издърпайте акцентите обратно към един основен плюс приглушена поддръжка. Не повече от два целенасочени цвята.
- Контраст: смекчете екстремни тъмни и светли, издърпайте диапазона навътре. Фоновете се преместват от чисто бяло и чисто черно към хартия и мастило.
- Декорация: премахнете сенки, които не вършат работа, махнете рамки, които не носят структура, пенсионирайте градиенти, които съществуват за енергия, а не за йерархия.
- Движение и ефект: забавете анимациите, премахнете всичко, което се възпроизвежда автоматично, махнете паралакс и замъгляване, освен ако не служат на четливостта.
Умението запазва намерението на дизайна. Ако оригиналът е имал гледна точка, по-тихата версия има същата гледна точка с повече увереност. Изисканост, не неутрализация.
Пробвайте
/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първо.