와이어프레임(wireframe)은 화면의 주요 영역과 정보·조작 요소의 배치를 드러내는 설계 표현이다. 색과 질감보다 구성 관계를 먼저 살펴보는 데 쓴다.
- 전시 목록에서 검색, 필터, 작품 이미지, 캡션이 어디에 놓이는지 상자와 글자로 나타낼 수 있다. 실제 문장을 넣으면 자리와 길이의 문제를 더 일찍 볼 수 있다.
- 시안은 시각적 모습을, 프로토타입은 동작을 확인하는 데 무게를 둘 수 있다. 실제 작업에서는 이 구분이 겹친다.
- 화면들을 화살표로 연결해 행동과 이동을 함께 표시하는 와이어플로도 있다. 상자만 그린 화면으로 저장 실패나 뒤로 가기의 동작까지 정해졌다고 볼 수는 없다.