UI 팩
Aetherlab 메뉴 아이콘 — 24px 두 가지 색 세트
차가운 에테르의 두 가지 색 메뉴 아이콘 여섯 개, 24×24 그리드. 재생, 일시정지, 설정, 지도, 소리, 닫기. 시트와 개별 파일.

이 팩에 대하여
24px 그리드에 놓은 두 가지 색 아이콘입니다. 시안이 반응하는 부품을, 옅은 파랑이 몸체를 표시합니다. 한 치수 위의 패널이 쓰는 것과 같은 논리입니다.
여섯개 아이콘 모두 24×24의 엄격한 그리드에 놓이고 선 두께는 2 px로 균일하며 시각적 무게도 맞춰 두었습니다. 그래서 한 줄로 늘어놓으면 우연히 크기가 같은 여섯장의 그림이 아니라 하나의 세트로 보입니다. 세트는 재생, 일시정지, 설정, 지도, 소리, 닫기을 다룹니다.
모든 아이콘이 정확히 두 개의 값만 지닙니다. 본체 색과 그 안에서 파낸 강조 디테일입니다. 그것이 팔레트의 전부이고 그림자도 그러데이션도 베벨도 없습니다. 그래서 세트의 색을 바꾸는 일은 찾아 바꾸기 두 번으로 끝나고, 강조색은 인터페이스의 다른 용도로 남겨 둘 수 있습니다.
세트는 세 가지 방식으로 제공됩니다. 개별 SVG는 엔진이 벡터를 래스터화하거나 직접 편집할 계획일 때 쓰는 것입니다. 144×24 시트는 텍스처 한 장과 사각형 오프셋을 선호하는 엔진을 위해 여섯 개를 같은 그리드에 배열합니다. N번째 셀은 x = N × 24에서 시작합니다. PNG 내보내기는 1x, 2x, 4x를 다루며 투명 가장자리도 깔끔합니다.
사용법
- 시트에서 N번째 아이콘은 x = N × 24, y = 0, 너비 24, 높이 24 사각형을 차지합니다. 순서는 재생, 일시정지, 설정, 지도, 소리, 닫기입니다.
- 아이콘은 1x, 2x, 4x에서 정수 픽셀 위에 두세요. 2 px 선을 소수 배율로 렌더링하는 것이야말로 선명한 아이콘을 회색 얼룩으로 바꾸는 원인입니다.
- 색을 바꾸려면 SVG 안의 두 값, 즉 본체 색과 강조 디테일을 바꾸세요. PNG에 단색을 입히면 둘이 한 색으로 뭉개지므로, 두 가지 색 읽힘을 유지하려면 SVG 단계에서 바꾸세요.
- 터치 대상에서는 아이콘을 24 px로 두고 뒤의 버튼을 키우세요. 선 두께가 이 크기에 맞춰져 있습니다.
라이선스
크리에이티브 커먼즈 저작자표시 4.0 — 상업적 이용도 무료. 출처 표기가 필요합니다. 전문 보기 · 실제로 무슨 뜻인지
복사용 출처 문구
"Aetherlab 메뉴 아이콘 — 24px 두 가지 색 세트" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/aetherlab-menu-icons-24


