화면 설계서
| 상호 | |||
|---|---|---|---|
| 프로젝트 | |||
| 화면 ID | 화면명 | ||
| 경로·URL | |||
| 작성자 | 작성일 | ||
화면 구성 (와이어프레임)
와이어프레임·시안 이미지 넣기 (클릭)
항목 설명
| 번호 | 항목 | 유형 | 설명·동작 (클릭 시, 검증 규칙) | 필수 |
|---|---|---|---|---|
※ 와이어프레임에 ①②③ 번호를 붙이고 같은 번호로 항목 설명을 적으면 개발자·디자이너가 바로 이해합니다.
화면 설계서 양식 작성 안내
화면 설계서는 화면 하나의 와이어프레임 이미지와 항목별 유형·동작·검증 규칙을 정리해 디자이너와 개발자에게 전달하는 문서입니다.
화면 설계서, 우리 회사에 딱 맞게 바꾸고 싶다면? “휴게시간 칸 추가”, “결재란 빼기”처럼 한 줄로 적으면 AI가 이 양식을 바탕으로 고쳐 드려요.
작성 방법
- 프로젝트·화면 ID·화면명·경로를 적습니다.
- 와이어프레임이나 시안 이미지를 넣고 항목에 번호를 붙입니다.
- 번호별로 항목 유형과 설명·동작, 필수 여부를 적습니다.
작성 팁 · 주의사항
- 빈 상태·오류 상태·로딩 상태 화면도 따로 정의하면 개발 중 질문이 줄어듭니다.
- 요구사항 ID를 설명에 함께 적어 두세요.
자주 묻는 질문
화면 설계서 파일 받기: 위쪽 ‘내보내기’ → 한글(HWPX)·워드(DOCX)·PDF
함께 쓰는 양식
IT·개발 양식 더 보기: 배포 보고서 · 서비스 장애 보고서 · 변경 요청서 · 버그 리포트 · 테이블 정의서 · 릴리스 노트 · 코드 리뷰 체크리스트 · 스프린트 회고록 · 인수 테스트 확인서
↑ 화면 설계서 작성하러 가기