⌕화면 확대

웹 화면의 어디를 어떤 속도와 경로로 확대할지, 비슷해 보이는 줌 기법을 움직이는 예시로 구분합니다. — 13개 항목

···

줌(렌즈)Zoom (lens)

카메라는 제자리에 두고 렌즈 초점 거리를 바꿔 피사체를 크게 보이게 합니다.

···

크래시 줌Crash zoom

화면을 짧은 순간에 크게 당겨 놀람이나 코믹한 강조를 만듭니다.

···

펀치 인Punch-in

편집 중 같은 샷을 살짝 키워, 컷처럼 리듬을 바꾸고 작은 디테일을 읽히게 합니다.

···

켄 번스 효과Ken Burns effect

정지 화면을 천천히 확대하거나 이동해 사진 한 장에 카메라 움직임을 더합니다.

···

팬 앤 줌Pan and zoom

화면의 시작 위치와 도착 위치를 정해, 확대와 이동을 한 번에 부드럽게 이어 줍니다.

···

요소 확대(줌 투 엘리먼트)Zoom to element

버튼이나 입력칸 하나를 기준으로 화면을 다시 잡아, 어디를 봐야 하는지 알려 줍니다.

···

커서 따라가기 줌Cursor-follow zoom

포인터가 움직이는 위치를 중심으로 화면을 확대해 조작 흐름을 따라갑니다.

···

스케일 키프레임Scale keyframe

화면 크기의 시작값과 끝값을 타임라인에 찍고, 그 사이의 확대를 자동으로 보간합니다.

···

스포트라이트·배경 어둡게Spotlight / dim backdrop

화면은 그대로 두고 주변을 어둡게 해 밝은 영역으로 시선을 모읍니다.

···

콜아웃·하이라이트 상자Callout / highlight box

상자나 선으로 화면의 한 부분을 둘러, 확대하지 않고도 대상을 짚어 줍니다.

···

디바이스 목업Device mockup

웹 화면을 가상의 휴대기기 틀 안에 넣어, 어떤 기기에서 보이는지 함께 보여 줍니다.

···

화면 속 화면(PIP)Picture-in-picture

작은 보조 화면을 큰 화면 위에 겹쳐, 두 장면을 동시에 보여 줍니다.

···

화면 분할Split screen

화면을 둘 이상의 영역으로 나눠, 두 장면이나 상태를 나란히 비교합니다.

자매 아틀라스에서 이어 보기

이 용어는 디자인 아틀라스에 이미 정리되어 있어 기존 데모로 연결합니다.

페이지로 열기 ↗

항목 추가 요청

아틀라스에 없는 영상 용어·효과를 알려 주세요. 하나씩 살펴보고 추가합니다.