디자인 레퍼런스 전체 색인 · 21/27

2,153개 정의·활용·주의사항·출처를 개별 문서로 제공합니다. 이 색인은 JavaScript 없이 탐색할 수 있습니다.

직접 조작 가능한 레퍼런스 291개 보기

• 미저장 변경 표시

  Unsaved Changes Indicator

  현재 편집 내용에 아직 저장되지 않은 변경이 있음을 나타낸다.

• 동기화 충돌 표시

  Sync Conflict Indicator

  서로 다른 변경을 자동 병합하지 못한 상태를 나타낸다.

• 오래된 데이터 표시

  Stale Data Indicator

  표시 데이터가 최신 조건을 충족하지 못함을 알린다.

• 미확정·혼합 상태

  Indeterminate State

  단일 참·거짓이나 완료 비율로 표현할 수 없는 상태.

• 사용자 활동 상태 표시

  Presence Indicator

  사용자의 접속·자리 비움·방해 금지 등을 나타내는 표시.

• 온라인 표시

  Online Indicator

  정의된 서비스에 연결되어 있음을 나타내는 표시.

• 오프라인 표시

  Offline Indicator

  서비스와 연결되지 않은 것으로 판단된 상태.

• 자리 비움 표시

  Away Indicator

  사용자가 일정 시간 활동하지 않았거나 자리를 비운 상태.

• 방해 금지 표시

  Do Not Disturb Indicator

  알림이나 연락을 제한하는 사용자 설정 상태.

• 연결 중 표시

  Connecting Indicator

  통신 연결을 수립하는 과정임을 나타낸다.

• 재연결 표시

  Reconnecting Indicator

  끊어진 연결을 다시 수립하려는 상태.

• 성능 저하 상태

  Degraded Status

  서비스가 완전히 중단되지는 않았지만 일부 기능이나 성능이 저하된 상태.

• 발송 표시

  Sent Indicator

  메시지가 정의된 전송 단계에 도달했음을 나타낸다.

• 전달 완료 표시

  Delivered Indicator

  수신 측 장치나 서비스에 메시지가 전달됐음을 나타낸다.

• 읽음 확인

  Read Receipt

  메시지가 열람된 것으로 서비스가 판정한 상태 표시.

• 배터리 표시기

  Battery Indicator

  남은 전력량·충전 여부·전원 상태를 표시한다.

• 신호 세기 표시기

  Signal Strength Indicator

  무선 연결의 신호 수준을 단계나 수치로 나타낸다.

• 권한 거부 표시

  Permission Denied Indicator

  요청 작업에 필요한 권한이 없거나 거부됐음을 나타낸다.

• 읽기 전용 표시

  Read-only Indicator

  열람은 가능하지만 수정은 제한되는 상태.

• 녹화·녹음 중 표시

  Recording Indicator

  오디오·영상 등의 기록이 진행 중임을 표시한다.

• 음소거 표시

  Muted Indicator

  해당 오디오 입력 또는 출력이 꺼진 상태.

• 인증 배지

  Verified Badge

  서비스가 정한 특정 확인 절차를 충족했다는 표식.

• 개인정보 관련 사용 표시

  Privacy Indicator

  카메라·마이크·위치 등 민감 기능의 사용 상태를 알린다.

• 상태이상 아이콘

  Status Effect Icon

  캐릭터나 대상에게 적용된 효과를 나타내는 아이콘.

• 버프 아이콘

  Buff Icon

  유리한 능력 변화나 강화 효과를 표시한다.

• 디버프 아이콘

  Debuff Icon

  불리한 능력 변화나 제약 효과를 표시한다.

• 군중제어 표시

  Crowd Control Indicator

  행동·이동을 제한하는 효과의 적용 상태를 알린다.

• 기절 표시

  Stun Indicator

  일정 시간 행동이 제한되는 상태를 알린다.

• 속박 표시

  Root Indicator

  이동은 제한되지만 다른 행동은 가능할 수 있는 상태를 표시한다.

• 침묵 표시

  Silence Indicator

  특정 기술 사용이 제한되는 상태를 알린다.

• 지속 피해 표시

  Damage-over-Time Indicator

  시간에 걸쳐 반복 피해를 받는 효과를 표시한다.

• 중첩 수 표시

  Stack Counter

  같은 효과가 누적된 횟수나 강도를 숫자로 표시한다.

• 지속시간 표시

  Duration Indicator

  현재 효과가 남아 있을 시간을 나타낸다.

• 재사용 대기 오버레이

  Cooldown Overlay

  사용할 수 없는 능력의 대기 상태를 아이콘 위에 덮어 표시한다.

• 방사형 재사용 대기 표시

  Radial Cooldown

  원형 부채꼴이 줄거나 채워지며 남은 대기를 표현한다.

• 충전 횟수 표시

  Charge Counter

  남아 있는 사용 횟수 또는 충전량을 표시한다.

• 능력 사용 가능 표시

  Ability Ready Indicator

  조건이 충족되어 기술을 사용할 수 있음을 알린다.

• 목표 표식

  Objective Marker

  현재 달성해야 할 위치나 대상을 가리키는 표시.

• 경유지 표식

  Waypoint Marker

  이동 경로나 사용자가 지정한 위치를 나타낸다.

