이 항목은 아직 평가되지 않았습니다.- 이 항목 평가

Windows Phone용 필터 디자인 지침

2013-12-05

적용 대상: Windows Phone 8 전용입니다.

 

이 항목에서는 Windows Phone에서 일관되고 멋진 필터 앱 환경을 만들기 위한 리치 미디어 구현 및 필터 사용에 대한 최선의 방법을 살펴봅니다. 필터 앱 개발에 대한 자세한 내용은 Windows Phone 8의 필터를 참조하세요.

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

 

필터 앱은 기본 제공 카메라를 보완하기 위해 작성되었으며 카메라 및 사진 보기 환경이 자연스럽게 확장된 것처럼 느껴집니다. 필터는 실제 시나리오를 해당 시나리오에 딱 맞는 앱(파노라마 또는 그룹 사진)에 매핑하기 때문에 유용합니다. 필터는 다음 두 가지 핵심 기능을 실행하여 이러한 효과를 제공합니다.

  • 캡처:

Capture it

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

  • 보기 및 경험하기:

Experience it

UI 예제: (1) 모든 사진이 카메라 앨범에 나타납니다. (2) 사진을 만들 때 사용한 앱에서 사진을 다시 엽니다. (3) 경험해 보거나 편집합니다. (4) 새 사진을 저장합니다.

중요중요:

필터 앱을 만들 때는 다음과 같은 기본적인 사항에 반드시 유의하세요.

  • 필터는 뷰파인더 구동 환경으로 이동됩니다.

  • 필터는 사진을 카메라 앨범에 저장합니다.

  • 향상된 보기 또는 편집 환경을 제공하는 필터는 기본 제공 사진 뷰어에서 해당 환경을 다시 실행합니다.

필터는 기본적으로 카메라 앱이므로 기본으로 제공된 카메라 환경에서 시작됩니다. 장치의 카메라 환경이 세로 및 가로 방향을 모두 지원하더라도 사용자가 카메라와 같은 장치를 잡고 있는 상태에서(가로 방향) 필터 앱이 시작될 가능성이 높다는 점을 감안해야 합니다. 따라서 앱의 시작 화면과 기본 방향을 가로 방향으로 설정하는 것이 좋습니다.

필터는 뷰파인더 구동 환경입니다. 즉, 뷰파인더 관련 앱을 시작하는 사용자가 뷰파인더 속성을 사용하는 환경에 즉시 랜딩해야 한다는 뜻입니다. 이 규칙에는 앱에서 사용자에게 자격 증명 입력을 요구하거나 앱의 특정 측면을 사용하기 위해 사용자로부터 법적 승인을 받아야 하는 경우처럼 예외도 있습니다.

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

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

  • 장치 방향을 고려하여 제스처(특히 왼쪽으로 밀기)와 환경을 만들어야 합니다.

  • 앱에서 장치 방향을 고려하여 왼쪽 화살표 아이콘(추가 사진을 사용할 수 있음을 나타내는 표시기)을 지원해야 합니다.

  • 저장캡처의 주식 애니메이션이 일치해야 합니다.

  • 앱에서 탭하여 캡처 및 카메라 하드웨어 버튼을 지원해야 합니다.

  • 초점 절반 누름을 지원합니다.

  • 관련된 경우 플래시 아이콘과 상태를 사용할 수 있어야 합니다.

  • 관련된 경우 기본 카메라를 사용하여 작업할 때처럼 초점 브래킷이 작동해야 합니다.

사용자가 필터 앱 내에서 사진을 찍을 수 있는 경우 사진이 사용자의 카메라 롤에 즉시 저장되어야 합니다. 앱에서 캡처 중에 여러 사진을 찍는 경우 추가 사진(백업 데이터)이 앱의 로컬 폴더에 저장되어야 하며, 이러한 이미지의 표현이 카메라 롤에 저장되어야 합니다.

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

기존 캡처

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

Traditional capture lens

기존 캡처 앱

캡처 후 확인

이 유형의 필터 앱에서는 캡처한 이미지를 카메라 롤에 저장하기 전에 사용자가 캡처한 이미지를 분석하고 허용해야 합니다.

Capture and confirm

캡처 후 확인 앱

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

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

여러 필터 앱에서 단순히 사용자의 카메라 롤에 사진을 저장하지만 Windows Phone 필터는 기존 사진보다 더 복잡한 콘텐츠를 캡처할 수 있습니다. 리치 미디어 필터는 로컬 폴더나 웹의 데이터를 통합하여 사용자가 캡처한 이미지를 더욱 더 다양하고 세부적인 방식으로 사용할 수 있도록 합니다.

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

