와이어프레임

[hatchling13]

개요

CATLAS 웹사이트의 프론트엔드를 개발하기 위한 문서 중, 화면 설계 작업을 위한 와이어프레임에 대해 다룬다.

와이어프레임(Wireframe)이란?

간단한 모양만을 사용하여 인터페이스를 시각적으로 묘사한 것, 와이어프레임은 구조(페이지 요소의 구성 방식), 콘텐츠(페이지에 표시될 내용) 및 기능(인터페이스의 작동 방식)을 설명하는 데 사용됨(출처 - 와이어프레임과 프로토타입에 대한 모든 것).

작업 도구

해당 작업에 사용할 도구는 Microsoft Powerpoint로 정한다.

[hatchling13]

1차 와이어프레임

원본 파일

[hatchling13]

2차 와이어프레임