• 화면 밖 대상 표시

  Off-screen Indicator

  화면 밖에 있는 대상의 방향을 가장자리 등에서 알린다.

• 크로스헤어·십자 조준선

  Crosshair

  중심에서 교차하는 선 등을 사용한 조준 표식.

• 명중 확인 표식

  Hit Marker

  공격이 명중한 것으로 판정됐음을 알리는 피드백.

• 피해 방향 표시

  Damage Direction Indicator

  공격이나 피해가 온 방향을 알려 주는 표시.

• 공격 대상·적대도 표시

  Aggro Indicator

  적이 어떤 대상을 노리는지 또는 적대 상태를 나타낸다.

• SVG 아이콘

  SVG Icon

  벡터 경로 기반 SVG로 표현한 아이콘.

• 래스터 아이콘

  Raster Icon

  픽셀 이미지로 저장한 아이콘.

• 아이콘 폰트

  Icon Font

  기호를 글꼴의 글리프에 배치해 사용하는 방식.

• SVG 스프라이트

  SVG Sprite

  여러 심볼을 묶고 필요한 도형을 참조해서 재사용하는 방식.

• 아이콘 아틀라스

  Icon Atlas

  여러 아이콘을 하나의 이미지·텍스처에 모아 둔 자산.

• 합자 아이콘

  Ligature Icon

  특정 문자열을 하나의 기호 글리프로 대체하는 아이콘 방식.

• 현재 글자색 연동 아이콘

  CurrentColor Icon

  CSS currentColor 등을 통해 주변 글자색을 따르는 아이콘.

• 장식 요소 접근성 숨김

  Decorative Hiding

  중복 의미의 장식을 접근성 트리에서 제외하는 처리.

• 비텍스트 대비

  Non-text Contrast

  필수 UI 도형·상태 표시를 주변과 구별할 수 있는 명도 차.

• 중복 부호화

  Redundant Coding

  색 외에 모양·아이콘·텍스트를 함께 사용해 같은 의미를 전달하는 방식.

• 아이콘 상태 변형

  Icon State Variant

  기본·선택·비활성 등 상태에 맞춘 아이콘 표현 변화.

• 우에서 좌로 읽기 반전

  RTL Mirroring

  읽기 방향과 관련된 아이콘을 RTL 언어에 맞게 조정하는 처리.

• 입력 판정 영역

  Hit Area

  클릭·터치 입력을 받아들이는 실제 영역.

• 의미 기반 아이콘 명명

  Semantic Icon Naming

  도형 이름과 사용 의미를 구분해 토큰·컴포넌트를 명명하는 방식.

• 아이콘 부분 추출

  Icon Subsetting

  사용하는 아이콘만 포함해 자산 크기를 줄이는 처리.

• 기즈모

  Gizmo

  편집 공간에서 위치·방향·범위 등을 보여 주거나 조작하게 하는 보조 표현의 통칭.

• 매니퓰레이터

  Manipulator

  오브젝트나 값을 직접 조작하기 위한 화면상의 컨트롤.

• 핸들

  Handle

  끌기·회전 등 특정 조작을 받는 작은 조작점 또는 영역.

• 이동 기즈모

  Translation Gizmo

  축 또는 평면을 따라 위치를 변경하는 조작 도구.

• 회전 기즈모

  Rotation Gizmo

  축 주변의 링 등을 끌어 방향을 바꾸는 조작 도구.

• 크기 기즈모

  Scale Gizmo

  축별 또는 전체 크기를 변경하는 조작 도구.

• 통합 기즈모

  Universal Gizmo

  이동·회전·크기 조작을 한 도구에 결합한 기즈모.

• 축 핸들

  Axis Handle

  단일 축 방향으로만 조작하도록 제한한 핸들.

• 평면 핸들

  Plane Handle

  두 축으로 정의되는 평면 안에서 조작하는 핸들.

• 균일 스케일

  Uniform Scale

  모든 축에 같은 비율의 배율을 적용하는 변환.

• 비균일 스케일

  Non-uniform Scale

  축마다 다른 배율을 적용하는 변환.

• 오브젝트 원점

  Object Origin

  오브젝트의 로컬 좌표계가 시작되는 기준점.

• 월드 공간

  World Space

  장면 전체가 공유하는 좌표계.

• 로컬 공간

  Local Space

  오브젝트나 부모를 기준으로 한 좌표계.

• 뷰 공간

  View Space

  카메라를 기준으로 위치·방향을 해석하는 공간.

• 변환 방향 기준

  Transform Orientation

  기즈모 축이 월드·로컬·법선 등 어느 기준을 따를지 정하는 설정.

• 축 제한

  Axis Constraint

  조작을 한 축 또는 지정된 축 조합으로 제한하는 기능.

• 각도 스냅

  Angle Snapping

  회전 각도를 일정 간격으로 맞추는 기능.

• 표면 스냅

  Surface Snapping

  대상을 다른 표면에 붙이거나 맞추어 배치하는 기능.

• 사각 선택 영역

  Selection Marquee

  드래그한 사각형 영역으로 대상을 선택하는 방식.

• 올가미 선택

  Lasso Selection

  자유곡선으로 둘러싼 영역을 사용한 선택 방식.