머티리얼 디자인은 구글에서 개발한 디자인 언어입니다. 2014년 안드로이드 및 구글 웹 제품을 위한 통합 시스템으로 처음 선보였습니다. 이 시스템은 깊이감, 움직임, 그리드 기반 레이아웃을 사용합니다. 표면과 모서리는 시각적 단서를 제공하고, 그림자는 높이를 나타냅니다. 요소들은 그림자를 드리워 아래 표면과의 관계를 보여줍니다. 이름에서 알 수 있듯이, 이 디자인은 물리적 재료를 모방합니다. 하지만 스큐어모피즘과는 다릅니다. 가죽이나 나무를 흉내내는 것이 아니라, 종이와 잉크의 속성을 디지털 시스템으로 추상화한 것입니다.

머티리얼 디자인은 레이아웃, 색상, 타이포그래피, 아이콘, 모션에 대한 가이드라인을 제공합니다. 그리드는 8dp 간격 시스템을 기반으로 하며, 컴포넌트는 기본, 호버, 포커스, 클릭, 비활성화와 같은 명확한 상태를 가집니다. 모션은 목적성을 가지고 있으며, 애니메이션은 요소가 어디에서 나타나고 어디로 이동하는지를 보여줍니다. 애니메이션은 사용자의 주의를 유도하고 피드백을 제공합니다. 머티리얼 디자인은 지속적으로 발전해 왔습니다. 머티리얼 디자인 2에서는 컴포넌트를 더욱 정교하게 다듬었고, 머티리얼 디자인 3에서는 사용자의 배경화면에서 색상 팔레트를 생성하는 동적 색상 기능을 도입했습니다. 이 시스템은 오픈 소스이며, 개발자와 디자이너는 무료로 사용할 수 있습니다. 구글 제품을 넘어 다양한 분야에서 채택되고 있으며, 많은 앱들이 머티리얼 컴포넌트를 사용하는 이유는 익숙하고 검증이 잘 되어 있기 때문입니다. 하지만 이 시스템이 완벽한 것은 아닙니다. 일부 비평가들은 머티리얼 디자인이 획일적이라고 지적하며, 이를 따르는 앱들은 모두 비슷해 보인다고 말합니다. 그러나 머티리얼 디자인은 일관성을 유지하는 데 중점을 둡니다. 머티리얼 디자인은 개발팀에게 공통된 언어를 제공하여, 디자인 방향이 이미 정해져 있기 때문에 개발 속도를 높일 수 있도록 해줍니다.

머티리얼 디자인 원칙

• 물질적 은유 — 표면과 모서리는 단서를 제공한다
• 과감한 그래픽 — 의도적인 색상과 이미지
• 동작 — 애니메이션은 안내하고 정보를 제공합니다.
• 적응형 — 다양한 기기와 화면 크기에 맞춰 작동합니다.
• 그리드 기반 — 8dp 간격 시스템

머티리얼 디자인은 시스템입니다. 기본 설정을 제공함으로써 디자인 결정을 더 쉽게 내릴 수 있도록 도와줍니다. 이러한 기본 설정은 그대로 따르거나 변경할 수 있습니다. 이 시스템은 출발점이지, 구속구가 아닙니다.