Overview
아이콘은 사용자가 복잡한 정보나 기능을 빠르게 이해할 수 있도록 도와주는 디자인 요소입니다.
당근의 아이콘은 당근 로고의 형태적 특징을 바탕으로 친근하고 부드러운 인상을 전달합니다.
명확한 메타포와 직관적이고 간결한 형태, 굵은 선을 사용해 누구나 쉽게 이해할 수 있도록 제작되었습니다. 이러한 당근의 아이콘은 글로벌 사용을 고려하여 모두가 공감할 수 있는 디자인을 목표로 합니다.
Categories
모노크롬 아이콘 (Monochrome Icons)
모노크롬 아이콘은 당근 UI에서 사용되는 기본적인 그래픽 자산입니다. Fill과 Line 두 가지 베리언츠를 지원하며, 주로 Neutral 컬러로 사용됩니다. 필요한 경우 아이콘에 단색을 적용할 수 있습니다.
멀티컬러 아이콘 (Multicolor Icons)
멀티컬러 아이콘은 당근 UI에서 시각적 주목도가 높은 그래픽 자산입니다. 주로 서비스를 대표하거나 주요 진입점을 안내하는 아이콘으로 사용되며, 지정된 스타일로 제공되기 때문에 컬러 변경이 불가능합니다.
Naming Convention
확장성을 고려한 이름 규칙
앞으로 늘어날 아이콘의 확장성을 고려하여, 아이콘 이름은 의미가 아닌 모양을 기준으로 지정됩니다.
아이콘 이름이 어려운가요?
아이콘 라이브러리에서 연상되는 키워드를 입력해보세요. 각 아이콘은 맥락과 의미를 반영한 키워드를 포함하고 있어, 관련 키워드를 입력하면 원하는 아이콘을 쉽게 검색할 수 있습니다.
Creation Guide
당근의 모노크롬, 멀티컬러 아이콘은 총 300여개에 달하며, UI에 필요한 대부분의 아이콘이 일관된 스타일과 형태 규칙에 맞춰 완성도있게 제작되어 있습니다. 가능한 현재 제작된 범위 내에서 사용하는 것을 권장드립니다. 아이콘 라이브러리에서 적합한 아이콘을 찾아 활용해 보세요!
그럼에도 불구하고 새로운 아이콘 제작이 필요한 경우, 아래 절차를 따라 주세요.
- 필요한 아이콘이 모노크롬과 멀티컬러 중 어떤 아이콘인지 검토하세요.
- 제품팀에서 적절한 메타포를 선정하고 초안을 그려주세요.
- 필수 디자인 코어팀에 형태 검토를 요청해주세요. 상세 가이드에 맞춰서 다듬어드려요.
- 앱에 공용으로 사용될만한 아이콘이라면, 디자인 코어팀에서 아이콘 라이브러리에 등록할게요.