작성일: 2024-04-11

불투명도를 사용하여 상태를 시각화

오버레이의 색상을 적용되는 요소의 글자 또는 아이콘 색상과 일치한다.

만약 text or icon 컬러가 상태 변화로 인해 바뀌면, 오버레이 컬러는 최종 상태 컬러(the end state’s color)와 일치해야 한다. 

To ensure proper visibility and color contrast accessibility, the opacity value of overlays should be adjusted for every different combination of text on a surface.

적절한 가시성과 색상 대비 접근성을 보장하려면, 오버레이의 불투명도 값을 surface에 있는 모든 text의 조합에 대해 조정해야 한다. 

• Hover: Hover overlays should be at lower opacities to avoid distracting from content.
• Focus: Focus overlays should be at higher opacities as they are not indicated otherwise by visual cues.
• Selected: Selection overlays should be at medium emphasis so they are easily identifiable, but not distracting.
• Activated: Activation overlays should be at higher opacities since they are not always user-initiated.
• Pressed: Pressed overlays should be at higher opacities since they trigger a change in layout.
• Dragged: Dragged overlays should be at lower opacities to avoid distracting from content.