소재
소재 (Material)
소재(material)는 표면의 질감을 설명해요. Fluent는 solid(무광택), mica(마이카), acrylic(아크릴), smoke(스모크) 네 가지 소재를 지원해요.
출처: 문서
본문
소재 유형 (Material types)
Fluent는 서로 다른 인터페이스 요구를 위해 solid(불투명), occluding(가림), transparent(투명) 소재 유형을 제공해요. Acrylic과 Mica 같은 가림(occluding) 소재는 대화형 UI 컴포넌트 아래의 기본 레이어로 Windows에서 널리 나타나요. smoke 같은 투명 소재는 몰입형 표면을 강조하기 위해 덜 자주 사용돼요.
어떤 소재가 디자인에 가장 좋은지 결정하기 전에, 경험에 대한 기술적 제한 사항을 먼저 확인하세요.
Solid
Solid는 가장 흔한 소재예요. 색상과 다양한 높이(elevation)를 사용해 서로 다른 UI 영역과 상호작용을 강조하는 불투명한 소재예요.
Solid는 모드 인식(mode aware)이 가능해서 라이트 모드와 다크 모드를 모두 지원해요.
Acrylic
Acrylic은 서리 낀 유리(frosted glass) 효과를 재현한 반투명 소재예요. 팝오버(popover)나 메뉴 같은 일시적이고 라이트 디스미스(light-dismiss) 표면에 사용해요.
Acrylic은 모드 인식이 가능해서 라이트 모드와 다크 모드를 모두 지원해요.
Mica
Mica는 활성 창에서 사용될 때 바탕화면 배경색으로 은은하게 물드는 불투명 소재예요. 창이 비활성 상태면 mica는 중성 색을 띠어요. 이 창 초점 표시는 Windows의 내장 기능이에요.
Mica는 모드 인식이 가능해서 라이트 모드와 다크 모드를 모두 지원해요.
Smoke
Smoke는 뒤에 있는 인터페이스를 어둡게(dimming) 만들어 배경으로 물러나게 함으로써 중요한 표면을 강조해요. 다이얼로그(dialog) 같은 모달 컴포넌트 아래의 차단 상호작용을 알리는 역할을 해요.
Smoke는 모드 인식 소재가 아니에요. 뒤의 인터페이스를 가리는 것이 목적이므로 항상 반투명 검정(translucent black)이에요.