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