와이어 프레임(Wire Frame)과 목업(Mock-up)

제품을 만들기에 앞서서 시제품(prototype)을 만들게 된다. 

웹사이트를 제작 할 때에도 HTML과 CSS 및 Js를 적용하기에 앞서서 일종의 시안이나 도안이 필요하다. 

우리는 그것을 와이어프레임을 통해 만들 수 있다.

 

와이어 프레임

 

 와이어프레임은 '선'이라는 의미를 가진 와이어와 '틀'이라는 의미를 가진 프레임이 합쳐진 언어로 '선으로 이루어진 틀'을 표현한다.

 즉, 와이어프레임은 내가 만들 사이트가 어떻게 구성될지 간단히 설계하기 위해 만들어졌으며, 제품의 제작에 앞서 제품의 레이아웃과 구조를 간략하게 보여주기 위한 용도로써 사용된다.  

 

 

미니 프로젝트를 위해 oven으로 만들어본 와이어프레임

 

목업

 

 목업은 '실물크기의 모형'을 뜻한다.

 즉, 목업 사이트를 구현한다는 것은 실제로 원본의 사이트와 매우 유사하지만 그 기능이나 이용에 제한이 있는 사이트를 뜻한다. 가령 인스타그램의 모형 사이트를 만든다고 가정했을 때 인스타 목업을 만들고 있다고 표현한다.