본문 바로가기

TIL ( CODESTATES)

First Project 1주차 회고 - Wireframe vs prototype?

첫번째 팀 미팅을 가진 이후 오피스아워시간 때 호용님께서 우리팀이 작성한 와이어프레임을 보고 몇 가지 조언을 해 주셨다.

그 중 아주 생소했던 것이 "와이어프레임과 프로토타입을 구분해야 한다."였기 때문에 잠깐 알고 넘어가려고 한다.

 

reference

와이어프레임과 프로토타입은 실무에서 종종 혼돈해서 쓰지만 제작되는 시기, 용도, 의미에서 차이가 있다고 한다.

 

 

 

와이어프레임

 

  • 건축에서의 설계도면과 유사하다.
  • 와이어프레임은 페이지별로 레이아웃을 설계하는 것이 좋다. (화면 간 흐름 파악이 쉽기 때문)
  • 와이어프레임은 내용을 표시할 '텍스트'와 이미지를 표시할 '프레임' 위주로 제작한다. 

 

 

 

 

 

프로토타입

 

  • 와이어프레임가 달리 실제와 비슷하게 구현된 상태를 말한다.
  • 건축 모형을 만드는 단계와 유사하다.