Rich media

리치 미디어 열린 링크

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

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

사용자는 카메라 롤에 저장된 항목을 공유하거나 편집할 수 있으므로 브랜딩 요소를 가급적 사용하지 마세요. 사용자가 불필요한 시각적 왜곡을 처리하지 않고 이미지를 공유하게 하세요.

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

다음은 리치 미디어 환경 내 탐색 관련 팁입니다.

  • 보기 또는 편집 환경을 시작하는 경우 뒤로는 카메라 롤로 돌아가야 합니다.

  • 편집 환경으로 시작하는 경우 복사본 저장은 사용자를 앱 내에서 유지하여 확인된 변경 내용을 표시해야 합니다. 삭제는 이미지와 관련된 백업 데이터를 제거해야 합니다.

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

참고참고:

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

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

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

각 해상도용 아이콘 만들기에 대한 자세한 내용은 Windows Phone 8용 아이콘 템플릿을 참조하세요.

사진 해상도

아이콘 크기(픽셀)

폴더

파일 이름

WVGA

173 x 173

자산

Lens.Screen-WVGA.png

HD720p

259 x 259

자산

Lens.Screen-720p.png

WXGA

277 x 277

자산

Lens.Screen-WXGA.png

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

모든 필터는 뷰파인더 구동 환경으로 이동되며 카메라 앨범에 사진을 저장합니다. 다음은 추가적으로 유의할 사항을 요약한 것입니다.

필터 환경:

  • 필터 시작 화면은 가로 방향으로 표시합니다.

  • 필터 아이콘은 WVGA, HD720p 및 WXGA 해상도를 지원합니다.

캡처 환경:

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

    • 제스처 지원: 왼쪽으로 밀어서 미리보기.

    • 세로 및 가로 방향 지원

    • 버튼 동작:

      • 절반 누름.

      • 하드웨어 캡처.

      • 터치하여 캡처(포커스가 있는 항목).

    • 플래시 아이콘과 켜짐, 꺼짐, 자동 및 전면 카메라(해당되는 경우) 상태.

    • 초점 브래킷.

  • 캡처당 사진 한 장이 카메라 롤에 저장됩니다.

  • 두 개 이상의 JPG 이미지가 캡처를 통해 생성되는 경우 추가 백업 데이터를 앱의 로컬 폴더에 저장해야 합니다.

캡처 후 확인 앱:

  • 일관된 저장, 복사본 저장삭제 아이콘 집합을 사용합니다.

  • 삭제저장은 모두 뷰파인더로 돌아가야 합니다.

리치 미디어 필터:

  • 앱에서 사진을 편집하거나 나중에 보기 위해 추가 데이터를 저장하는 경우 리치 미디어 환경을 구현할 것을 고려해야 합니다.

  • 열린 링크는 사용자를 선택한 항목의 보기 또는 조작에 맞게 조정된 환경으로 안내해야 합니다.

  • 사용자가 이미지를 삭제했을 수도 있으므로 열기 전에 이미지가 카메라 롤에 있는지 여부를 확인하고 없는 경우 해당 상황을 적절하게 처리합니다.

  • 리치 미디어 환경을 제공하는 앱은 데이터가 앱에서 삭제된 카메라 롤의 항목에서 사용자가 연결되는 경우를 처리할 수 있어야 합니다.

  • 리치 미디어 필터 앱은 카메라 롤이 아니라 로컬 폴더의 백업 데이터에 따라 앱에서 캡처한 모든 콘텐츠를 열거해야 합니다.

  • 리치 미디어 필터 앱은 장치에서 백업 데이터를 삭제하는 기능을 사용자에게 제공해야 합니다.

  • 편집 환경으로 시작하는 경우 저장 기능의 이름은 복사본 저장이어야 합니다. 사용자를 앱에서 유지하여 확인된 변경 내용을 표시합니다.

  • 열린 링크에서 탐색.

    • 보기 또는 편집 환경으로 시작하는 경우 뒤로를 누르면 카메라 롤로 돌아가야 합니다.

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

  • 리치 미디어를 저장하지 않는 앱은 삭제 옵션을 제공하면 안 됩니다. 대신에 해당 현재 세션에서 캡처한 항목을 표시합니다.

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

이 정보가 도움이 되었습니까?
(1500자 남음)
의견을 주셔서 감사합니다.
표시:
© 2014 Microsoft. All rights reserved.