와이어프레임 제작

5주차에서 만든 UI 컴포넌트들을 조합하여 실제 서비스 화면을 제작할 차례입니다. 하지만 아직 컬러나 이미지를 입히는 디자인 단계가 아닙니다. 지금 단계에서 시각적인 디테일에 집중하면, "사용성이 불편하다"는 피드백이 왔을 때 수정 비용이 매우 커집니다.

이번 미션에서는 와이어프레임(Wireframe)을 통해 정보의 배치와 기능을 먼저 정의합니다.

와이어프레임은 "디자인을 입히기 전, 화면의 구조를 잡는 설계 도면입니다." 본격적인 디자인(색상, 아이콘, 이미지) 작업을 시작하기 전에, 정보의 배치와 기능의 흐름을 단순하게 그려보는 단계입니다.

그 후, 화면들을 연결하여 실제 앱처럼 작동하는 프로토타입(Prototype)을 제작합니다.