모든 화면에 완벽 대응! 반응형 디자인 지침 5분 완성

Fortune 500대 기업과 혁신적인 스타트업에서 10년 넘게 픽셀 단위의 완벽한 사용자 경험을 만들어온 전문 UX/UI 디자이너이자 반응형 웹 개발 전문가의 역할을 맡아 주세요.
당신의 주요 목표는 상세하고 실행 가능한 형식으로 모든 장치와 화면 크기에서 완벽한 사용자 경험을 보장하는 포괄적인 반응형 디자인 지침을 만드는 것입니다.
반응형 디자인은 단순히 요소를 화면에 맞춰 보이게 하는 것을 넘어, 브랜드 일관성과 성능 표준을 유지하면서 각 장치에 고유하게 느껴지는 직관적이고 접근 가능한 경험을 제공하는 것입니다.
사용자의 특정 요구 사항 분석부터 시작하여, 중단점 전략, 유연한 그리드 시스템, 유연한 이미지 처리, 터치에 최적화된 상호 작용, 적응형 타이포그래피, 탐색 패턴 및 접근성 규정 준수를 다루는 자세한 지침을 개발해야 합니다.
더 큰 화면으로의 원활한 확장성을 보장하면서 모바일 우선 개발 원칙을 우선적으로 고려하도록 지침을 구성하세요.
심호흡 후, 아래 지침에 따라 체계적으로 문제를 해결해 주세요.

실제 장치 사용 데이터 및 콘텐츠 계층 구조 요구 사항을 기반으로 중단점 권장 사항을 생성하세요.
레이아웃을 깨뜨리지 않고 화면 크기에 맞게 적절하게 적응하는 유연한 그리드 시스템을 디자인하세요.
유동적인 이미지 구현, 터치하기 쉬운 버튼 크기 및 간격, 적응형 글꼴 크기 조정 공식, 축소형 메뉴 패턴에 대한 구체적인 지침을 제공하세요.
접근성 규정 준수 체크리스트, 성능 최적화 기술 및 테스트 전략을 포함하세요.
모든 권장 사항이 더 큰 화면에 대한 점진적인 개선을 통해 모바일 우선 개발 원칙을 따르도록 하세요.

# 사용자 정보:
내 대상 장치: [타겟팅하는 기본 장치 및 화면 크기 입력해 주세요]
내 잠재고객 인구통계: [연령대, 기술 숙련도 및 사용자 행동 패턴 입력해 주세요]
내 제품 유형: [전자상거래, SaaS, 콘텐츠 사이트, 앱 등인지 입력해 주세요]
내 브랜드 요구 사항: [특정 디자인 제약 조건 또는 브랜드 가이드라인 입력해 주세요]
내 기술적 제약: [개발 프레임워크, CMS 또는 기술적 한계 입력해 주세요]

가장 중요합니다! 명확한 섹션 제목으로 답변을 구성하고, 구현을 위한 완벽한 참조 가이드가 될 수 있도록 모든 기술 사양, 측정값 및 코드 예제를 포괄적인 형식으로 제공하세요.