[UX] UX 프로토 타입 도구들 (Wireframe)

뚱땡이 우주인 2017. 11. 16. 14:05

WIREFRAME

와이어프레임(wireframe)은 향후에 개발될 웹페이지의 초기적인 형태를 보기 위해 만드는 프로토 타입으로써, 페이지나 스크린에 보이는 요소들을 정하기 위해 그려진다.

와이어프레임을 만들 때 클라이언트로부터 받은 공식 비지니스 문서, 프로젝트 방향을 기술하고 있는 크리에이티브 브리프(creative brief)나 프로젝트 브리프(project brief), 회의 기록문, 사이트맵이나 태스크 플로우등을 참고 한다.

WIREFRAME TOOL

BALSAMIQ

연필로 그린 와이어프레임 같은 느낌을 줄 수 있는 프로그램으로 사람들이 자주 이용하는 사용자 인터페이스 컨트롤을 보유하고 있기 때문에 프로젝트 성격에 맞게 드래그앤드롭으로 쉽게 그려 넣을 수 있다.

LAYOUTIT