1/4
디자인
Wireframe란?
화면의 구조와 정보 배치를 단순한 선·박스로만 표현한 디자인 초기 스케치로, 색·이미지를 빼고 '어디에 무엇이 들어갈지'만 먼저 정하는 단계입니다.
CARD NEWS · 디자인
SNS·수업 자료·발표 슬라이드에 붙여 쓰기 좋은 4장 세트입니다. 화면을 캡처하거나 브라우저의 인쇄 기능으로 PDF를 저장해 공유할 수 있습니다.
화면의 구조와 정보 배치를 단순한 선·박스로만 표현한 디자인 초기 스케치로, 색·이미지를 빼고 '어디에 무엇이 들어갈지'만 먼저 정하는 단계입니다.
건물을 지을 때 도면을 먼저 그리고 인테리어를 나중에 정하듯, 화면도 정보 배치를 먼저 정한 뒤에 색·폰트·이미지를 입힙니다. 와이어프레임은 그 도면 단계입니다. 한국 토스·당근에서도 디자이너가 본격 디자인 전에 와이어프레임으로 PO·기획자와 합의합니다. 미국에서는 '종이에 그리는 와이어프레임'이 가장 빠른 검증 방법으로 여전히 권장됩니다.
[종이 와이어프레임] 구분: 30분 안에 펜으로 그리는 초기 와이어프레임은 가장 빠른 검증 방법. com/}}. 결과: 잘못된 정보 구조를 일찍 잡아낼 수 있습니다. [Figma 와이어프레임] 구분: 협업·공유에 적합한 디지털 와이어프레임 표준. co/survey-2024/}}. 결과: 디자이너·기획자·개발자가 한 화면에서 동시 검토.
카드를 캡처하거나 브라우저 인쇄 → PDF로 저장하면 인스타·수업 자료에 쓸 수 있습니다. CC BY-SA 4.0에 따라 출처(AI for Everyone by Percent · ai.percent.ac)와 라이선스를 표시하면 상업적으로도 이용할 수 있습니다. 내용을 바꿨다면 그 사실을 밝히고 같은 라이선스로 공유해 주세요.