Windows Phone의 테마 디자인 결정

2013-12-05

적용 대상: Windows Phone 8 | Windows Phone OS 7.1

 

테마는 Windows Phone의 시각적 요소를 개인 설정하는 배경색과 테마 컬러의 사용자 선택 조합입니다. 색만 테마의 일부이고 글꼴이나 컨트롤 크기 조정과 같은 기타 요소는 변경되지 않습니다.

배경색 두 개(어둡게 또는 밝게)와 여러 가지 테마 컬러를 선택할 수 있습니다.

Windows Phone 앱은 선택한 테마를 자동으로 사용하며, 부자연스럽고 불확실한 사용자 환경을 방지하기 위해 시스템 컨트롤과 UI 요소가 플랫폼 전체에서 일관된 방식으로 표시되게 합니다.

고유한 테마를 설정하려는 경우 앱 내에서 테마를 재정의할 수 있습니다. 사용자 지정 테마는 브랜딩된 앱에 품질, 독창성 또는 친숙함을 설정할 수 있습니다. 앱 시각적 디자인을 사용자 지정할 수준을 미리 결정하고 해당 요소를 적절하게 계획합니다. 개발자는 고유한 리소스를 제공하고 테마 속성을 모두 재정의할 수 있지만 테마를 끌 수는 없습니다.

이 항목에는 다음 단원이 포함되어 있습니다.

 

테마는 Windows Phone에서 시각적 요소를 개인 설정하는 데 사용되는 리소스 집합입니다. 테마 요소는 사용자가 테마 아래 설정 메뉴에서 설정할 수 있습니다.

Windows Phone SDK 의 테마 리소스를 사용하여 기본 UI의 모양과 느낌을 유지하는 앱을 만들 수 있습니다. 테마 속성은 코드에서 직접 액세스할 수 있으므로 고유한 브랜딩이나 색 구성표와 일치하도록 테마 속성의 값을 명시적으로 변경할 수 있습니다.

배경

배경은 앱의 기능 요소 뒤에 표시됩니다. 브랜딩 또는 앱의 색조를 설정할 다른 사용자 지정 아트를 표시할 기회로 배경을 사용합니다. 배경이 동적으로, 특정 간격마다 새 정보 또는 이미지나 변화하는 정보 또는 이미지를 제공할 수도 있습니다. 예를 들어 파노라마에는 모든 패널에 걸쳐 있는 배경 이미지가 포함될 수 있습니다. 앱 타일의 배경 이미지는 Microsoft 푸시 알림 서비스나 타일 일정을 사용하여 언제든지 업데이트될 수 있습니다.

지원되는 테마 컬러

Windows Phone에서는 사용자가 다양한 테마 컬러 중에서 선택할 수 있습니다. 기본 테마는 어두운 배경에 파란색 테마 컬러이지만 통신사나 휴대폰 제조업체에서 이 설정을 재정의할 수도 있습니다.

The Windows Phone Accent Colors
팁팁:

일부 단말기에는 통신사가 지정한 추가 테마 컬러가 미리 설치되어 있을 수도 있습니다.

앱에서 이러한 추가 색을 인식해야 하며 위의 테이블에 표시된 시스템 수준 색만 가정해서는 안 됩니다. 예를 들어 표준 테마 컬러를 확인하고 특정 작업을 수행하는 코드를 사용하면 안 됩니다. 추가 색으로 인해 작업이 중단될 수 있습니다.

UX_Interactions_Themes_01

테마 및 테마 컬러

Windows Phone의 이미지는 16비트입니다. Windows Phone SDK 에 포함된 Windows Phone 에뮬레이터는 24비트 색상표를 지원합니다. 따라서 에뮬레이터에서 최적화된 일부 이미지가 단말기에서는 낮은 품질로 표시될 수도 있습니다. 이미지를 16비트 색 공간으로 내보냅니다.

색과 관련된 일반적인 실수

사용자가 시스템을 밝은 테마 모드로 전환해도 강조 색이 계속 표시되어야 합니다. 밝은 테마와 어두운 테마에서 테마 컬러를 모두 테스트합니다. 사용자가 여러 테마 중에서 선택할 수 있으므로 개발자는 색이 지정된 요소를 UI에 추가할 때 가능한 색 조합을 고려해야 합니다. 개발자는 그래픽 디자이너에게 문의하여 색 조합과 관련된 지원을 받는 것이 좋습니다.

중요중요:

Windows Phone에는 두 개의 시스템 테마인 밝게와 어둡게가 포함되어 있습니다. 앱에서 보조 테마를 사용하는 것이 좋습니다. 하지만 사용자가 설정한 시스템 테마는 자동으로 Windows Phone SDK 에서 사용 가능한 모든 컨트롤에 적용되므로 시각적 디자인의 일부가 배경으로 사라질 수도 있습니다.

사용자가 휴대폰의 시스템 테마를 수정하면 테마 컬러만 변경됩니다. 글꼴, 컨트롤 크기 조정 등의 다른 요소는 동적으로 변경되지 않습니다.

하지만 다른 Windows Phone 테마 리소스를 사용하여 글꼴, 글꼴 크기 등의 속성을 변경할 수 있습니다. 이러한 리소스에 대한 자세한 내용은 Windows Phone의 테마 리소스를 참조하세요.

사용자 지정 테마 요소를 만드는 경우 Windows Phone의 주요 UI 패러다임인 프레임 및 페이지 탐색 모델에 맞게 디자인합니다. 프레임 및 페이지를 사용하면 사용자가 링크를 사용하여 여러 콘텐츠 페이지(또는 화면)을 전방 탐색하고 하드웨어 뒤로 버튼을 사용하여 후방 탐색할 수 있습니다. 프레임, 페이지 및 화면에 대한 자세한 내용은 Windows Phone의 탐색, 방향 및 제스처를 참조하세요.

기본 색 구성표 선택

개별적으로 색을 통합하여 브랜딩에 영향을 주는 방법을 고려합니다. Windows Phone은 명확하고 선명한 표시를 위해 개별적인 고대비 색 조합을 사용합니다. 화려한 색의 사용을 피하고, 색을 결정할 수 없는 경우 기본적으로 중립 색조나 단색조로 설정합니다.

사용자가 선택한 시스템 수준 테마는 수정할 수 없습니다. 앱 내의 테마만 수정할 수 있습니다.

일반적으로 앱은 사용자가 선택한 테마와 테마 컬러를 적용해야 합니다. 하지만 이러한 테마와 테마 컬러의 전환이 앱 관련 브랜딩이나 색상표에 방해가 되는 경우 앱을 한 가지 테마(밝게 또는 어둡게)로만 잠글 수 있습니다. 그러면 시스템 수준 색 설정과 색의 연결이 끊어집니다.

앱의 색과 배경을 완벽하게 제어하려는 경우 앱에서 시스템 테마를 옵트아웃하여 사용자 환경을 완벽하게 제어하고, 사용자가 선택한 테마 및 테마 컬러에 관계없이 앱에서 고유한 색이 사용되도록 할 수 있습니다.

다양한 Windows Phone 테마 리소스 및 앱에서 이러한 리소스를 구성하는 방법에 대한 자세한 내용은 Windows Phone의 테마 리소스를 적용하는 방법을 참조하세요.

표시:
© 2014 Microsoft