[소프트웨어 설계] 9. UI 설계 도구

 

 

---

https://www.youtube.com/watch?v=GMdAx4uBDKw&list=PLKpxllD6C8CnkSWfqRJsHOYtbBFnvtrcY&index=10 

---

표준 및 지침에 따라 만들때 설계도가 필요하다.

1. wireframe 와이어 프레임
화면단위로 레이아웃을 그린다.

2. 목업 mockup
실제화면과 유사한 형태로 만드는 단계
기능 없이 화면만 만든다.

3. 스토리 보드 story board
와이어프레임에다 콘텐츠에 대한 설명 및 이동경로를 정적으로 표현한다.
실제로 이동하지 않다.
메뉴얼(작업지침서)로 사용할 수 있다.

4. 프로토 타입 prototype
기존 설계에 상호작용을 적용함
동적인 형태다
실제 데이터만 없을 뿐 최종 형태와 유사하다.

5. 유스케이스 use case
사용자 요구사항을 다이어그램 형식으로 완성되고
완성된 다이어그램에 따라 각각의 명세서를 작성한다.