# Phase 8: UI/UX 개선 > 메인 문서: [game-system-overhaul-index.md](game-system-overhaul-index.md) --- ## 목표 능력치 변화를 실시간으로 표시하고, 전반적인 UI를 개선한다. ## 실시간 스탯 변화 표시 ``` ┌─ Stats ─────────────────┐ │ HP: 450/500 ████████░░ │ │ MP: 80/120 ██████░░░░ │ │ │ │ ATK: 125 (+15) ▲ │ ← 장비 변경 시 변화량 표시 │ DEF: 89 (-5) ▼ │ │ CRI: 12.5% │ │ EVA: 8.3% │ └─────────────────────────┘ ``` ## 전투 로그 ``` ┌─ Combat Log ────────────────────┐ │ > 문법 오류를 공격! 45 데미지 │ │ > 문법 오류의 반격! 12 데미지 │ │ > 크리티컬! 98 데미지 │ │ > Debug Strike 사용! 150 데미지 │ │ > 문법 오류 처치! +25 exp │ └─────────────────────────────────┘ ``` ## 알림 시스템 | 이벤트 | 표시 방식 | |--------|----------| | 레벨업 | 화면 중앙 팝업 + 사운드 | | 장비 획득 | 우측 하단 토스트 | | 스탭 변화 | 해당 스탯 옆 애니메이션 | | 사망 위험 (HP < 20%) | HP 바 깜빡임 | | 스킬 쿨타임 완료 | 스킬 아이콘 빛남 | ## 수정 대상 파일 | 파일 | 변경 내용 | |------|----------| | `features/game/widgets/stats_panel.dart` | 스탯 변화 애니메이션 | | `features/game/widgets/combat_log.dart` | **신규** - 전투 로그 | | `features/game/widgets/notification_overlay.dart` | **신규** - 알림 | | `core/service/notification_service.dart` | **신규** - 알림 관리 | ## 예상 작업량 - 예상 파일 수: 5-6개 - 신규 코드: ~400 LOC - 수정 코드: ~200 LOC ---