diff --git a/claude/uiux-design.md b/claude/uiux-design.md new file mode 100644 index 0000000..1eca232 --- /dev/null +++ b/claude/uiux-design.md @@ -0,0 +1,52 @@ +# UI/UX설계가이드 + +[요청사항] +- <작성원칙>을 준용하여 설계 +- <작성순서>에 따라 설계 +- [결과파일] 안내에 따라 파일 작성 + +[가이드] +<작성원칙> +- **유저스토리와 매칭**되어야 함. **불필요한 추가 설계 금지** +<작성순서> +아래 순서에 따라 순차적으로 작성 +- 준비 + - 유저스토리의 분석 및 이해 + - 설계 계획 +- UI/UX 설계서 작성: 아래 항목을 반드시 포함하고 필요 시 항목 추가 + - 프로토타입 화면 목록 정의 + - 화면 간 사용자 플로우 정의 + - 화면별 상세 설계: + - 개요: 목적, 관련 유저스토리, 비즈니스 중요도 + - 주요 기능 + - UI 구성요소 + - 인터랙션 + - 화면간 전환 및 네비게이션 + - 반응형 설계 전략 + - 접근성 보장 방안 + - 성능 최적화 방안 + - 변경 이력 +- UI/UX 스타일 가이드 작성: 아래 항목을 반드시 포함하고 필요 시 항목 추가 + - 브랜드 아이덴티티: 디자인 컨셉 등 + - 디자인 원칙 + - 컬러 시스템 + - 타이포그래피 + - 간격 시스템 + - 컴포넌트 스타일 + - 반응형 브레이크포인트 + - 대상 서비스 특화 컴포넌트 + - 인터랙션 패턴 + - 변경 이력 +- 검토: + - <작성원칙> 준수 검토 + - 스쿼드 팀원 리뷰: 누락 및 개선 사항 검토 + - 수정 사항 선택 및 반영 + +[참고자료] +- 유저스토리 + +[결과파일] +- 스타일가이드: design/uiux/style-guide.md +- UI/UX설계서: design/uiux/uiux.md +- 화면명은 한글로 작성 + 예시) 01-대시보드.svg