와이어프레임(wireframe)은 화면의 주요 영역과 정보·조작 요소의 배치를 드러내는 설계 표현이다. 색과 질감보다 구성 관계를 먼저 살펴보는 데 쓴다.

- 전시 목록에서 검색, 필터, 작품 이미지, 캡션이 어디에 놓이는지 상자와 글자로 나타낼 수 있다. 실제 문장을 넣으면 자리와 길이의 문제를 더 일찍 볼 수 있다.
- [[시안]]은 시각적 모습을, [[프로토타입]]은 동작을 확인하는 데 무게를 둘 수 있다. 실제 작업에서는 이 구분이 겹친다.
- 화면들을 화살표로 연결해 행동과 이동을 함께 표시하는 [[와이어플로]]도 있다. 상자만 그린 화면으로 저장 실패나 뒤로 가기의 동작까지 정해졌다고 볼 수는 없다.

## 참고

- [닐슨 노먼 그룹: 와이어프레임과 사용 흐름](https://www.nngroup.com/articles/wireflows/)

#디자인 #제작 #기초