mirror of
https://github.com/hwanny1128/HGZero.git
synced 2025-12-06 18:26:23 +00:00
ce227f7a03
- UI/UX 설계 방법 참고 문서 추가 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
53 lines
1.6 KiB
Markdown
53 lines
1.6 KiB
Markdown
# UI/UX설계가이드
|
|
|
|
[요청사항]
|
|
- <작성원칙>을 준용하여 설계
|
|
- <작성순서>에 따라 설계
|
|
- [결과파일] 안내에 따라 파일 작성
|
|
|
|
[가이드]
|
|
<작성원칙>
|
|
- **유저스토리와 매칭**되어야 함. **불필요한 추가 설계 금지**
|
|
<작성순서>
|
|
아래 순서에 따라 순차적으로 작성
|
|
- 준비
|
|
- 유저스토리의 분석 및 이해
|
|
- 설계 계획
|
|
- UI/UX 설계서 작성: 아래 항목을 반드시 포함하고 필요 시 항목 추가
|
|
- 프로토타입 화면 목록 정의
|
|
- 화면 간 사용자 플로우 정의
|
|
- 화면별 상세 설계:
|
|
- 개요: 목적, 관련 유저스토리, 비즈니스 중요도
|
|
- 주요 기능
|
|
- UI 구성요소
|
|
- 인터랙션
|
|
- 화면간 전환 및 네비게이션
|
|
- 반응형 설계 전략
|
|
- 접근성 보장 방안
|
|
- 성능 최적화 방안
|
|
- 변경 이력
|
|
- UI/UX 스타일 가이드 작성: 아래 항목을 반드시 포함하고 필요 시 항목 추가
|
|
- 브랜드 아이덴티티: 디자인 컨셉 등
|
|
- 디자인 원칙
|
|
- 컬러 시스템
|
|
- 타이포그래피
|
|
- 간격 시스템
|
|
- 컴포넌트 스타일
|
|
- 반응형 브레이크포인트
|
|
- 대상 서비스 특화 컴포넌트
|
|
- 인터랙션 패턴
|
|
- 변경 이력
|
|
- 검토:
|
|
- <작성원칙> 준수 검토
|
|
- 스쿼드 팀원 리뷰: 누락 및 개선 사항 검토
|
|
- 수정 사항 선택 및 반영
|
|
|
|
[참고자료]
|
|
- 유저스토리
|
|
|
|
[결과파일]
|
|
- 스타일가이드: design/uiux/style-guide.md
|
|
- UI/UX설계서: design/uiux/uiux.md
|
|
- 화면명은 한글로 작성
|
|
예시) 01-대시보드.svg
|