#5 - Develop

Develope

프로토 타입을 진행/개선하는 단계이다. 이 단계에서는 아래와 같은 업무를 진행한다.

 

---

와이어프레임 제작

앞서 제작한 IA를 기준으로 와이어프레임을 제작한다. 와이어프레임은 페이지 수준의 레이아웃 아이디어를 보여주는 결과물이다.

와이어 플로우 제작

와이어 프레임에 대한 자세한 동작 및 이동을 정의한다.

디자인 제작

와이어 프레임과 와이어 플로우에 대한 디자인을 진행한다.

우리가 말하는 웹디자인/앱 디자인이 이 단계에 속하며, 그 양이 방대하기 때문에 아래 내용을 참고하여 디자인 시스템을 만든다.

 

#디자인 진행하기 

#1 - 디자인 순서와 사용 툴

프로토 타입 제작

이미지를 클릭하여 프로토 타입 영상을 확인할 수 있다.

 

개발 단계에 들어가기 전, 모션과 인터렉션을 고려하여 프로토타입을 만듭니다.

이 과정을 통해 개발 전 크리티컬한 시나리오 상 오류를 확인 및 검증할 수 있습니다.

 

# 모션 내용 자세히 보기 > 

Material Design

 

# 인터렉션 내용 자세히 보기 >

Material Design