바로가기 메뉴
본문 바로가기
주메뉴 바로가기
    이미지 고정
    이미지 고정
    이미지 고정
    이미지 고정
    이미지 고정
    이미지 고정
    이미지 고정
    이미지 고정
    이미지 고정
    이미지 고정
    상품 주요특징 입력폼
    수상내역 2020년도 Winner
    접수번호 G2020F01_00004
    출품부문 서비스/경험 디자인 > 서비스/경험 디자인
    출품기업명 신청회사 : 삼성전자주식회사
    출품자구분 대중견기업
    출품명 멀티 폼팩터 스크린을 위한 반응형 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를 도출합니다.
    영문 FLUX is a responsive UX design system considering three factors. Also, it provides key principles and methodologies for consistent user experience, mature design, and improved efficiency. 1. Scale In order to respond to various sizes of screens, a unit and grid system were introduced. Samsung VD UI Unit and Scale Factor are applied to automatically calculate the UI optimized for various inches/ratio screens with one guideline. The fluid grid system is a grid system that senses the width of the screen and is arranged fluidly. The grid system allows you to determine the layout of all elements on the screen 2. FOV (Field of View) The main cognitive area is determined from the TV experience using the viewing angle. Depending on this area, the main UI elements are displayed in the immersive and focused audio-visual area, especially in the viewing environment. In addition, the Sub UI is placed in areas where shape and color can be recognized. 3. Responsive rules The design template is defined by the combination of components and layout that make up the UI. Responsive rules such as Resize are applied to this template and layout to derive an optimized UI for the multi-form factor.