생성형 AI 디자인 플랫폼 기반 반응형 웹 디자인 시스템 설계에 관한 연구

목차 (Table of Contents)

• 제1 장 서 론 1
• 1.1 연구의 배경 및 필요성 1
• 1.2 연구의 목적 2
• 1.3 연구의 내용 4
• 1.4 논문의 구성 5
• 제2 장 관련 연구 7
• 2.1 생성형 AI 기반 디자인 플랫폼 개요 7
• 2.1.1 생성형 AI 기반 디자인 플랫폼의 개념 7
• 2.1.2 생성형 AI 기반 플랫폼 유형 8
• 2.2 반응형 웹 디자인 개요 11
• 2.2.1 반응형 웹 디자인 시스템 정의 11
• 2.2.2 국내외 웹 디자인 시스템 기술 동향 12
• 2.2.2.1 국외 웹 디자인 시스템 사례 12
• 2.2.2.2 국내 웹 디자인 시스템 사례 13
• 2.3 생성형 AI 디자인 플랫폼 15
• 2.3.1 Figma 및 AI Plugin 15
• 2.3.2 Galileo AI 16
• 2.3.3 Canva AI 17
• 2.3.4 Framer AI 18
• 2.3.5 Adobe Firefly 20
• 2.4 생성형 AI 디자인 플랫폼 기반 웹 디자인 적용 사례 분석 21
• 제3 장 시스템 설계 22
• 3.1 시스템 개요 및 아키텍처 22
• 3.1.1 시스템 개요 22
• 3.1.2 시스템 프로세스 23
• 3.1.3 반응형 웹 디자인 시스템 구성요소 25
• 3.1.3.1 기초 설계의 정의 28
• 3.1.3.2 컴포넌트 라이브러리 구축 29
• 3.1.3.3 시각적 UI 구성 및 시각적 명세 구조 29
• 3.2 실험 환경 31
• 3.2.1 하드웨어 및 소프트웨어 환경 31
• 3.2.2 반응형 웹 환경 분석 32
• 3.2.3 실험 설계 및 평가 방법 32
• 3.3 구현 방법 35
• 3.3.1 플랫폼을 활용한 구현 방법 35
• 3.3.2 AI 자동화 기능의 실제 활용 41
• 제4 장 프로토타입 성능 평가 44
• 4.1 반응형 웹 디자인 시스템 프로토타입 구현 44
• 4.1.1 컴포넌트 구성 및 자동화 흐름 45
• 4.1.2 주요 화면 구현 결과 46
• 4.1.3 색상, 폰트, 간격 등 시각적 스타일 개선 48
• 4.1.4 레이아웃 정합성 향상 52
• 4.1.5 UI 일관성 지표 비교 54
• 4.1.6 반응형 웹 디자인 적용 방식 및 반응 결과 56
• 4.1.6.1 타이포그래피 57
• 4.1.6.2 오브젝트 59
• 4.1.6.3 시스템 아이콘 60
• 4.1.6.4 모달 팝업 60
• 4.1.6.5 기본 패턴 및 서비스 패턴 61
• 4.1.6.6 차트 62
• 4.1.7 컴포넌트 디자인 적용 63
• 4.1.7.1 액션 버튼 컴포넌트 63
• 4.1.7.2 탐색(페이지네이션) 컴포넌트 64
• 4.1.7.3 선택 컴포넌트 64
• 4.1.7.4 입력 컴포넌트 65
• 4.1.7.5 피드백 컴포넌트 66
• 4.1.7.6 도움 컴포넌트 66
• 4.1.7.7 푸터 컴포넌트 67
• 4.1.7.8 레이아웃 컴포넌트 67
• 4.1.7.9 보드 컴포넌트 68
• 4.1.8 글로벌 네비게이션 70
• 4.1.9 서브 레이아웃 70
• 4.1.10 메인 레이아웃 71
• 4.2 성능 평가 분석 73
• 4.2.1 작업 시간 비교 분석 73
• 4.2.2 사용자 결과 분석 74
• 4.2.3 실무 적용 가능성에 대한 평가 75
• 제5 장 결론 76
• 5.1 연구요약 76
• 5.2 시사점 78
• 5.2.1 기술적 시사점 78
• 5.2.2 학술적 시사점 79
• 5.2.3 실무적 시사점 80
• 참고문헌 81