Quieter

사용 시기

/impeccable quieter는 /impeccable bolder의 대응책입니다. 인터페이스가 시각적으로 공격적이거나, 과자극적이거나, 너무 많은 것을 최대 볼륨으로 하려고 할 때 사용하세요. 다크 배경에 네온, 어디에나 그라데이션 텍스트, 6개의 액센트 색상, 모든 것이 애니메이션, 20px 그림자. 디자인이 숨 쉬어야 하고 관점을 잃지 않고 세련됨을 원할 때 quieter를 사용하세요.

/impeccable bolder가 조금 너무 갔을 때도 유용합니다.

작동 방식

스킬은 4가지 축에서 축소로 작동합니다:

1. 색상: 채도 낮추기, OKLCH에서 채도 낮추기, 액센트를 단일 주 색상과 뮤트된 보조로 되돌리기. 의도적인 색상은 두 개를 넘지 않음.
2. 대비: 극단적인 어두움과 밝음 부드럽게 하기, 범위 좁히기. 배경이 순백과 순흑에서 paper와 ink로 이동.
3. 장식: 일하지 않는 그림자 제거, 구조를 담지 않는 보더 삭제, 계층이 아닌 에너지로 존재하는 그라데이션 은퇴.
4. 모션과 이펙트: 애니메이션 늦추기, 자동 재생 제거, 가독성에 기여하지 않는 패럴랙스와 블러 삭제.

스킬은 디자인의 의도를 보존합니다. 원본에 관점이 있었다면 quieter 버전은 더 많은 자신감으로 같은 관점을 가집니다. 중화가 아닌 세련.

직접 해보기

/impeccable quieter the pricing page

일반적 diff:

• 가격의 그라데이션 텍스트 제거, 한 단계 무거운 무게의 고체 ink로 교체
• 세 가지 액센트 색상을 하나(마젠타)로 줄임, 나머지 두 개는 중성 변형이 됨
• 카드 그림자 0 20px 40px rgba(0,0,0,0.2)에서 0 1px 0 var(--color-mist)(헤어라인)로 축소
• 배경 다크 그라데이션에서 상단에 미묘한 cream 워시가 있는 paper로 전환
• 히어로 애니메이션 1.2s easeOut에 3개의 스태거 요소에서 단일 260ms fade-in으로

주의 사항

• 과도하게 적용하기. Quieter는 이미 절제된 것에 실행하면 개성을 벗겨낼 수 있습니다. 디자인이 너무 시끄러울 때 사용하세요. 올바르게 단언적일 때가 아닙니다.
• quieter와 distill 혼동하기. Quieter는 강도를 줄입니다. Distill은 요소를 제거합니다. 다른 움직임입니다.
• “너무 바쁘다”는 critique에 대응하여 실행하기. 바쁘다는 것은 보통 너무 많은 것을 의미하지, 너무 시끄럽다는 것이 아닙니다. 먼저 /impeccable distill을 시도하세요.