필터 디자인 지침(Windows Phone 스토어 앱)

Applies to Windows Phone only

이 항목에서는 카메라 필터를 사용하고 리치 미디어를 구현하여 Windows Phone에서 일관되고 놀라운 필터 앱 환경을 만들기 위한 디자인 모법 사례에 대해 설명합니다. 필터 앱 개발에 대한 자세한 내용은 Windows Phone 8의 필터를 참조하세요.

필터에 대한 사용자 환경 지침

필터 앱은 기본 제공 카메라를 보완하여 카메라와 사진 보기 환경을 자연스럽게 확장한 느낌을 제공하기 위한 것입니다. 필터는 파노라마나 그룹 사진과 같이 해당 시나리오를 전문으로 하는 앱에 실제 시나리오를 매핑하는 방법이기 때문에 유용합니다. 필터는 다음 두 가지 핵심 기능을 수행하여 이를 달성합니다.

  • 캡처:

    UI 예제: (1) 필터 전환기 버튼 탭하기, (2) 필터를 선택하고 순간을 캡처하기, (3) 사진을 확인하고 카메라 앨범에 저장하기

    UI 예제: (1) 필터 전환기 버튼 탭하기, (2) 필터를 선택하고 순간을 캡처하기, (3) 사진을 확인하고 카메라 앨범에 저장하기

  • 보기 및 경험:

    UI 예제: (1) 모든 사진이 카메라 앨범에 나타남, (2) 사진을 만든 앱에서 다시 열기, (3) 경험하거나 편집, (4) 새 사진 저장

    UI 예제: (1) 모든 사진이 카메라 앨범에 나타남, (2) 사진을 만든 앱에서 다시 열기, (3) 경험하거나 편집, (4) 새 사진 저장

중요 참고:  필터 앱을 만들 때는 다음과 같은 기본 사항을 염두에 두어야 합니다.

  • 필터는 뷰파인더 기반 환경으로 이동합니다.
  • 필터는 사진을 카메라 앨범에 저장합니다.
  • 향상된 보기 또는 편집 환경을 제공하는 필터는 기본 제공 사진 뷰어에서 해당 환경을 다시 실행합니다.

실행 환경

기본적으로 필터는 카메라 앱이며 기본 제공 카메라 환경 컨텍스트에서 실행됩니다. 장치의 카메라 환경은 세로 및 가로 방향을 모두 지원하지만 사용자가 장치를 카메라(가로 방향)처럼 유지할 때 필터 앱이 가장 잘 실행된다는 점을 이해해야 합니다. 따라서 앱의 실행 화면과 기본 방향을 가로 방향으로 설정하는 것이 좋습니다.

필터는 뷰파인더 기반 환경입니다. 즉, 뷰파인더 관련 앱을 실행하는 사용자는 뷰파인더 속성을 사용하는 환경을 즉시 중단해야 합니다. 이 규칙에도 예외가 있습니다. 앱의 일부 측면을 사용하기 위해 사용자가 자격 증명을 입력하거나 사용자의 법적 동의가 필요한 경우입니다.

앱을 기본 제공 카메라 환경에 통합하는 방법에 대한 자세한 내용은 Windows Phone 8의 필터 확장성을 참조하세요.

캡처 환경

일반적으로 필터 캡처 환경은 수행할 특정 요구가 없는 한 기본 제공 카메라 사용자 환경과 일치해야 합니다. 필터 환경에 필요한 일관성을 제공하려면 다음 사항을 고려하세요.

  • 장치 방향을 기준으로 제스처(특히 왼쪽으로 살짝 밀기) 및 환경을 만들어야 합니다.
  • 앱은 장치 방향을 기준으로 왼쪽을 가리키는 화살표 아이콘(추가 사진을 사용할 수 있다는 표시기)을 지원해야 합니다.——
  • 저장 및 캡처에 대한 기본 제공 애니메이션이 일관되어야 합니다.
  • 앱에서 탭하여 캡처 및 카메라 하드웨어 버튼을 지원해야 합니다.
  • 반셔터를 눌러 초점을 맞출 수 있습니다.
  • 필요한 경우 플래시 도해 및 상태를 사용할 수 있어야 합니다.
  • 필요한 경우 초점 대괄호가 기본 카메라에서처럼 작동해야 합니다.

사용자가 필터 앱 내에서 사진을 찍을 수 있는 경우 사진은 사용자의 카메라 앨범에 바로 저장되어야 합니다. 캡처하는 동안 앱에서 여러 장의 사진을 찍으면 추가 사진(백업 데이터)은 앱의 로컬 폴더에 저장되고 이러한 이미지의 표현은 카메라 앨범에 저장되어야 합니다.

캡처 방법

