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

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

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

• 크기 조절 핸들

  Resize Handle

  경계의 모서리·변에 배치된 크기 변경 조작점.

• 회전 핸들

  Rotation Handle

  회전 방향과 각도를 조작하는 전용 손잡이.

• 앵커 포인트

  Anchor Point

  요소를 배치하거나 연결할 때 기준이 되는 점.

• 베지어 핸들

  Bezier Handle

  베지어 곡선의 방향·굽힘을 조절하는 제어 손잡이.

• 접선 핸들

  Tangent Handle

  곡선의 특정 점에서 기울기와 영향을 조절하는 조작점.

• 스플라인 제어점

  Spline Control Point

  곡선이나 경로의 형태를 결정하는 점.

• 법선 방향 핸들

  Normal Handle

  표면에 수직인 방향을 표시하거나 그 방향으로 조작하는 핸들.

• 반지름 핸들

  Radius Handle

  원·구·영향 영역의 반지름을 조절하는 컨트롤.

• 감쇠 범위 핸들

  Falloff Handle

  효과 강도가 줄어드는 범위를 조절하는 컨트롤.

• 브러시 커서

  Brush Cursor

  편집 도구가 영향을 주는 위치·크기·형태를 미리 표시한다.

• 정점 스냅

  Vertex Snapping

  한 점을 대상 메시의 정점에 맞추는 배치 방식.

• 모서리 스냅

  Edge Snapping

  대상을 다른 도형의 모서리에 맞추는 기능.

• 스마트 가이드

  Smart Guides

  조작 중 정렬 관계를 자동으로 감지해 보여주는 안내선.

• 눈금자 가이드

  Ruler Guide

  지정한 위치에 두는 기준선 또는 측정 보조선.

• 뷰포트 기즈모

  Viewport Gizmo

  뷰포트 안의 변환·탐색·편집 보조 컨트롤.

• 뷰 큐브

  View Cube

  정면·측면·상단 등 시점을 선택하는 큐브형 컨트롤.

• 방향 기즈모

  Orientation Gizmo

  현재 시점에서 좌표축이 향하는 방향을 표시한다.

• 좌표축 헬퍼

  Axis Helper

  장면이나 오브젝트의 축 방향을 시각화하는 보조 도형.

• 격자 헬퍼

  Grid Helper

  바닥·평면에 격자와 축척 기준을 표시한다.

• 카메라 절두체

  Camera Frustum

  카메라가 볼 수 있는 공간의 경계를 나타내는 입체 영역.

• 조명 헬퍼

  Light Helper

  광원의 방향·범위·원뿔 등을 시각화한다.

• 충돌체 시각화

  Collider Visualization

  물리 충돌 판정용 도형을 표시한다.

• 히트박스 시각화

  Hitbox Visualization

  공격 등 판정에 사용되는 영역을 표시한다.

• 허트박스 시각화

  Hurtbox Visualization

  공격을 받을 수 있는 대상 영역을 표시한다.

• 내비메시 시각화

  NavMesh Visualization

  AI가 이동할 수 있는 면과 연결 관계를 표시한다.

• 디버그 레이

  Debug Ray

  검사 방향이나 선형 탐색을 선으로 시각화한다.

• 디버그 드로우

  Debug Draw

  진단을 위해 선·점·텍스트·도형을 임시로 그리는 기능.

• 와이어프레임 오버레이

  Wireframe Overlay

  메시의 선 구조를 겹쳐 표시하는 방식.

• 측정 도구

  Measurement Tool

  거리·각도·길이 등을 측정해 표시하는 편집 도구.

• 선택 레이

  Pick Ray

  화면 입력 위치에서 공간으로 투사해 대상을 선택하는 광선.

• 애니메이션

  Animation

  시간 또는 입력의 진행에 따라 시각적 속성을 변화시키는 표현.

• 모션 디자인

  Motion Design

  움직임의 목적·관계·순서·속도를 설계하는 작업.

• 트윈

  Tween

  시작값과 끝값 사이의 중간값을 계산해 변화시키는 방식.

• 키프레임

  Keyframe

  특정 시점의 속성값을 명시한 기준 프레임.

• 지속시간

  Duration

  애니메이션 한 번 또는 특정 구간이 진행되는 시간.

• 시작 지연

  Delay

  조건 충족 후 실제 재생을 시작하기까지의 시간.

• 선형 이징

  Linear Easing

  진행률에 비례해 값이 일정한 속도로 변하는 이징.

• 이즈 인

  Ease-in

  시작은 느리고 뒤로 갈수록 빨라지는 변화 방식.

• 이즈 아웃

  Ease-out

  시작은 빠르고 끝으로 갈수록 느려지는 변화 방식.

• 이즈 인 아웃

  Ease-in-out

  처음과 끝은 느리고 중간은 빠른 변화 방식.

• 큐빅 베지어 이징

  Cubic Bézier Easing

  제어점으로 속도 변화 곡선을 정의하는 방식.

