이미지 표시

이미지는 테이블, 목록 또는 회전식 미리 보기로 화면에 개별적으로 표시될 수 있습니다.

전체 이미지를 표시하려면 단일 이미지 보기를 사용합니다. 이 보기에서 사용자는 이미지를 확대하고 이동할 수 있습니다.

이 화면에는 단일 이미지의 예가 표시됩니다.

여러 이미지를 한 번에 표시하려면 미리 보기 이미지를 테이블로 사용합니다.

이 화면에는 테이블로 나타낸 미리 보기 이미지의 예가 표시됩니다.

사용자가 이미지를 빨리 찾도록 하려면 미리 보기 이미지를 목록으로 사용합니다. 목록은 테이블보다 이미지를 작게 표시하고 각 이미지에 대해 이름, 날짜 등의 추가 정보를 포함합니다.

이 화면에는 목록 보기로 나타낸 미리 보기 이미지의 예가 표시됩니다.

사용자가 추천 항목 또는 사진 앨범과 같은 관련 이미지 집합을 찾아보도록 하려면 미리 보기 이미지를 회전식 보기로 사용합니다. 이 보기는 공간이 덜 필요하며 다른 항목을 화면에 동시에 나타낼 수 있습니다.

이 화면에는 회전식 보기로 나타낸 미리 보기 이미지의 예가 표시됩니다.

사용자는 다음 작업을 수행하여 더 많은 이미지를 볼 수 있습니다.

사용자 목표

탐색 키를 사용하는 동작

터치 스크린을 사용하는 동작

테이블 또는 목록에서 더 많은 미리 보기 이미지 보기

트랙패드에서 손가락을 세로로 움직입니다.

  • 터치 스크린에서 손가락을 세로로 끕니다.
  • 화면에서 위 또는 아래로 문지릅니다.

회전식 보기로 미리 보기 이미지 더 보기

트랙패드에서 손가락을 가로로 움직입니다.

  • 터치 스크린에서 손가락을 가로로 끕니다.
  • 화면을 문지릅니다.

모범 사례: 이미지 표시

미리 보기 이미지 표시 지침

  • 각 미리 보기 이미지와 같은 크기를 특정 보기에 사용합니다. 필요한 경우 이미지 크기를 조정하거나 자릅니다. 원래 이미지를 자르지 않고 표시해야 하는 경우 다른 이미지와 같은 크기의 상자를 만들고 해당 이미지 뒤에 상자를 배치합니다. 이미지의 너비 또는 폭을 가운데 맞춤합니다.
  • 이미지의 가로 세로 비율을 바꾸지 않습니다.

단일 이미지 보기, 테이블 또는 목록에서의 이미지 표시 지침

  • 단일 이미지 보기를 항상 제공하여 이미지를 확대하고 이동할 수 있도록 합니다.
  • 테이블에서는 기본적으로 각 행에 4개의 이미지를 표시합니다.
  • 이미지를 표시하는 데 시간이 소요되면 이미지를 점진적으로 렌더링하고 자리 표시자 이미지를 제공합니다.

회전식 보기에 미리 보기 이미지 표시 지침

  • 사용자의 기본 목표가 특정 이미지를 찾는 경우라면 회전식 보기를 사용하지 않도록 합니다. 대신 테이블 또는 목록을 사용합니다.
  • 한 번에 3개에서 7개의 이미지를 화면에 표시합니다. 한 화면에 포함되는 이미지의 개수는 미리 보기 이미지의 크기 및 화면의 너비에 따라 달라집니다.
  • 이미지의 전체 개수를 표시하고 강조 표시된 이미지의 현재 위치를 나타냅니다.
  • 이미지가 한 번에 화면에 표시할 수 있는 것보다 더 많으면 부분 이미지 또는 화면 왼쪽이나 오른쪽에 화살표를 표시합니다. 이미지의 시작과 끝을 회전식 보기로 표시하는 것이 중요한 경우 스크롤 바를 포함시킵니다.
  • 이미지에 특정 순서가 있으면 이미지 설정의 시작과 끝을 표시해 줍니다.
  • 다음 이미지 또는 이전 이미지로 이동하는 바로가기 키를 지정합니다. 가능한 경우, 영어에서는 "N"을 누르면 다음 이미지로 이동되고 "P"를 누르면 이전 이미지로 이동되도록 합니다.
  • 다른 구성요소 가까이에서 이미지를 회전식 보기로 배치하지 않도록 합니다.
  • 레이블을 포함시키는 경우 터치 스크린이 있는 BlackBerry 단말기에서는 레이블을 이미지 위에 배치합니다. 이와 같은 접근법을 통해 사용자는 이미지 간을 이동할 때 다른 요소의 방해 없이 레이블을 볼 수 있습니다.

이 정보가 도움이 되었습니까? 의견을 보내 주십시오.