Wireframe 4장 카드뉴스

화면의 구조와 정보 배치를 단순한 선·박스로만 표현한 디자인 초기 스케치로, 색·이미지를 빼고 '어디에 무엇이 들어갈지'만 먼저 정하는 단계입니다.

건물을 지을 때 도면을 먼저 그리고 인테리어를 나중에 정하듯, 화면도 정보 배치를 먼저 정한 뒤에 색·폰트·이미지를 입힙니다. 와이어프레임은 그 도면 단계입니다. 한국 토스·당근에서도 디자이너가 본격 디자인 전에 와이어프레임으로 PO·기획자와 합의합니다. 미국에서는 '종이에 그리는 와이어프레임'이 가장 빠른 검증 방법으로 여전히 권장됩니다. AI 시대에는 ChatGPT·Claude가 '회원가입 화면 와이어프레임 그려 줘' 같은 요청에 텍스트로 즉시 답해 줍니다.

[종이 와이어프레임] 구분: 30분 안에 펜으로 그리는 초기 와이어프레임은 가장 빠른 검증 방법. 수치: NN/g 연구에 따르면 종이 단계 검증이 비용을 90% 절감 {{src:NN/g|https://www.nngroup.com/}}. 결과: 잘못된 정보 구조를 일찍 잡아낼 수 있습니다. [Figma 와이어프레임] 구분: 협업·공유에 적합한 디지털 와이어프레임 표준. 수치: Figma 사용