• 계단형 이징

  Steps Easing

  값이 연속이 아닌 일정한 단계로 바뀌는 방식.

• 강성

  Stiffness

  스프링이 변형에서 원래 상태로 돌아가려는 정도.

• 감쇠

  Damping

  시간에 따라 진동이나 속도가 줄어드는 정도.

• 질량 파라미터

  Mass

  스프링 모션의 관성 특성을 조절하는 값.

• 오버슈트

  Overshoot

  목표값을 잠시 넘어갔다가 돌아오는 움직임.

• 언더슈트

  Undershoot

  본격적인 이동 전에 반대 방향으로 살짝 움직이는 표현.

• 바운스 이징

  Bounce Easing

  표면에 부딪혀 되튀는 듯한 속도 변화를 만드는 이징.

• 엘라스틱 이징

  Elastic Easing

  목표 주변에서 진폭을 줄이며 진동하는 탄성형 이징.

• 감쇠 진동

  Damped Oscillation

  시간이 흐를수록 진폭이 줄어드는 진동.

• 페이드 인

  Fade-in

  투명도를 높이며 점차 나타나는 표현.

• 페이드 아웃

  Fade-out

  투명도를 낮추며 점차 사라지는 표현.

• 슬라이드 인

  Slide-in

  화면 밖이나 다른 위치에서 이동해 들어오는 표현.

• 슬라이드 아웃

  Slide-out

  요소가 한 방향으로 이동하며 퇴장하는 표현.

• 회전 애니메이션

  Rotation Animation

  요소의 각도를 변화시키는 표현.

• 이동 애니메이션

  Translation Animation

  요소의 위치를 연속적으로 바꾸는 표현.

• 기울이기 애니메이션

  Skew Animation

  도형의 축을 비스듬하게 변형하는 표현.

• 카드 뒤집기 애니메이션

  Card Flip Animation

  카드나 패널을 회전시켜 앞뒤가 바뀌는 듯한 표현.

• 경로 모핑

  Path Morphing

  벡터 경로의 점과 곡선을 변형해 다른 경로로 전환하는 방식.

• 클립 리빌

  Clip Reveal

  잘라 보이는 영역을 넓혀 콘텐츠를 드러내는 표현.

• 마스크 리빌

  Mask Reveal

  마스크 값의 변화로 보이는 영역을 제어하는 등장 표현.

• 와이프 전환

  Wipe Transition

  한쪽 경계가 쓸고 지나가며 새 장면을 드러내는 전환.

• 선 그리기 애니메이션

  Stroke Draw

  경로를 따라 선이 그려지는 것처럼 보이는 표현.

• 블러 전환

  Blur Transition

  흐림 정도를 바꾸며 상태를 전환하는 표현.

• 색 전환

  Color Transition

  색상값을 보간해 점차 바꾸는 표현.

• 그라디언트 애니메이션

  Gradient Animation

  그라디언트의 위치·각도·색 구성을 변화시키는 표현.

• 타자기 효과

  Typewriter Effect

  문자를 순차적으로 드러내 입력되는 듯 보이는 표현.

• 페이지 전환

  Page Transition

  한 페이지에서 다른 페이지로 이동할 때의 시각 변화.

• 히어로 전환

  Hero Transition

  중심 요소를 화면 사이에서 연결하는 전환을 부르는 이름.

• 컨테이너 변환

  Container Transform

  작은 컨테이너가 다른 콘텐츠를 담는 큰 컨테이너로 변형되는 전환.

• 레이아웃 애니메이션

  Layout Animation

  배치 변경 전후의 위치·크기 차이를 애니메이션으로 표현한다.

• FLIP 레이아웃 애니메이션

  FLIP Layout Animation

  변경 전후 위치를 측정하고 역변환한 뒤 원상태로 재생하는 레이아웃 애니메이션 기법.

• 아코디언 펼침 모션

  Accordion Expansion

  접힌 콘텐츠가 드러나며 높이나 표시 영역이 변하는 모션.

• 드로어 전환

  Drawer Transition

  화면 측면 패널이 드나드는 전환.

• 바텀시트 전환

  Bottom Sheet Transition

  하단 패널의 진입·높이 변경·퇴장을 표현하는 모션.

• 모달 전환

  Modal Transition

  대화상자의 등장·퇴장과 배경 가림 변화를 표현한다.

• 탭 인디케이터 모션

  Tab Indicator Motion

  선택 탭의 밑줄·배경 등 강조 표식이 이동하는 모션.

• 목록 재정렬 모션

  List Reorder Animation

  항목 순서 변경 시 새 자리로 이동하는 과정 표현.

• 펼침·접힘 모션

  Expand / Collapse Motion

  영역의 크기·내용 공개 정도를 변화시키는 표현.

• 목록·상세 전환

  Master-detail Transition

  전체 목록과 선택 대상의 상세 보기 사이 관계를 보여주는 전환.