Skip to content

Fluent Design System

플루언트 디자인 시스템(Fluent Design System, 코드명: 프로젝트 네온/Project Neon), 공식 명칭은 마이크로소프트 플루언트 디자인 시스템(Microsoft Fluent Design System)은 마이크로소프트가 2017년에 개발한 디자인 언어이다.

플루언트 디자인은 모든 윈도우 10 장치와 플랫폼을 위해 설계되는 소프트웨어 쓰이는 디자인과 상호작용을 위한 가이드라인을 포함하는 마이크로소프트 디자인 언어 2를 개량한 것이다. 시스템은 다섯 가지 주요 구성 요소에 기반을 두고 있다: Light, Depth, Motion, Material, Scale. 이 새로운 디자인 언어는 모션, 심도, 반투명 효과를 더 현저하게 사용한다.

플루언트로의 변화는 장기간의 프로젝트이다. 예비적인 디자인 측면(특히 "Acrylic" 반투명 효과, 버튼의 "reveal" 효과)들이 윈도우 10, 특히 2017년 10월 출시된 "Fall Creators Update"에 통합되었으며 그와 더불어 출시된 엑스박스 원 시스템 소프트웨어의 업데이트에도 적용되었다. 플루언트의 더 많은 측면들이 시간이 지남에 따라 윈도우에 도입될 예정이다.

Microsoft Fluent 2 디자인 시스템

Fluent 1 을 개선한 차세대 디자인 시스템

  • 일관적인 컬러 시스템: 3개의 컬러 팔레트 - Neutral(검정색/흰색/회색), Shared(365및 다양한 앱들이 공유), Brand(각 제품별 브랜드 컬러를 지정)
  • 토큰 시스템: 픽셀 크기나 16진수등을 사용하지 않고, 색상, 타이포그래피, 간격, 높낮이 등을 Token으로 표현
  • 표준화된 코너: 기본 코너 반지름은 4픽셀, 32픽셀보다 작은 객체는 2픽셀, 큰 객체에는 8/12픽셀
  • 커스터마이즈 가능, 강력한 사용 지침, 접근성 노테이션 등

See also

Favorite site