멀티 폼팩터 스크린을 위한 반응형 UX 디자인 시스템
FLUX는 세가지 Factor가 고려된 반응형 UX 디자인 시스템입니다. 또한 일관된 사용자 경험, 성숙한 디자인 및 향상된 효율성을 위해 핵심 원칙과 방법론에 기초합니다.
1. Scale
다양한 사이즈의 스크린에 대응하기 위해 Unit과 Grid System을 도입하였습니다.
Samsung VD UI 신규 단위 Unit과 Scale Factor 적용하여 하나의 가이드라인으로 다양한 인치/비율의 스크린에 최적화된 UI를 자동으로 산정합니다. Fluid grid system은 스크린의 폭을 감지하여 유동적으로 배치되는 그리드 시스템을 뜻합니다. 그리드 시스템을 통해 화면 내 모든 요소의 레이아웃을 결정할 수 있습니다
2. FOV (Field of View)
시야각을 활용하여 TV경험에서 주요 인지영역 결정합니다. 이 영역에 따라 특히 시청 환경 중 몰입하고 집중 가능한 시청각 영역에 주요 UI 요소를 표시합니다. 또한 형태와 색상 인지 가능한 영역에 Sub UI를 배치합니다.
3. Responsive rules
UI를 구성하는 컴포넌트와 레이아웃의 조합으로 디자인 템플릿이 정의되며 이 템플릿과 레이아웃에 Resize등의 Responsive rule이 적용되어 Multi-form factor에 최적화된 UI를 도출합니다.
发布于2020-11-19