Surface Duo 디자인 키트(Figma)
Surface Duo 디자인 키트는 앱 디자이너와 개발자가 이중 화면 사용자 환경을 빌드하는 데 도움이 되는 Figma 커뮤니티 리소스입니다. 이 키트의 구성 요소는 Surface Duo를 Android의 Microsoft 제품처럼 느끼게 하는 구성 요소입니다.
- 디바이스 프레임 - 스크린샷을 표시하기 위한 빙하 및 Obsidian 색 디바이스 개요입니다.
- 안전 영역 - 안전한 영역은 콘텐츠가 앱 머리글, 탐색 모음, 탭 및 힌지의 밑줄을 덮지 못하도록 합니다.
- 펜 상호 작용 - 펜 입력을 위한 상호 작용을 디자인하는 방법입니다.
- 디자인 패턴 및 지침 - 키트의 디자인 패턴은 다양한 앱 시나리오에 대한 이중 화면 디스플레이의 가능성과 의미 있는 제품 환경을 위해 모든 부분이 함께 모이는 방식을 보여 줍니다.
- 비디오 및 미디어 지침 - 폴더블 사용자 환경에 비디오 및 이미지를 포함하기 위한 팁입니다.
- 자세 - 이중 화면 디바이스는 다양한 하드웨어 및 산업용 디자인 변형으로 제공됩니다. 계획된 다른 디바이스와 함께 최근에 릴리스된 Surface Duo는 범주를 정의하는 데 도움이 되지만 다른 디바이스에는 더 큰 표시 또는 다양한 힌지 디자인이 제공될 수 있습니다. 앱을 디자인하는 경우 현재 사용 가능한 특정 디바이스의 사양에 맞게 디자인하지 않아야 합니다.
- 레이아웃, 컨트롤 및 플러그 인 - 이중 화면 폼 팩터를 염두에 두고 익숙한 컨트롤과 레이아웃을 사용하는 것처럼 디자인할 수 있도록 했습니다. 또한 힌지와 같은 이중 화면 앱을 디자인할 때 알아야 할 세부 정보를 강조 표시하고 이동 중에도 디자인하기 위한 레이아웃을 포함합니다.
- 구성 요소 - 각 구성 요소는 관리 및 작업하기 쉽도록 가능한 한 평평하게 빌드됩니다. 일부 구성 요소에는 분리하지 않고 변형을 추가하기 위해 설정/해제할 수 있는 숨겨진 계층이 있습니다.
- 구성 요소 집합 - 다양한 모델, 모드, 화면 수 및 방향을 포함하는 변형을 더 잘 구성하는 데 도움이 되는 그룹화된 집합으로 탐색 및 기타 디자인 요소에 대한 마스터 구성 요소입니다.