UI 모션 그래픽(제품 화면 녹화 스타일), 16:9, 약 7.3초. 다음의 데모: 모바일 앱 와이어프레임 빌더검은색 타이틀 카드 한 장, 그다음 평면적이고 하이키의 밝은 회색 작업 공간에서 블록들이 폰 캔버스에 하나씩 추가되는 구성입니다. 팔레트: 작업 공간/크롬 밝은 회색 #F0F0F0, 약간 더 어두운 패널/메뉴 #E8E8E8, 거의 검정에 가까운 기본 텍스트 #1A1A1A, 탁한 회색 보조 라벨 #A4A4A1, 흰색 캔버스 #FFFFFF, 그리고 기본 버튼과 활성/선택된 항목에만 사용되는 단일한 밝은 라임 옐로우 강조색 #E4E41B.
중요 — 카메라: 타이틀 카드 이후의 샷은 고정된(LOCKED), 평면적이고 정면을 향한 화면 녹화입니다. 프레이밍과 스케일은 전체를 통해 일정합니다 — 어떠한 종류의 카메라 움직임도 없습니다(줌 없음, 푸시인 없음, 팬 없음). 모든 모션은 요소 수준에 한합니다: 포인터 커서, 즉각적인 패널 전환, 그리고 캔버스를 채우는 블록들. ("푸시인"처럼 보이는 인상은 무시하세요 — 프레임은 스케일이 변하지 않습니다.)
장면 1 — 타이틀 카드 (0.0–~0.9초): 솔리드 블랙 캔버스 #000000. 중앙에 볼드한 흰색 #FFFFFF 산세리프 텍스트가 "Rapid wireframing"이라고 표시됩니다. 잠시 유지된 후, 하드 컷(페이드 없음)으로 UI가 드러납니다. 정적.
장면 2 — 에디터 기본 상태 (~0.9–2.0초): 밝은 회색 작업 공간. 왼쪽 사이드바, 위에서 아래로: "Now editing" / "First screen"; 작은 빨간 점 + "to be done"이 있는 "Status" 행; 그다음 순서대로 나열된 세로형 블록 유형 메뉴 — Text, Button, Line, Spacer, Icon(s), Gallery, Placeholder, Input, Controls, Navigation, Cards — 각각에 작은 단색 글리프가 있습니다. 중앙: 텅 빈 흰색 모바일 비율(세로로 긴) 캔버스. 오른쪽 하단: "Discard changes" 링크 + 라임 옐로우 "Save and exit" 버튼. 모션: 컷 시점에 전체 UI가 이미 존재하며, 포인터 커서가 블록 메뉴를 향해 이동합니다. 줌 없음.
장면 3 — Spacer 추가 (~2.0–3.5초): 커서가 "Spacer"를 클릭합니다. 캔버스에 점선으로 된 스페이서 블록이 나타납니다(흐릿한 "Press Enter/return to add a new block" 힌트). 오른쪽 설정 패널이 "Spacer block settings"로 교체되며 크기 칩 XS S M L XL이 표시됩니다(작은 크기가 선택/라임 옐로우로 강조됨). 모션: 오른쪽 패널 콘텐츠가 하드 스왑됨(이징 없음); 블록이 캔버스에 팝으로 나타납니다. 줌 없음.
장면 4 — Media / 이미지 플레이스홀더 추가 (~3.5–5.0초): 커서가 메뉴로 돌아가 이미지 블록("Placeholder" / "Media")을 선택합니다. 큰 정사각형 밝은 회색 이미지 플레이스홀더(물결 모양 이미지 글리프 포함)가 스페이서 아래 캔버스에 팝으로 나타납니다. 오른쪽 패널이 "Media block settings"로 교체되며 레이아웃 썸네일에 "Image placeholder"가 선택된 상태로 표시됩니다. 모션: 즉각적인 스왑 + 팝인, 커서에 의해 구동됩니다. 줌 없음(프레이밍은 고정 — 여기서 프레임을 스케일하지 마십시오).
장면 5 — Text 추가 (~5.0–7.3초): 커서가 "Text"를 선택합니다(메뉴 항목이 라임 옐로우로 강조됨). 텍스트 블록이 캔버스에 추가됩니다: "Write something down…" 플레이스홀더가 표시되고, 그다음 헤딩이 한 글자씩 자동 타이핑됩니다(예: "Welcome!"). 오른쪽 패널이 텍스트 입력 필드, 서식 컨트롤(B / I / U + 정렬) 및 라임 옐로우 "Generate text" 버튼이 있는 "Text block settings"로 교체됩니다. 모션: 텍스트가 캔버스에 자동 타이핑됨; 패널들은 하드 스왑. 클립은 이 상태에서 끝납니다. 줌 없음.
모션 요약: 검은 타이틀 카드 → 하드 컷 → 와이어프레임 빌더의 고정되고 정면을 향한 화면 녹화. 포인터 커서가 모든 동작을 구동합니다: 왼쪽 메뉴에서 블록 유형 선택 → 블록이 중앙의 흰색 폰 캔버스에 팝으로 나타남 → 오른쪽 설정 패널이 이에 맞게 하드 스왑(Spacer → Media → Text). 텍스트는 자동 타이핑됩니다. 모든 전환은 이징 없는 즉각적인 하드 컷/스왑이며, 카메라는 절대 움직이지 않고 프레임은 절대 스케일이 변하지 않습니다 — 전체 시간 동안 평면적이고 정적이며 정면 고정입니다.