디자인 레퍼런스 전체 색인 · 20/27
2,153개 정의·활용·주의사항·출처를 개별 문서로 제공합니다. 이 색인은 JavaScript 없이 탐색할 수 있습니다.
Poly Haven
환경 이미지·텍스처·모델을 제공하는 자산 라이브러리.
ambientCG
물리 기반 재질과 환경용 리소스를 제공하는 라이브러리.
OpenGameArt
커뮤니티 게임 아트·음향 자산을 모은 사이트.
itch.io Game Assets
제작자가 배포·판매하는 게임 자산을 탐색하는 시장.
Fab
3D 모델·재질·게임 제작 자산 등을 제공하는 마켓플레이스.
Sketchfab
브라우저에서 3D 작품을 보고 공유하는 플랫폼.
Google Fonts
글꼴 탐색과 웹 폰트 제공 기능을 갖춘 서비스.
Fontsource
글꼴을 패키지로 설치하여 자체 호스팅할 수 있게 하는 도구군.
Adobe Color
색상환·배색 탐색·색 관련 작업을 제공하는 도구.
Coolors
팔레트 생성·탐색·색 조합 검토를 돕는 도구.
ColorBrewer
지도·통계 시각화에 쓰는 색 체계를 탐색하는 도구.
아이콘
대상·기능·상태를 간결한 그림으로 표현한 시각 기호.
픽토그램
사물이나 행동을 단순한 그림으로 표현한 안내 기호.
심볼
약속된 의미를 표현하는 기호의 넓은 개념.
시스템 아이콘
운영체제나 UI 체계에서 공통 동작·대상을 표현하는 아이콘.
앱 아이콘
앱을 식별하는 대표 이미지로 런처·스토어 등에 표시한다.
파비콘
브라우저 탭·즐겨찾기 등에 표시하는 사이트 식별 아이콘.
기능 아이콘
클릭이나 조작으로 수행할 동작을 표현하는 아이콘.
장식 아이콘
추가 의미 없이 장식이나 분위기를 제공하는 아이콘.
정보 아이콘
조작 없이 콘텐츠의 의미나 분류를 전달하는 아이콘.
상태 아이콘
성공·오류·동기화 등 현재 상태를 나타내는 아이콘.
브랜드 아이콘
회사·서비스·제품 브랜드를 식별하는 아이콘.
아이콘 라벨
아이콘과 함께 기능이나 의미를 명시하는 텍스트.
선행 아이콘
텍스트나 입력 내용 앞에 배치하는 아이콘.
후행 아이콘
텍스트나 입력 내용 뒤에 배치하는 아이콘.
아이콘 메타포
현실 사물의 의미를 빌려 디지털 기능을 표현하는 방식.
아웃라인 아이콘
외곽선이나 윤곽 획을 중심으로 그린 아이콘.
필드·채움 아이콘
도형 내부를 채워 실루엣 중심으로 표현한 아이콘.
듀오톤 아이콘
두 가지 색조 또는 불투명도 층으로 구성한 아이콘.
다색 아이콘
여러 색상을 조합해 대상의 특징을 표현한 아이콘.
단색 아이콘
하나의 기본 색으로 표현하는 아이콘.
라운드 아이콘
끝점과 모서리를 둥글게 처리한 아이콘.
샤프 아이콘
각진 모서리와 끝점을 강조한 아이콘.
픽셀 아이콘
정해진 픽셀 격자에 맞추어 그린 아이콘.
아이소메트릭 아이콘
등각 투영 느낌으로 입체 사물을 나타낸 아이콘.
애니메이션 아이콘
시간이나 상태 변화에 따라 형태가 움직이는 아이콘.
획 굵기
아이콘 선의 두께로 시각적 무게와 가독성에 영향을 준다.
선 끝 모양
열린 경로 끝을 평평하게·둥글게·사각형으로 마감하는 방식.
선 연결 모양
두 선분이 만나는 모서리를 연결하는 방식.
아이콘 그리드
아이콘 크기와 배치를 맞추는 기준 격자.
키라인
서로 다른 형태의 크기와 시각적 균형을 맞추는 기준 도형.
라이브 영역
아이콘 그래픽이 실제로 차지하도록 설정한 영역.
픽셀 스냅
윤곽·위치를 픽셀 격자에 맞춰 흐릿한 경계를 줄이는 작업.
햄버거 메뉴 아이콘
보통 가로선 세 개로 메뉴 진입을 나타내는 아이콘.
케밥 메뉴 아이콘
세로로 배열한 점 세 개 형태의 더보기 아이콘.
미트볼 메뉴 아이콘
가로로 배열한 점 세 개 형태의 더보기 아이콘.
셰브런 아이콘
짧은 두 선이 꺾인 쐐기 형태의 방향 아이콘.
캐럿 아이콘
방향을 가리키는 작은 삼각형 또는 꺾쇠형 기호.
상세 공개 표시
더 자세한 콘텐츠나 하위 항목이 있음을 암시하는 표시.
닫기 아이콘
대개 X 모양으로 현재 패널이나 창을 닫는 동작을 나타낸다.
뒤로 가기 화살표
직전 화면이나 탐색 단계로 돌아가는 표시.
외부 링크 아이콘
현재 서비스 밖이나 다른 컨텍스트로 연결됨을 나타낸다.
드래그 핸들 아이콘
점을 묶거나 선을 겹쳐 잡아 끌 수 있는 영역을 나타낸다.
그립
손잡이처럼 조작 가능성을 알리는 시각적 표식.
확장 아이콘
콘텐츠·영역을 더 크게 펼치는 동작을 나타낸다.
축소·접기 아이콘
확장된 영역을 줄이거나 접는 동작을 나타낸다.
고정 아이콘
항목을 유지하거나 상단·특정 위치에 고정하는 기능을 표현한다.
가시성 아이콘
눈 모양 등으로 보임·숨김 상태 또는 전환을 표시한다.
잠금 아이콘
편집 제한·보호·잠김 상태를 나타낸다.
연결 아이콘
체인 모양 등으로 링크·연결·종속 관계를 나타낸다.
새로고침 아이콘
데이터나 화면을 다시 불러오는 동작을 나타낸다.
동기화 아이콘
양쪽 데이터나 상태를 맞추는 작업을 나타낸다.
실행 취소·다시 실행 아이콘
이전 편집 상태로 되돌리거나 취소했던 편집을 다시 적용하는 표시.
상태 표시기
색·형태·아이콘·텍스트로 현재 상태를 전달하는 시각 요소.
점 표시기
작은 점으로 새 항목 존재나 간단한 상태를 표시한다.
숫자 배지
대상과 관련된 항목 수를 숫자로 표시한다.
성공 표시
작업이 의도한 조건을 충족해 완료됐음을 나타낸다.
경고 표시
즉시 실패는 아니지만 주의나 확인이 필요한 상황을 나타낸다.
오류 표시
작업 실패나 유효하지 않은 상태를 알린다.
정보 표시
위험 경고가 아닌 참고 정보가 있음을 표시한다.
대기 표시
승인·응답·선행 조건을 기다리는 상태를 나타낸다.
큐 대기 표시
작업이 실행 순서를 기다리는 대기열에 있음을 나타낸다.
실행 중 표시
작업이 현재 수행되고 있음을 나타낸다.
일시정지 표시
재개 가능한 상태로 작업 실행이 멈춰 있음을 나타낸다.
취소 표시
사용자나 시스템이 작업을 중단시켰음을 나타낸다.
차단 표시
의존성·권한·조건 때문에 작업을 진행할 수 없음을 나타낸다.
상태 미확인
충분한 정보가 없어 현재 상태를 판정할 수 없음을 표시한다.
부분 성공
여러 하위 작업 중 일부만 성공한 상태.
저장 중 표시
저장 요청이 진행 중임을 나타낸다.
저장 완료 표시
정의된 저장 위치에 반영이 완료됐음을 나타낸다.