01 Archive test

Zipper

지퍼는 닫는 행위를 하나의 짧은 제스처로 압축한 장치다. 두 줄의 이빨, 하나의 슬라이더, 손끝이 잡는 작은 탭만으로 옷과 가방, 장비는 빠르게 열리고 닫힌다.

이 페이지는 아카이브 상세 페이지의 테스트다. 오른쪽 글을 읽으며 스크롤하면 왼쪽 비주얼이 장면별로 바뀐다. 실제 이미지가 준비되기 전에는 CSS와 SVG만으로 썸네일, 구조도, 인터랙션 느낌을 확인할 수 있다.

02 How it works

작은 이빨들이 서로를 붙잡고, 슬라이더가 그 질서를 만든다.

지퍼의 핵심은 이빨 자체보다 이빨을 맞물리게 하는 경로에 있다. 슬라이더가 지나가면 양쪽 테이프의 이빨은 한 줄로 정렬되고, 반대로 움직이면 결합이 풀린다.

이 구조는 복잡한 잠금장치를 사용하지 않는다. 사용자는 원리를 몰라도 된다. 손잡이를 잡고 움직이면 열리거나 닫힌다는 결과만 남는다.

03 Everyday scale

지퍼는 너무 흔해서 거의 보이지 않는다.

가방의 입구, 재킷의 앞면, 텐트의 문, 장비 케이스의 모서리까지 지퍼는 반복되는 움직임을 조용히 맡는다. 실패하면 바로 불편하지만, 성공할 때는 존재감이 거의 없다.

그래서 아카이브의 관점에서는 지퍼가 흥미롭다. 눈에 띄는 형태보다 더 오래 남는 것은 매일 반복되는 사용 방식이다.

04 Interface

여닫는다는 추상적인 일을 손끝의 선형 운동으로 바꾼다.

버튼은 점으로 누르고, 끈은 묶고, 벨크로는 떼어낸다. 지퍼는 선을 따라 움직인다. 사용자는 닫힘의 정도를 눈으로 확인하면서 속도를 조절할 수 있다.

이 테스트를 실제 페이지로 확장한다면 왼쪽에는 제품 사진, 매크로 디테일, 구조도, 사용 장면을 섞을 수 있다. 텍스트는 역사보다 사용성, 구조, 문화적 확산을 중심으로 잡는 편이 Odd Almond 톤에 더 맞다.