앱 UI 키트 및 프로토타입 제작하기 -2 and 와이어프레임

 

 

 

와이어프레임 만들어보기

 

 

 

지난 앱 UI 키트 및 프로토타입 제작하기 -1 에서 식료품 및 생필품 커머스앱에 관한 비교분석을 해보았다.

앱 UI 키트 및 프로토타입 제작하기 -2에서는 커머스앱분석을 통해 얻은 인사이트를 와이어프레임에 적용해보기로 했다. 

---

 

 

 

와이어프레임을 만들고나서 컬러,폰트 시스템도 짜보았다.

---

일일회고

오늘은 가상의 커머스앱 와이어프레임을 만들었다. 저번 커머스앱 비교분석을 통한 사례 화면들을 참고해가며 만들어갔다.
와이어프레임을 건너뛰고 바로 본화면으로 디자인을 할까 고민을 했었지만, 그림이 떠오르지 않아  와이어프레임을 진행했다. 마치 수채화 그림을 그릴 때 스케치를 안하고 바로 물감칠을 하는 것처럼 말이다.

와이어프레임을 작업하면서 화면마다 어떤 구성요소가 들어가야할지 생각을 하면서 만드니 나름 정리가 되는 것 같았다.
이제 와이어프레임작업도 끝났겠다. 내일은 대망의 UI구성요소랑 본화면 디자인 작업을 할 것이다.

마감날이 점점 다가오니 초조해지기 시작한다. 어떻게든 될 것이다.!