디자인 언어

캔버스

아이콘은 31×29 단위의 캔버스에 그리며, 작품은 (15.5, 12.5)를 중심으로 배치합니다. 아이콘의 시각적 크기를 맞추는 가이드 도형인 키라인 네 가지가 바깥 경계를 정합니다. 지름 23단위의 원, 한 변 20.6단위의 정사각형, 23×18.4의 가로 직사각형, 18.4×23의 세로 직사각형입니다. 아이콘은 하단 정렬이 아니라 중앙에 놓습니다.

레이어

아이콘은 드롭 섀도가 있는 중간 톤의 뒷면 조각과, 대개 윗부분에 부드러운 하이라이트가 있는 더 밝은 앞면 조각으로 이루어집니다. 기호나 선 같은 흰색 내용은 두 조각 사이에 놓일 수 있습니다. 앞면 조각이 없는 아이콘은 흰색 내용이 충분히 커서 두 번째 레이어를 이룹니다. 앞면 조각의 위쪽 모서리는 따로 둥글게 처리되어 모서리에서 뒷면 조각이 드러납니다.

윤곽선과 모서리

윤곽선은 두께가 1단위이며 채우기 바깥쪽에 놓입니다. 모서리 반경은 아이콘 본체가 2.2(윤곽선 포함 3.2), 내용이 1.2입니다. 윤곽선 안쪽의 색 띠는 두께가 최소 2단위이며, 그보다 얇으면 생략합니다.

색상

각 색조는 기준이 되는 파란색을 바탕으로 설계한 뒤, 강조 색상에 대한 명도 관계를 유지한 채 해당 색상으로 옮겨집니다. 표시는 중간 톤 조각에서는 흰색, 밝은 조각에서는 어두운 색입니다.

표시

표시는 아이콘 위에 그려진 선과 기호입니다. 내용 선은 두께 1.6, 화살표 같은 방향 표시는 2.2, 윤곽선은 1을 사용합니다. 포인터 모양 부분은 예외로 2.6 또는 2.0을 사용합니다. 가장 작은 요소는 2.4단위입니다. 화살촉은 채워진 삼각형입니다.

모션

모션은 레스트 포즈와 호버 포즈의 두 키프레임으로 이루어지며 460ms 동안 실행됩니다. 아이콘은 실제 사물이 하는 동작만 보여 줍니다. 폴더가 열리고, 봉투의 봉인이 열리고, 달력이 한 장 넘어갑니다. 모션은 추상적인 개념을 대신하지 않습니다.

전체 규칙은 중국어 간체로 작성된 PROMPT.md에 있습니다.