필터는 다양한 카메라 앱에 적용되므로 사용할 수 있는 다양한 유형의 캡처 방법과 각 방법에 적용되는 고유한 디자인 지침을 구분해야 합니다.

기존 캡처

이 유형의 필터 앱은 사진을 카메라 앨범에 직접 저장한 다음 바로 뷰파인더로 다시 돌아갑니다.

기존의 캡처 앱

기존의 캡처 앱

캡처 및 확인

이 유형의 필터 앱에서는 캡처된 이미지를 카메라 앨범에 저장하기 전에 사용자가 구문 분석하고 허용하도록 합니다.

캡처 및 확인 앱

캡처 및 확인 앱

캡처 및 확인 앱은 항목의 저장을 확인하고 취소하는 데 일관된 아이콘 집합(저장 및 삭제)과 애니메이션을 사용해야 합니다. 취소 및 저장은 모두 사용자를 뷰파인더로 돌아가도록 해야 합니다. 이러한 아이콘은 Windows Phone SDK에 포함되어 있습니다.

뷰파인더 환경에서 다시 연결

대부분의 필터 앱은 단순히 사용자의 카메라 앨범에 사진을 저장하지만 Windows Phone 필터는 기존 사진보다 훨씬 더 복잡한 콘텐츠를 캡처할 수 있습니다. 리치 미디어 필터는 로컬 폴더나 웹의 데이터를 통합하여 캡처한 이미지를 사용할 수 있는 보다 풍부하고 심층적인 방법을 사용자에게 제공합니다.

리치 미디어 필터는 해당 앱에 다시 연결되는 사진을 저장할 수 있습니다. 카메라 앨범에 저장된 사진은 카메라 앨범의 다른 모든 사진처럼 공유하거나 편집할 수 있습니다. 리치 미디어 항목을 나타내는 사진을 기본 제공 사진 뷰어에서 볼 때 사용자는 해당 항목과 관련된 리치 미디어 환경에 다시 연결할 수 있습니다.

리치 미디어 열기 링크

리치 미디어 열기 링크

열기 링크는 선택한 항목 보기 또는 편집에 맞게 조정된 환경을 실행해야 합니다. 일반 앱 실행 지점으로 표시되면 안 됩니다. 사용자가 이미지를 변경한 경우에만 복사본 저장을 사용해야 합니다. 기본 제공 사진 뷰어에 리치 미디어 필터를 통합하는 방법에 대한 자세한 내용은 Windows Phone 8의 리치 미디어 확장성을 참조하세요.

리치 미디어 앱을 사용할 경우 카메라 앨범의 저장된 이미지가 카메라 앨범에 있다고 가정하면 안 됩니다. 사용자가 카메라 앨범에 저장된 항목을 삭제할 수 있으므로 리치 미디어 필터에서 카메라 앨범에 저장된 대표 이미지 없이 환경을 다시 만들 수 있어야 합니다.

사용자가 카메라 앨범에 저장된 항목을 공유하거나 편집할 수 있으므로 브랜딩 요소를 사용하지 않도록 합니다. 사용자가 불필요한 시각적 산만함을 처리하지 않고 이미지를 공유하도록 합니다.

캡처된 사진과 관련된 백업 데이터가 앱의 로컬 폴더에 누적될 수 있습니다. 리치 미디어 앱은 카메라 앨범에서 이미지를 제거할 수 없지만 로컬 폴더에서 데이터를 지울 수는 있습니다. 이러한 앱은 앱에서 캡처한 사진을 탐색할 수 있는 기능을 제공하고 해당 사진과 관련된 백업 데이터를 삭제할 수 있는 기능을 사용자에게 제공해야 합니다. 리치 미디어 필터가 앱에서 항목의 새 복사본을 만드는 경우 작업을 저장하는 대신 복사본을 저장해야 합니다.

다음은 리치 미디어 환경 탐색을 위한 몇 가지 팁입니다.

  • 보기 또는 편집 환경을 실행할 경우 뒤로를 사용하면 카메라 앨범으로 다시 돌아갑니다.
  • 편집 환경을 실행할 경우 복사본 저장은 앱의 사용자가 확인된 변경 사항을 표시하도록 해야 합니다. 삭제는 이미지와 연결된 백업 데이터를 제거해야 합니다.

앱에서 리치 미디어 환경을 제공하지 않는 경우 앱의 WMAppManifest.xml 파일에서 리치 미디어 확장을 선언하지 마세요.

참고  리치 미디어 항목을 저장하지 않는 앱은 삭제 옵션을 제공하지 않습니다. 대신 캡처된 항목을 현재 세션에 표시해야 합니다.

디자인과 관련된 기타 고려 사항

