와이어프레임이란?

와이어프레임이란?

제품이나 서비스의 다양한 화면 레이아웃을 간단한 형태로 표현한 것입니다.

와이어프레임은 주로 선과 기본 도형만 사용하여 디자인의 기본 구조를 표현하며,

이는 제품의 구조, 콘텐츠 배치, 그리고 기능적 요소를 초기 단계에서 명확하게 정립하기 위해 사용됩니다.

기본적인 내용에 집중하기 위해 주로 흑백이나 단색으로 그려집니다.

-흑백 와이어프레임의 예시

-와이어프레임 예시(Figma)

와이어프레임의 내용

저희는 최대한 아래와 같은 형식으로 와이어프레임을 작성하려고 합니다!

1. 화면에 어떤 정보가 나타나야 하는가?(콘텐츠)

2. 어떤 레이아웃을 가져야 하는가?(골격)

3. 어느 부분과 어떻게 이어져야 하는가?(기능)

4. 사용자는 인터페이스와 어떻게 상호작용하는가?(기능)