바이벌러리
메뉴
외관 및 언어
주제별 용어 · 12 안내서

동작

움직임이 변화를 보여주고, 주의를 안내하며, 동시에 화면 사용을 쉽게 유지할 수 있는 방법을 배우십시오.

01 / Atlas

모든 동작 용어

간단한 의미, 예시, 사용 시점, 공식성, 코드명을 포함한 용어 열기

  1. 01 · 핵심

    끌어서 놓기 Drag & Drop

    끌어서 놓기를 사용하면 사용자가 항목을 직접 이동, 재정렬 또는 전송할 수 있습니다. 항목을 집어 들었을 때와 놓을 수 있는 위치를 반드시 보여야 합니다.

  2. 02 · 더 많은 세부 정보

    마이크로인터랙션 Microinteraction

    마이크로인터랙션은 하나의 행동에 대한 작은 피드백이에요. 여기엔 시작하는 신호, 규칙, 반응, 그리고 계속되는 상태가 있어요.

  3. 03 · 더 많은 세부 정보

    마퀴 Marquee

    계속 움직이는 내용을 담은 가로줄이야. 움직임에 예민한 사람을 위해 멈춤 버튼이나 정지된 화면을 꼭 제공해야 해.

  5. 05 · 핵심

    애니메이션 Animation

    애니메이션은 시간에 따라 계획된 시각적 변화예요. 여러 단계, 상태, 또는 반복을 가질 수 있어요.

  6. 06 · 핵심

    이징 Easing

    이징은 애니메이션이 빨라지고 느려지는 방식을 정하는 시간 곡선이에요.

  8. 08 · 핵심

    전환 Transition

    Transition은 정해진 시간 동안 두 가지의 보이는 상태 사이를 옮겨.

  9. 09 · 핵심

    축소된 움직임 Reduced Motion

    축소된 움직임은 접근성 설정 및 디자인 모드입니다. 사람들이 필요하지 않은 움직임을 제거하거나 단순화합니다.

  10. 10 · 핵심

    키프레임 Keyframes

    키프레임은 애니메이션의 명명된 지점임. 각 지점은 선택한 순간에 속성 값을 설정함.

  12. 12 · 더 많은 세부 정보

    패럴랙스 스크롤링 Parallax Scrolling

    패럴랙스 스크롤링은 페이지를 스크롤할 때 레이어가 서로 다른 속도로 움직이게 합니다. 속도 차이는 깊이감을 만듭니다.