필터는 강력한 앱이지만 기능이 제한되어 있습니다. 사용자의 카메라 앨범에서 사진을 삭제하거나, 사용자가 설치한 다른 필터를 열거하거나, 필터 앱에서 기본 제공 편집 환경을 실행할 수 없습니다. 이러한 제한 사항은 앱 사용자의 개인 정보 및 데이터를 보호하기 위한 것입니다. 필터는 휴대폰 기본 제공 사진 뷰어의 모든 기능을 모방해서는 안 됩니다.

필터 선택기에 아이콘 제공

필터 선택기에는 앱 자체를 나타내는 아이콘과 해상도가 다른 아이콘이 필요합니다. 앱은 가능한 각 휴대폰 해상도에 대해 하나씩 세 개의 아이콘을 자산 폴더에서 제공해야 합니다. 다음 표에서는 각 아이콘의 이름 및 해상도에 대해 설명합니다.

각 해상도에 대한 아이콘 만들기에 대한 자세한 내용을 보려면 Windows Phone 8의 아이콘 템플릿을 다운로드하세요.

휴대폰 해상도아이콘 크기(픽셀)폴더파일 이름
WVGA173 x 173자산Lens.Screen-WVGA.png
HD720p259 x 259자산Lens.Screen-720p.png
WXGA277 x 277자산Lens.Screen-WXGA.png

 

휴대폰 해상도에 대한 자세한 내용은 Windows Phone 8용 다중 해상도 앱을 참조하세요.

권장 사항 요약

모든 필터는 뷰파인더 기반 환경으로 이동하며 사진을 카메라 앨범에 저장합니다. 다음은 염두에 두어야 할 추가 사항에 대한 요약입니다.

실행 환경:

  • 필터 시작 화면은 가로 방향으로 표시됩니다.
  • 필터 아이콘은 WVGA, HD720p 및 WXGA 해상도를 지원합니다.

캡처 환경:

  • 기본 카메라 사용자 환경과 일치해야 합니다.

    • 제스처 지원: 미리 보려면 왼쪽으로 살짝 밉니다.
    • 세로 및 가로 방향을 지원합니다.
    • 버튼 동작:

      • 1/2 누르기.
      • 하드웨어 캡처.
      • 터치하여 캡처(초점 있는 항목).
    • 필요한 경우 플래시 아이콘 및 설정, 해제, 자동 및 전면 카메라의 상태 사용.
    • 초점 대괄호.
  • 캡처당 하나의 사진이 카메라 앨범에 저장됩니다.
  • 캡처를 통해 둘 이상의 JPG 이미지가 만들어지는 경우 추가 백업 데이터가 앱의 로컬 폴더에 저장됩니다.

캡처 및 확인 앱:

  • 저장, 복사본 저장 및 삭제에 일관된 아이콘 집합을 사용합니다.
  • 삭제 및 저장은 뷰파인더로 돌아가야 합니다.

리치 미디어 필터:

  • 앱에서 사진을 편집하거나 나중에 보기 위해 추가 데이터를 저장하는 경우 리치 미디어 환경 구현을 고려해야 합니다.
  • 열기 링크는 선택한 항목 보기 또는 조작에 맞게 조정된 환경으로 사용자를 안내합니다.
  • 이미지를 열기 전에 카메라 앨범에 있는지 확인(사용자가 이미지를 삭제했을 수 있음)하고 누락된 경우 상황을 적절하게 처리합니다.
  • 리치 미디어 환경을 제공하는 앱은 데이터가 앱에서 삭제된 경우 사용자가 카메라 앨범의 항목에서 연결되는 경우를 처리할 수 있어야 합니다.
  • 리치 미디어 필터 앱은 카메라 앨범이 아닌 로컬 폴더의 백업 데이터에 따라 앱에서 캡처한 콘텐츠를 열거해야 합니다.
  • 리치 미디어 필터 앱은 장치에서 백업 데이터를 삭제하는 기능을 사용자에게 제공해야 합니다.
  • 편집 환경을 실행하는 경우 저장 기능을 복사본 저장이라고 해야 합니다. 앱의 사용자가 확인된 변경 사항을 표시하도록 합니다.
  • 열기 링크에서 탐색:

    • 보기 또는 편집 환경을 실행할 경우 뒤로를 누르면 카메라 앨범으로 다시 돌아가야 합니다.

앱이 리치 미디어 환경을 제공하지 않는 경우:

  • 리치 미디어를 저장하지 않는 앱은 삭제 옵션을 제공하지 않아야 합니다. 대신 해당 현재 세션에 캡처된 항목을 표시합니다.
  • 앱에서 리치 미디어를 사용하지 않는 경우 앱의 WMAppManifest.xml 파일에서 리치 미디어 확장을 선언하지 않습니다.

관련 항목

Windows Phone 8의 필터

Windows Phone 8의 필터 확장성

Windows Phone 8의 리치 미디어 확장성

 

 

표시:
© 2014 Microsoft