# 머티리얼 디자인의 확장 : Material 3 Expressive

> Clean Markdown view of GeekNews topic #21035. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=21035](https://news.hada.io/topic?id=21035)
- GeekNews Markdown: [https://news.hada.io/topic/21035.md](https://news.hada.io/topic/21035.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-05-22T09:41:01+09:00
- Updated: 2025-05-22T09:41:01+09:00
- Original source: [m3.material.io](https://m3.material.io/blog/building-with-m3-expressive)
- Points: 12
- Comments: 0

## Summary

구글이 **Material 3 Expressive** 업데이트를 통해 감성적 UX를 강화하며, **4배 빠른 UI 식별**과 15개 이상의 신규/개선 컴포넌트 도입 등 실질적 사용자 경험 변화를 만들어 냈습니다. 업데이트에는 **모션-물리 시스템**, 35종 이상의 새로운 도형, 색상·타이포그래피·애니메이션 변형 등 다양한 **개인화 및 계층화 기능**이 포함됩니다. 디자이너는 형태, 색상, 텍스트, 컨테이너, 모션 등 **유연한 컴포넌트**를 결합해 제품 내 핵심적이고 감정적으로 임팩트 있는 **Hero moment**를 창출할 수 있습니다.

## Topic Body

- 구글이 디자인 시스템 Material 3를 대대적으로 업데이트 함  
- Material 3 Expressive는 **감성적으로 강렬한 UX**를 구축하기 위해 새로운 기능과 신규 컴포넌트, 그리고 디자인 전략을 추가  
  - 새 시스템인 “M4”가 아니며, 기존 M3를 폐기하는 것도 아님  
- 2014년 이후 18,000명이 참여한 46개 사용자 연구 결과, 모든 연령대가 Expressive 디자인을 더 선호. UI 요소 식별 속도가 최대 **4배 향상**  
- **총 15개 신규 또는 개선 컴포넌트** 포함 : Button groups, FAB menu, Loading Indicator, Split button, Toolbars 등이 새롭게 추가  
- 공간/효과 스프링으로 구성된 모션-물리 시스템, 더 강조된 타이포그래피, **35종 이상의 새로운 도형** 추가 및 애니메이션 변형 지원, 개인화 및 계층 강조를 위한 색상 확장  
- 디자이너는 **형태, 색상, 텍스트, 컨테이너, 모션, 유연한 컴포넌트**를 결합해 **Hero moment**를 구성할 수 있음  
  - Hero moment 판단 기준  
    - **감정적으로 임팩트가 있는가?**  
    - **제품 내에서 핵심적인 인터랙션인가?**  
- 주요 링크들   
  - [업데이트된 M3 가이드라인](https://m3.material.io/?utm_source=blog&utm_medium=referral&utm_campaign=IO25)  
  - [업데이트된 Figma 디자인 키트](https://goo.gle/42etJvz)  
  - [Jetpack Compose 알파 코드](https://goo.gle/3EvFB31)

## Comments



_No public comments on this page._