문제

탭 막대 항목에 대한 이미지의 해상도는 무엇입니까?

또한 해당 탭 항목 이미지에 관한 다른 유용한 정보를 제공하십시오.

미리 감사드립니다.

도움이 되었습니까?

해결책

문서에 따르면 탭 막대 이미지는 일반적으로 30x30이지만 이미지를 설정하는 가장 좋은 크기는 48x32 픽셀이라는 것을 알았습니다. 이 크기는 여전히 렌더링되어 좀 더 많은 공간을 제공합니다.

이미지는 투명성이있는 PNG이며 마스크 만 사용됩니다. UI는 선택할 때 선택할 때 마스크 회색을 렌더링하거나 선택할 때 파란색/크롬을 렌더링합니다.

다른 팁

http://developer.apple.com/ibrary/library/documentation/userexperience/conceptual/mobilehig/iconsimages/iconsimages.html

가능하면 내비게이션 막대, 툴바 및 탭 막대에서 시스템 제공 버튼과 아이콘을 사용해야합니다 ... 표준 버튼 및 아이콘의 전체 목록 및 사용 방법에 대한 지침은 참조하십시오. "시스템이 제공하는 버튼과 아이콘."

물론 응용 프로그램이 수행하는 모든 작업이 표준적인 작업은 아닙니다. 응용 프로그램이 사용자 정의 작업을 지원하는 경우 사용자가 자주 수행 해야하는 경우 툴바 또는 탐색 표시 줄에서 이러한 작업을 나타내는 사용자 정의 아이콘을 만들어야합니다. 마찬가지로 응용 프로그램에 사용자가 사용자 정의 응용 프로그램 모드 또는 데이터의 사용자 정의 서브 세트 중에서 전환 할 수있는 탭 표시 줄이 표시되면 이러한 모드 나 서브 세트를 명확하게 설명하는 탭 막대 아이콘을 설계해야합니다. 이 섹션에서는 탐색 막대, 툴바 및 탭 막대에서 잘 작동하는 아이콘을 디자인하는 방법에 대한 지침을 제공합니다.

아이콘의 예술을 만들기 전에, 당신은 그것이 무엇을 전달 해야하는지 생각하는 데 시간을 보내야합니다. 디자인을 고려할 때 다음과 같은 아이콘을 목표로합니다.

  • 간단하고 간소화되었습니다. 너무 많은 세부 사항으로 인해 아이콘이 조잡하거나 고려할 수없는 것처럼 보일 수 있습니다.
  • 시스템이 제공 한 아이콘 중 하나에 쉽게 착각하지 않습니다. 사용자는 사용자 정의 아이콘을 표준 아이콘과 한눈에 구별 할 수 있어야합니다.
  • 쉽게 이해하고 널리 받아 들여질 수 있습니다. 대부분의 사용자가 올바르게 해석 할 수있는 상징을 만들고 사용자가 공격적으로 찾을 수없는 상징을 만들기 위해 노력합니다.

아이콘 모양을 결정한 후에는 다음을 만들 때 다음을 수행하십시오.

  • PNG 형식을 사용하십시오.
  • 적절한 알파와 함께 순수한 흰색을 사용하십시오.
  • 드롭 그림자를 포함하지 마십시오.
  • 반 알리 아스를 사용하십시오.
  • 베벨을 추가하기로 결정한 경우 90 °인지 확인하십시오 (이를 위해 도움을주기 위해 아이콘 상단에 위치한 광원을 상상해보십시오).
  • 도구 모음 및 탐색 막대 아이콘의 경우 약 20 x 20 픽셀을 측정하는 아이콘을 만듭니다.
  • 탭 막대 아이콘의 경우 약 30 x 30 픽셀을 측정하는 아이콘을 만듭니다 ...

이 진술은 기술적으로 부정확합니다.

"... 마스크 만 사용됩니다. UI는 선택할 때 선택할 때 마스크를 회색으로 만듭니다.

당신은 어떤 종류의 마스크를 공급하지 않습니다. 오히려 탭 이미지는 단순히 a입니다 단색화 .png 이미지, 일명 a 사용 된 1 개의 색상.

컬러 이미지를 제공하면 Uikit은 흑백 이미지로 정량화합니다. 최악의 경우 색상 이미지는 ~ 8000 바이트이며 ~ 6k (retina)의 낭비입니다. 파일 형식은 양자화가 제대로 작동하기 위해 투명성이있는 24 비트 .png 여야합니다. 이것은 색상 파일 형식이지만 색상을 사용하지 않거나 공간을 낭비하지 마십시오.

결론은 최상의 성능 및 메모리 사용으로 올바른 크기를 갖는 것입니다.

표준 디스플레이
  48x32 .png, 투명성이있는 24 비트 (그러나 1 색 만 사용). 최악의 경우 크기 ~ 500 바이트.
  30x30 .png, 투명성이있는 24 비트 (그러나 단 1 색 만 사용). 최악의 경우 크기 ~ 350 바이트.

레티 나 화면
  60x60 .png, 투명성이있는 24 비트 (그러나 1 색 만 사용). 최악의 경우 크기 ~ 2000 바이트.

"Uitabbaritem 클래스 참조"를 확인하십시오 SDK 문서

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top