본문 바로가기

용어 풀이

화면

화면설계 (와이어프레임)

화면설계는 화면마다 어떤 내용과 버튼을 어디에 둘지 정하는 뼈대 그림이에요.

화면설계는 색이나 꾸밈 없이 상자와 글로 화면의 구성을 그린 설계도예요. 이 화면에 무엇이 보이고, 어떤 버튼을 누르면 어디로 넘어가는지를 정해요.

집을 지을 때 평면도를 먼저 그리는 것과 비슷해요. 꾸미기 전에 손님이 헤매지 않고 원하는 일을 끝낼 수 있는지부터 확인하는 단계예요. 여기서 빠진 화면이나 꼬인 흐름을 찾으면 나중에 다시 만드는 일이 줄어요.

화면설계가 정해지면 그 위에 색과 모양을 입혀 화면 시안을 만들어요. 화면 수가 적은 첫 버전이라도 이 단계를 거치면 만드는 도중에 방향이 흔들리는 일이 줄어요. 종이에 손으로 그려도 충분해요.

예를 들면

필라테스 예약이라면 수업 고르기, 시간 고르기, 예약 확인까지 세 화면의 순서와 버튼 위치를 먼저 그려 봐요.

화면 시안와 무엇이 다른가요?

화면설계는 구성과 흐름을 정하는 뼈대이고, 화면 시안은 실제 색과 글꼴까지 들어간 완성 모습이에요.

무료 30분 상담

만들고 싶은 것,
직접 이야기해 주세요

30분 동안 이야기를 듣고, 계약 전에 기획 시안부터 무료로 보내 드려요.

  • 기획 시안은 무료
  • 2주 안 첫 버전
  • 소스코드·계정 고객 소유
문의