입력 체계

Typography example in HoloLens

텍스트는 앱 환경에서 정보를 전달하기 위한 중요한 요소입니다. 2D 화면의 입력 체계처럼 목표는 명확하고 읽기 쉬운 것입니다. 혼합 현실의 3차원 측면을 사용하면 텍스트와 전체 사용자 환경에 더 큰 영향을 줄 수 있습니다.

3D 형식에 대해 이야기할 때는 압출된 볼륨 3D 텍스트를 생각하는 경향이 있습니다. 일부 로고 형식 디자인 및 일부 다른 제한된 응용 프로그램을 제외하고, 돌출된 텍스트는 텍스트의 가독성을 저하하는 경향이 있습니다. 3D 환경을 디자인하고 있지만 읽기가 더 쉽고 읽기 쉽기 때문에 형식에 2D를 사용합니다.

HoloLens 가산 색 시스템을 기반으로 빛을 사용하여 홀로그램으로 형식이 생성됩니다. 다른 홀로그램과 마찬가지로 형식은 모든 각도에서 세계를 잠그고 관찰할 수 있는 실제 환경에 배치할 수 있습니다. 형식과 환경 간의 시차 효과도 환경에 깊이를 더합니다.

혼합 현실의 입력 체계

혼합 현실의 입력 규칙은 다른 곳과 다르지 않습니다. 실제 세계와 가상 세계의 텍스트는 읽을 수 있고 읽을 수 있어야 합니다. 텍스트는 벽에 있거나 실제 개체에 겹쳐질 수 있습니다. 디지털 사용자 인터페이스와 함께 부동될 수 있습니다. 컨텍스트에 관계없이 읽기 및 인식에 동일한 입력 규칙을 적용합니다.

명확한 계층 구조 만들기

다양한 형식 크기 및 가중치를 사용하여 대비 및 계층 구조를 빌드합니다. 유형 램프를 정의하고 앱 환경 전체에서 이를 수행하면 일관된 정보 계층 구조로 훌륭한 사용자 환경을 제공할 수 있습니다.

Type ramp examples
유형 램프를 정의하고 앱 환경 전체에서 따라야 합니다.

글꼴 제한

단일 컨텍스트에서 두 개 이상의 다른 글꼴 패밀리를 사용하지 마십시오. 글꼴이 너무 많으면 환경의 조화와 일관성을 깨뜨리고 정보를 소비하기가 더 어려워집니다. HoloLens 정보가 물리적 환경 위에 오버레이되므로 글꼴 스타일을 너무 많이 사용하면 환경이 저하됩니다. Segoe UI는 모든 Microsoft 디지털 디자인의 글꼴입니다. Windows Mixed Reality 셸에서 일관되게 사용됩니다. Windows 디자인 도구 키트 페이지에서 Segoe UI 글꼴 파일을 다운로드할 수 있습니다.

Segoe UI 서체에 대한 자세한 정보

얇은 글꼴 가중치 방지

얇은 세로 스트로크가 진동하고 가독성을 저하하기 때문에 42pt 미만의 형식 크기에는 밝은 글꼴 또는 반광 글꼴 가중치를 사용하지 마십시오. 스트로크 두께가 충분한 최신 글꼴이 잘 작동합니다. 예를 들어 Helvetica와 Arial은 일반 또는 굵은 가중치를 사용하여 HoloLens 읽을 수 있습니다.

HoloLens 홀로그램은 가산 광원 시스템으로 구성되므로 흰색 텍스트는 읽기가 매우 좋습니다. 시작 메뉴 앱 바에서 흰색 텍스트의 예를 찾을 수 있습니다. 흰색 텍스트는 HoloLens 뒷판 없이도 잘 작동하지만 복잡한 물리적 배경으로 인해 형식을 읽기 어려울 수 있습니다. 어둡거나 색이 지정된 뒷판에 흰색 텍스트를 사용하여 사용자의 초점을 개선하고 물리적 배경에서 방해를 최소화하는 것이 좋습니다.


We recommend using white text on a dark or colored back plate.어둡거나 색이 지정된 뒷판에 있는 흰색 텍스트의 예입니다.

어두운 텍스트를 사용하려면 밝은 뒷판을 사용하여 읽을 수 있도록 해야 합니다. 가산 색 시스템에서 검은색은 투명으로 표시됩니다. 즉, 색이 지정된 뒷판이 없으면 검은색 텍스트가 표시되지 않습니다.

Examples of white on black and black on white text
흰색 텍스트의 검정색과 검은색의 흰색 예

Examples of black text in the system apps - Store and Settings
시스템 앱의 검은색 텍스트 예 - 스토어 및 설정



예상할 수 있듯이 PC 또는 태블릿 장치에서 사용하는 유형 크기(일반적으로 12~32pt 사이)는 2미터의 거리에서 작게 보입니다. 각 글꼴의 특성에 따라 달라지지만, 일반적으로 권장되는 최소 시야각 및 가독성을 위한 글꼴 높이는 사용자 연구 결과에 따라 약 0.35°-0.4°/12.21-13.97mm입니다. Unity의 텍스트 페이지에 도입된 배율 인수가 있는 약 35~40pt입니다.

0.45m(45cm)에서 가까운 상호 작용의 경우 읽을 수 있는 최소 글꼴의 시야각과 높이는 0.4°-0.5°/3.14-3.9mm입니다. Unity의 텍스트에 도입된 배율 인수가 있는 약 9-12pt입니다.

Near and far interaction range근거리 및 원거리 상호 작용 범위의 콘텐츠

읽을 수 있는 최소 글꼴 크기

거리 시야각 텍스트 높이 글꼴 크기**
45cm(직접 조작 거리) 0.4°-0.5° 3.14-3.9mm 8.9-11.13pt
2 m 0.35°-0.4° 12.21-13.97mm 34.63-39.58pt

편안하게 읽을 수 있는 글꼴 크기

거리 시야각 텍스트 높이 글꼴 크기**
45cm(직접 조작 거리) 0.65°-0.8° 5.1-6.3mm 14.47-17.8pt
2 m 0.6°-0.75° 20.9-26.2mm 59.4-74.2pt

Segoe UI(Windows 기본 글꼴)는 대부분의 경우 잘 작동합니다. 얇은 세로 스트로크가 진동하고 가독성을 저하하기 때문에 작은 크기의 밝은 글꼴 또는 반광 글꼴 패밀리를 사용하지 마십시오. 스트로크 두께가 충분한 최신 글꼴이 잘 작동합니다. 예를 들어 Helvetica와 Arial은 화려해 보이고 일반 또는 굵은 무게로 HoloLens 읽을 수 있습니다.

Unity의 텍스트 크기 계산에 대한 자세한 내용은 Unity의 텍스트를 참조하세요.

Viewing Angle거리, 각도 및 텍스트 높이 보기



리소스

Segoe 글꼴

(Zip 파일)

HoloLens 글꼴

(Zip 파일)

이미지: HoloLens 글꼴은 Windows Mixed Reality 사용되는 기호 문자 모양을 제공합니다.

The HoloLens font gives you the symbol glyphs used in Windows Mixed Reality



참고 항목