UI 설계 도구
1. 와이어프레임(Wireframe) (1) 페이지에 대한 개략적인 레이아웃이나 뼈대를 설계하는 도구 (2) 개발자나 디자이너 사이에 레이아웃을 협의하거나 진행 상태 공유하기 위하여 사용 (3) 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계 (4) 와이어프레임 툴 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등 2. 목업(Mockup) (1) 실제 화면과 유사하게 만든 정적인 형태의 모형 (2) 디자인, 사용 방법 설명, 평가 등을 위해 만듬 (3) 목업 툴 : 파워 목업, 발사믹 목업 등 3. 스토리보드(Story Board) (1) 와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 등을 추가한 문서 (2) 스토리보드 툴 : 파워포인트, 키노트, 스케치, Ax..