작업 방식
Wireframe Spec는 색상과 시각적 완성도를 다루기 전에 화면의 구조적 의도를 정의합니다. 콘텐츠 블록, 배치, 우선순위, 동작 주석을 다루며 반응형 차이와 데이터 기반 콘텐츠를 위한 여지도 둡니다. 실제 내비게이션과 버튼 레이블을 사용하면 저충실도에서도 구조를 이해하기 쉽습니다.
이 소스는 상자를 그리는 데 그치지 않고 제목 계층, 텍스트 길이 예상치, 이미지 비율, 필수 자료와 선택 자료의 구분, 콘텐츠 출처를 요구합니다. 또한 빈 상태, 로딩, 데이터가 채워진 상태, 오류 상태를 요구하므로 와이어프레임이 이상적인 화면에만 머물지 않습니다.
예상 결과물
- 콘텐츠 우선순위가 담긴 주석형 화면 구조.
- 제목, 길이, 이미지, 출처를 포함한 콘텐츠 요구사항.
- 반응형 레이아웃과 빈 상태, 로딩 상태, 오류 상태에 대한 메모.
브리프에서 검토까지
- 01충실도와 블록 선택
스케치, 저충실도, 중충실도, 주석형 충실도 중에서 선택하고 주요 콘텐츠 영역을 정합니다.
- 02콘텐츠와 동작 명세
블록에 실제 레이블, 우선순위, 데이터 소스, 인터랙션 주석을 부여합니다.
- 03변형 다루기
브레이크포인트별 변화와 빈 상태, 로딩, 데이터 표시, 오류 버전을 설명합니다.