[필기핵심요약] - 화면 설계

UI 설계 도구

1. 목업(Mockup) : 디자인, 사용 방법 설명, 평가 등을 위한 실물과 흡사한 정적인 형태의 모형

2. 스토리보드(Storyboard) : 개발자, 디자이너와의 의사소통을 위한 도구로서, UI/UX 구현에 필요한 사용자와 목표, 콘텐츠의 설명 및 페이지 간의 이동 흐름 등을 시각화한 문서

3. 와이어프레임(Wireframe) : 화면 단위의 레이아웃을 설계하는 작업으로 UI 요소 등에 대한 뼈대를 의미한다. 의사소통 관계자들과 레이아웃을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 사용한다.

4. 프로토타입(Prototype) : 정적인 화면으로 설계된 스토리보드 또는 와이어프레임에 동적인 효과를 적용함으로써 실제 구현된 것처럼 시뮬레이션이 가능한 동적 모형