BlackBerry 6 테마 아이콘 및 표시

BlackBerry® 6 테마 아이콘은 2차원 정투상도를 유지하는 간단한 선 양식을 사용합니다. 아이콘과 색상은 기능적 요소이며, 배경은 정서적 효과를 가져옵니다. 정밀도 테마와 비교하면 선 두께가 더 가늘고 모서리 반지름이 더 크므로 보다 친숙한 모양입니다. 또한 아이콘은 광택이 납니다.

이 화면에는 BlackBerry 6 프로그램 아이콘의 일부가 표시됩니다.

표시는 일직선으로 나타나는 2차원 객체입니다. 배너, 제목 표시줄 또는 프로그램에 표시를 포함할 수 있습니다(예: 메시지 목록에 메시지 표시 포함).

이 표시는 프로그램 표시의 예입니다.

모범 사례: BlackBerry 6 테마에 대한 아이콘 및 표시 디자인

  • 기본 아이콘과 크기, 가중치 및 가운데 맞춤 상태가 일치하는 아이콘을 만듭니다.
  • 32비트 .png 파일을 만듭니다.
  • 툴바와 팝업 메뉴에서 아이콘은 평균 33x33 픽셀 크기로 만듭니다. 이러한 아이콘은 60x40 픽셀 캔버스에 표시되며 주변에 여백을 적당히 두는 것이 좋습니다.
  • 프로그램 아이콘의 경우 68x68 픽셀을 초과하지 않는 아이콘 파일을 만듭니다. 이 크기는 캔버스를 포함합니다. 아이콘 두께는 49x49 픽셀 공간 내로 유지합니다. 요소가 작을수록 이 크기 이상으로 확장할 수 있지만 아이콘은 55x55 픽셀을 초과하지 않아야 합니다. 캔버스 내의 아이콘이 이 크기를 초과하는 경우 아이콘 크기가 줄어들고 선 두께 및 그라데이션이 잘못됩니다.
  • 프로그램 아이콘은 기본, 라인 아트, 반사 및 바운스 조명 등 4가지 요소를 고려하여 만듭니다.

기본 속성

  • 색상: 진한 회색(16진수 색상 코드 141414)
  • 그라데이션 오버레이: 흰색 15%~0% 불투명도(상향식, 그라데이션 슬라이더에서 위치 0~50)
  • 음영 효과: 35% 불투명. 곱하기 설정을 사용하십시오.
  • 빛 각도: 90도
  • 음영 거리: 6픽셀
  • 음영 크기: 15픽셀

라인 아트 속성

  • 흰색 부분과 색상 부분을 고려하여 라인 아트를 만듭니다.
  • 흰색 부분: 흰색(16진수 색상 코드 FFFFFF)
  • 그라데이션 오버레이: 검정색 0%~60% 불투명도(하향식)
  • 색상 부분: 진한 회색(16진수 색상 코드 141414)
  • 그라데이션 오버레이: 흰색 15%~0% 불투명도(상향식, 그라데이션 슬라이더에서 위치 0~50)

반사 속성

  • 크기: 대략 객체 높이의 3분의 1
  • 채우기 불투명도: 0%
  • 그라데이션 오버레이: 흰색 35%~5% 불투명도

바운스 조명 속성

  • 바운스 조명은 라인 아트의 흰색 부분에 적용합니다.
  • 채우기 불투명도: 0%
  • 그라데이션 오버레이: 흰색 40%~0% 불투명도(상향식, 그라데이션 슬라이더에서 위치 0~16)
  • 아이콘과 표시를 강조할 색상을 사용합니다.

    기본 색상

    16진수 색상 코드

    하향식 그라데이션

    이 이미지에는 BlackBerry 6 테마에 사용되는 빨간색 음영이 표시됩니다.

    100% 불투명도에서 ff0000

    25%에서 0%까지 000000(그라데이션 슬라이더에서 위치 0에서 70)

    이 이미지에는 BlackBerry 6 테마에 사용되는 노란색 음영이 표시됩니다.

    100% 불투명도에서 ffb300

    40%~0% 불투명도에서 812e00

    이 이미지에는 BlackBerry 6 테마에 사용되는 보라색 음영이 표시됩니다.

    75% 불투명도에서 9600ff

    65%~0% 불투명도에서 ff0084

    이 이미지에는 BlackBerry 6 테마에 사용되는 주황색 음영이 표시됩니다.

    100% 불투명도에서 e13d00

    100%~0% 불투명도에서 ff7800

    이 이미지에는 BlackBerry 6 테마에 사용되는 녹색 음영이 표시됩니다.

    100% 불투명도에서 0da400

    15%~0% 불투명도에서 000000

    이 이미지에는 BlackBerry 6 테마에 사용되는 파란색 음영이 표시됩니다.

    100% 불투명도에서 00e4ff

    70%~0% 불투명도에서 0069ff

모양과 선 생성 지침

  • 둥근 직사각형, 원, 작은 알 모양, 호 및 직선을 사용합니다. 원호를 전환 부분으로 사용합니다. 자유롭게 변형되는 곡선과 특수한 모양은 사용하지 않도록 합니다.
  • 사각형 모양 아이콘의 경우 각 코너 반지름을 6픽셀로 만드십시오.
  • 수정용 객체를 사용하여 새로운 의미를 만들거나 아이콘 집합 간 관계를 설정합니다. 수정용 객체는 다른 객체 위에 겹쳐지는 더 작은 보조 객체입니다. 예를 들어, 설치 폴더의 아이콘에는 기어를 수정용 객체로 사용합니다.
  • 아이콘에 시각적 다양성을 가미하기 위해 2개의 다른 선 가중치를 사용하십시오. 한 선의 두께를 1.65픽셀로 다른 선의 두께를 0.8픽셀로 만듭니다.
  • 기본 기능을 나타낼 때는 두꺼운 선을 사용하고 보조적인 기능을 나타낼 때는 가는 선을 사용합니다. 아이콘을 가는 선만으로 나타내는 것은 바람직하지 않습니다. 객체를 자세히 나타내지 않을 때는 두꺼운 선만 사용합니다.
  • 단축 길이가 장축 길이의 3분의 2인 경우 선 끝단으로 말줄임표를 사용합니다.
관련 개념

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