정밀도 테마 아이콘 및 표시기
정밀도 테마 아이콘은 2차원 정투상도를 유지하는 간단한 선 양식을 사용합니다. 아이콘과 색상은 기능적 요소이며, 배경은 정서적 효과를 가져옵니다. 이 아이콘은 차원 테마 아이콘의 조직적 디자인과 비교해볼 때 좀 더 기하학적 디자인을 갖습니다.
터치 스크린이 없는 BlackBerry® 단말기에서는 아이콘 레이블이 화면 아래쪽에 나타납니다. 원본 정밀도 테마를 사용하는 BlackBerry 단말기에서 사용자가 프로그램 아이콘을 강조 표시할 경우 불투명도가 바뀌고 파란색 윤곽선이 뒤에 나타납니다. 업데이트된 정밀도 테마를 사용하는 BlackBerry 단말기에서 사용자가 프로그램 아이콘을 강조 표시할 경우 파란색 배경이 아이콘 뒤에 나타납니다.
터치 스크린이 있는 BlackBerry 단말기에서는 아이콘 레이블이 아이콘 아래에 표시됩니다. 사용자가 프로그램 아이콘을 강조 표시하면 아이콘 뒤에 파란색 배경이 나타납니다. 파란색 배경과 아이콘의 파란색 요소를 구분하기 위해 그림자 효과가 적용됩니다.
표시는 일직선으로 나타나는 2차원 객체입니다. 배너나 프로그램에 표시기를 포함할 수 있습니다(예: 메시지 목록에 메시지 표시 포함).
모범 사례: 정밀도 테마에 대한 아이콘 및 표시기 디자인
- 기본 아이콘과 크기, 가중치 및 가운데 맞춤 상태가 일치하는 아이콘을 만듭니다.
- 각 아이콘 및 표시 주변에 여백을 둡니다. 예를 들어, 아이콘이 80x80 픽셀 캔버스에 표시될 경우 68x68 픽셀의 아이콘 객체를 만듭니다.
- 아이콘의 흰색 부분에는 위쪽에서 아래쪽 방향으로 그라데이션을 사용합니다. 아이콘 위쪽은 80% 불투명도 흰색으로 지정하고 아이콘 아래쪽은 60% 불투명도 흰색으로 지정합니다.
- 강조된 아이콘에는 그림자 효과를 추가합니다. 다음 속성을 사용합니다.
- 강조된 아이콘의 흰색 부분에 9픽셀 후광을 추가합니다. 이 후광에는 RGB 121, 175, 255를 사용합니다. 강조된 아이콘의 색상 부분에는 9픽셀 후광을 추가합니다. 이 후광에는 강조 색상의 RGB 값과 75%의 불투명도를 사용합니다.
모양에 대한 지침
- 둥근 직사각형, 원, 작은 알 모양, 호 및 직선을 사용합니다. 원호를 전환 부분으로 사용합니다. 자유롭게 변형되는 곡선과 특수한 모양은 사용하지 않도록 합니다.
- 둥근 모서리의 반지름을 이미지 크기의 1/16로 지정하여 아이콘의 둥근 모서리를 만듭니다. 예를 들어, 아이콘 폭이 34픽셀이면 둥근 모서리의 반지름은 2픽셀입니다.
- 사운드를 나타낼 때는 두꺼운 웨이브를 사용합니다. 무선 통신을 나타낼 때는 가는 웨이브를 사용합니다.
- 데이터 전송이나 무선 통신을 나타낼 때는 두꺼운 화살대와 V자형 화살촉이 있는 화살표를 사용합니다. UI의 작업을 나타낼 때는 가는 화살대와 긴 삼각형 화살촉이 있는 화살표를 사용합니다.
- 수정용 객체를 사용하여 새로운 의미를 만들거나 아이콘 집합 간 관계를 설정합니다. 수정용 객체는 다른 객체 위에 겹쳐지는 더 작은 보조 객체입니다. 예를 들어, 설치 폴더의 아이콘에는 기어를 수정용 객체로 사용합니다.
다음 주제:
차원 테마 아이콘 및 표시기
이전 주제: 모범 사례: 아이콘 및 표시 디자인