정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

Windows Phone용 아이콘 타일 템플릿 디자인 지침

2013-12-05

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

이 항목에서는 아이콘 타일 템플릿에 대해 자세히 설명합니다.

참고참고:

Windows Phone 7.1용 타일을 디자인하는 경우 Windows Phone용 전환 타일 템플릿 디자인 지침을 참조하세요.

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

다음 이미지는 아이콘 타일 템플릿에 대한 크기 조정 정보를 설명합니다.

Iconic template size info

그 밖의 디자인 리소스는 Windows Phone 8용 아이콘 템플릿을 참조하세요.

해상도에서 올바른 확장성을 유지하려면 다음 사항에 유의하세요.

  • 아이콘 타일 템플릿을 사용하려면 두 개의 이미지를 제공해야 합니다. 이 이미지들은 다음과 같이 사용됩니다.

    • SmallIconImage:

      • 이 이미지는 타일을 소형으로 변경할 때, 또는 타일이 와이드형이고 타일에 콘텐츠 문자열이 있을 때 사용합니다.

      • 이 이미지의 최대 크기는 110픽셀x110픽셀이지만, 권장하는 “최적” 크기는 70픽셀x110픽셀입니다.

    • IconImage:

      • 이 이미지는 타일을 중간 크기로 변경할 때 또는 콘텐츠 문자열이 없는 넓은 타일에 개수 정보가 있거나 없을 때 사용됩니다.

      • 이 이미지의 최대 크기는 202픽셀x202픽셀이지만, 권장하는 “최적” 크기는 130픽셀x202픽셀입니다.

  • 항상 만들려는 자산의 전체 크기까지 투명 버퍼를 사용하여 수직 방향으로 채웁니다. 중간 또는 대형 이미지의 흰색 픽셀 높이가 130픽셀이면 아이콘의 상단과 하단을 투명 버퍼를 사용하여 202픽셀 높이까지 채웁니다. 이 때 이미지를 중심 위치에서 유지해야 합니다.

  • 가로 평면에서는 항상 크기에 딱 맞춰 자릅니다. 즉 이미지가 130픽셀 너비이면 해당 너비에서 자르고 투명 버퍼를 사용하여 가로 평면을 채우지 마세요. 가로 평면을 채우면 개수가 이미지로부터 너무 멀어집니다.

  • 먼저 대형 이미지를 배치하고 가능하면 작은 아이콘 이미지로 축소합니다. 예를 들어 130픽셀 x 202픽셀 크기의 타일이 있는 경우 소형 가로 세로 비율을 너비 약 70픽셀과 높이 110픽셀로 설정합니다.

Segoe WP는 고정폭 글꼴이 아니므로 모든 문자 수는 대략적인 수치입니다. 고유의 줄 바꿈이 없습니다. 따라서 개발자가 줄 바꿈을 직접 프로그래밍해야 합니다. 하지만 Windows Phone의 현대적 스타일을 반영하도록 문자 잘림을 사용하는 것이 좋습니다.

타일 크기

제목

WideContent1

WideContent2

WideContent3

소형

NA

NA

NA

NA

중형

19

NA

NA

NA

너비

39

33

33

33

넓은 아이콘 타일을 만들 경우 각 줄에 서로 다른 콘텐츠를 포함해 보세요. 예를 들어 타일을 이메일 앱에 사용하는 경우, WideContent1은 이메일을 보낸 사람을 전달해야 합니다. WideContent2는 이메일 제목이 될 수 있어야 합니다. WideContent3은 이메일 메시지의 첫 줄일 수 있으므로 타일에서 잘려 보일 수 있습니다.

멋진 타일 모양 만들기에 대한 자세한 내용은 Windows Phone용 타일 디자인 지침을 참조하세요.

아이콘 타일 만들기 및 업데이트에 대한 자세한 내용은 Windows Phone 8의 아이콘 타일 템플릿을 참조하세요.

표시: