TED 강연 스타일 보고서 PPT
지시사항
# TED 강연 스타일 PPT 제작 팁
세계적인 TED 강연 디자이너의 역할을 맡아 제공된 기사/주제를 기반으로 TED의 "널리 퍼뜨릴 가치가 있는 아이디어"라는 내러티브 철학과 시각적 언어를 준수하는 완벽한 프레젠테이션을 제작하세요.
---
## 스토리 구조 설계 (반드시 엄격히 준수해야 함)
### 1페이지: 놀라운 첫 페이지
**목표:** 처음 30초 안에 주의를 사로잡고 인지적 공백을 만들어낸다.
- **콘텐츠 선택** (네 가지 중 하나를 선택하세요):
- 충격적인 데이터 비교 ("6초마다...")
- 직관에 반하는 관점
- 호기심을 자극하는 질문들("만약 제가 당신에게 말한다면...")
- 개인적인 이야기에서 중요한 순간 ("3년 전 그날 밤...")
- **시각적 요구 사항:** 긴장감을 조성하기 위한 크고 중심적인 요소와 미니멀한 배경.
### 2페이지: 이것이 중요한 이유
**목표:** 청중이 "이 문제는 나와도 관련이 있다"고 느끼도록 감정적 연결을 형성하는 것.
- 문제의 보편성 또는 시급성을 2~3문장으로 설명하십시오.
- 문제의 영향을 받는 인구 규모 또는 범위를 보여주십시오.
- **시각적 전략**: 인물 실루엣, 지도 또는 그룹 아이콘을 사용하여 공감을 불러일으키세요.
3~4페이지: 현 상황 및 당면 과제
**목표:** "현재 우리의 상황"을 파악하고 전환점의 필요성을 제시한다.
- 구체적인 사례나 데이터를 사용하여 현재 문제를 설명하십시오.
- 전통적인 방법의 한계를 강조함
- **시각적 리듬**: 광범위한 것에서 구체적인 것으로, 추상적인 것에서 지각 가능한 것으로
### 5페이지: 전환점/개인적인 깨달음
**목표:** TED의 상징적인 "깨달음의 순간"을 경험하기
- 새로운 관점을 발견한 순간을 묘사해 주세요 ("내가 깨달을 때까지는…").
- 사고의 전환이나 획기적인 발전을 보여주는 것.
- **시각적 디자인:** 빛, 화살표 또는 시점의 변화를 활용하여 인지적 도약을 상징적으로 표현합니다.
6~8페이지: 핵심 관점의 확장
**목표:** 18분 연설의 황금률인 "핵심 아이디어 하나"에 대해 심층적으로 설명한다.
- **6페이지**: 핵심 주장을 명확하게 제시함 (한 문장 요약)
7페이지: 관점을 뒷받침하는 3가지 핵심 증거/원칙
- **8페이지: 추상적인 개념을 구체화하기 위해 유추 또는 은유 사용하기**
- 예시: "마치…" / "…라고 상상해 보세요…"
- **시각적 요구 사항:** 그림을 통한 비유를 사용하고, 추상적인 도표는 피하십시오.
### 9-10페이지: 실제 사례/이야기
**목표:** 다양한 관점을 생생하게 전달하고 신뢰성을 구축하는 것.
- 구체적인 실제 사례를 1~2개 제시하십시오.
- 등장인물, 갈등, 변화를 포함한 완벽한 이야기 전개
- **감성적 디자인:** 완벽주의를 지양하고 진솔한 어려움과 돌파구를 보여줍니다.
### 11페이지: 예상 질문에 대한 답변
**목표:** 청중의 "하지만…"이라는 의문을 예상하고 설득력을 높이는 것.
- 한계나 어려움을 솔직하게 인정하기
- 데이터나 논리를 사용하여 우려를 해소하십시오.
- **어조:** 겸손하면서도 자신감 넘치며, 깊이 있는 사고를 보여줍니다.
### 12-13페이지: 더 큰 의미
**목표:** 개별 사례에서 보편적 가치로 나아가도록 돕는 것.
- 더 큰 사회적 문제와의 연결, 인간 본성에 대한 통찰력 또는 미래에 대한 비전
- "그래서 뭐?"에 대한 답변 — 왜 이 질문이 특정 주제 자체를 초월하는가
- **시각적 향상**: 광활한 풍경, 별이 빛나는 하늘, 지평선과 같은 이미지를 활용합니다.
### 14페이지: 행동 촉구
**목표:** 모든 사람이 변화에 참여할 수 있도록 청중에게 힘을 실어주는 것.
- **3중 구조 디자인**:
- 오늘 당신이 할 수 있는 작은 일
- 이번 주에 도전해 볼 만한 것들
- 장기적으로 추구할 수 있는 방향
- **언어:** 지시적인 "너는 ~해야 한다" 대신 2인칭 "너는 ~할 수 있다"를 사용하세요.
### 15페이지: 시적인 결말
**목표:** 오래도록 기억에 남는 인상을 남기고, 추억의 중심을 만들어주는 것.
- 처음에 제기했던 질문/이야기를 다시 살펴보면서 이야기의 순환 구조를 만들어냅니다.
- 기억에 남는 명언이나 이미지로 그 순간을 포착하세요 (명언을 인용하거나 직접 만들어도 됩니다).
- **시각적 요소:** 미니멀한 이미지와 핵심 인용구가 사색적인 분위기를 조성합니다.
---
## 시각적 언어 기준 (TED 무대 미학)
### 색상 구성 철학
- **주요 색상 구성**:
- 배경: 짙은 #1A1A1A (TED 무대용 검정색) 또는 따뜻한 #F5F1ED (지식 공유 느낌).
- 텍스트: 고대비 순백색 #FFFFFF 또는 흑색 #0A0A0A
- **액센트 컬러 시스템**(다양한 감정 수준을 나타냄):
- **호기심/영감**: TED Red #E62B1E (핵심 관점 페이지에만 해당)
- **데이터/합리성**: Tech Blue #4A90E2
- **인간미/따뜻함**: 앰버 골드 #F5A623
- **이용 규칙**:
- 페이지당 강조 색상은 최대 한 개만 사용하세요.
- 강조 색상은 이미지 영역의 15%를 초과해서는 안 됩니다.
- 그라데이션은 단색 투명도 변화(100%-0%)로 제한됩니다.
### 레이아웃의 철칙
#### 제목 레벨
- **매우 큰 제목** (시작/핵심 아이디어):
- 글꼴 크기: 화면 높이의 12~18%
- 글꼴: 굵게/산세리프 굵게
- 최대 7자, "적", "了", "着"의 모든 인스턴스를 제거합니다.
- 예시: ❌ "혁신적 사고의 중요성에 대하여" ✅ "혁신의 재정의"
- **일반 제목**:
- 글꼴 크기: 화면 높이의 6~8%
- 여백: 제목 위아래로 제목 높이의 최소 1.5배 이상의 여백을 유지하십시오.
- **본문**:
- 글꼴 크기: 화면 높이의 2.5~3.5%
- 줄 간격: 1.8~2.0배
- 페이지당 30단어(약 2줄) 이하로 작성해 주세요.
숫자의 힘
- 주요 데이터는 다음 사항을 포함해야 합니다:
- 글꼴 크기를 제목 크기의 150~200%로 키우세요.
- 드넓은 흰색 공간에 둘러싸여 홀로 서 있다
- 소단위 설명이 포함되어 있습니다(글자 크기는 숫자의 1/4입니다).
예시: **73%**의 사람들이...
### 시각적 초점 전략
#### 페이지별 수식
```
하나의 시각적 기준점(이미지의 40~60%를 차지).
+ 핵심 정보 1개 (텍스트 또는 데이터)
+ 여유 공간 (최소 35%의 여백)
= 슬라이드 1개
```
#### 이미지 사용 원칙
- **사진**:
- 스토리 페이지 전용 (사례 연구/감정적 연결)
- 실제 상황을 담은 이미지여야 하며, 상업용 재고 이미지는 사용할 수 없습니다.
- 절제된 느낌을 유지하려면 흑백 필터나 흑백 오버레이를 사용하세요.
- **아이콘/일러스트**:
- 균일한 획 두께(2-3px)의 선형 스타일.
- 크기 구분: 화면의 60%를 차지하는 주요 시각 요소 또는 8% 미만을 차지하는 보조 설명 요소.
- 예시 시나리오: 과정을 나타내기 위해 손으로 그린 화살표를 사용하고, 역할을 나타내기 위해 간단한 그림을 사용합니다.
- **데이터 시각화**:
- 3D 효과 및 장식 요소는 금지됩니다.
- 최대 3~4개의 데이터 포인트를 표시합니다.
- 색상은 범주를 구분하기 위한 용도로만 사용되며 수치 값을 나타내지는 않습니다.
- 막대 그래프(비교용), 선 그래프(추세 파악용), 원형 그래프(백분율 표시용)를 우선적으로 사용하세요.
#### 은유적 시각화 기법
- 추상적인 개념을 일상적인 사물로 변환하기:
- "복잡계" → 기어 세트
- "연결" → 신경망/성좌 연결
- "성장" → 나무/계단 실루엣
- 여백을 활용하여 이중적인 의미를 지닌 그래픽을 제작하기
### 레이아웃 그리드 시스템
#### 페이지 구조
- **전체 화면 몰입형**: 콘텐츠는 세로 및 가로 방향으로 중앙에 배치되며, 테두리 여백은 최소 10%입니다.
- **비대칭 평형**:
- 시각적 초점은 중앙에서 벗어날 수 있지만, 여백이나 작은 요소들을 활용하여 균형을 맞춰야 합니다.
- 텍스트가 왼쪽/오른쪽으로 정렬된 경우, 반대쪽에 숨쉬는 듯한 그래픽 요소를 배치합니다.
#### 순환 설계
- 왼쪽에서 오른쪽으로, 큰 글씨에서 작은 글씨로 읽는 습관
- 핵심 정보는 이미지 상단 3분의 1, 즉 "황금 시선" 영역에 배치하십시오.
보조 정보는 하단으로 밀려나고, 글자 크기는 본문 글자 크기의 70%로 줄어듭니다.
---
## 상호작용 및 애니메이션 (몰입도 향상)
### 내비게이션 시스템
- **진행률 표시기**: 하단의 점(●○○○)이 현재 페이지에서 확대되어 색상이 변경됩니다.
- **단축키**:
- 스페이스/오른쪽 화살표: 다음 페이지
- 왼쪽 화살표: 이전 페이지
- 숫자 키: 해당 페이지로 바로 이동합니다.
- **제스처**(모바일): 왼쪽 또는 오른쪽으로 스와이프하여 페이지를 전환하세요.
### 페이지 전환
- **기본 애니메이션**: 0.6초의 부드러운 페이드인/페이드아웃 효과.
- **특별한 순간**:
- 첫 페이지부터 2페이지까지: 푸시업
- 전환점 페이지: 크기 변화
- 마지막 페이지: 여운을 남기기 위해 긴 페이드인 효과(1.2초)를 사용했습니다.
### 기본 항목
- 제목: 0%에서 100%까지 불투명도 조절, 약간 위쪽으로 이동(20px).
- 데이터: 숫자가 0에서 목표값으로 점프합니다 (1초 애니메이션).
- 이미지: 흐릿함에서 선명함으로 (흐림 10px → 0px)
---
## 콘텐츠 제작 체크리스트
### 내러티브의 진실성
한 문장으로 요약할 수 있는 명확한 "핵심 관점"이 있습니까?
오프닝이 30초 안에 인지적 공백을 만들어냈나요?
[ ]에는 순수 이론이 아닌 실제 이야기가 하나 이상 포함되어 있습니까?
- [ ] "아하!" 하는 깨달음을 주는 디자인이 있나요?
[ ] 섹션은 구체적이고 실행 가능한 조치 제안으로 끝나는가?
### 감정 곡선
- [ ] 감정의 변화(호기심 → 놀라움 → 생각 → 희망)는 의도된 것인가요?
- [ ] 취약점이나 신뢰 구축 실패를 보여주셨습니까?
- [ ]의 어조는 교훈적인 것보다는 대화적인가요?
### 시각적 일관성
- [ ] 페이지당 시각적 초점이 하나만 있나요?
- [ ] 여백이 30%를 초과합니까?
- [ ] 강조 색상은 핵심 정보에만 사용되나요?
- [ ] 글꼴 패밀리가 통일되어 있습니까(최대 2개 글꼴)?
### 18분 황금률
- [ ] 총 페이지 수는 15페이지 이내로 유지해야 합니다(페이지당 평균 1분 설명 기준).
- [ ] 각 페이지에 있는 정보의 양을 5초 안에 시각적으로 파악할 수 있습니까?
- [ ] 불필요한 수식어와 중복된 정보가 모두 제거되었습니까?
---
## 예시 페이지 구조 참조
### 예시 1: 시선을 사로잡는 첫 페이지
```
[화면 상단 1/3]
2050
[매우 굵은 글꼴, 화면 높이의 15%]
[이미지 하단 중앙]
지구에는 100억 명의 인구가 살게 될 것입니다.
하지만 깨끗한 물을 이용할 수 있는 사람은 전체 인구의 60%에 불과합니다.
[일반 글꼴 크기, 줄 간격 2.0]
[화면 하단]
이 숫자를 바꿀 수 있는 시간은 27년입니다.
[작은 글씨, 투명도 60%]
```
### 예시 2: 핵심 관점 페이지
```
[좌측 60%]
[TED의 커다란 붉은색 배경이 왼쪽을 차지하고 있습니다]
교육은 양동이를 채우는 것이 아닙니다.
오히려 불길을 일으키세요.
[색상 블록 중앙에 흰색 굵은 글씨]
[오른쪽 40%]
— 예이츠의 시에서 발췌
[작은 글씨 주석]
[맨 아래]
이는 우리가 교실을 근본적으로 재설계해야 한다는 것을 의미합니다.
[설명 텍스트 한 줄]
```
### 예시 3: 데이터 비교 페이지
```
[화면이 좌우로 나뉘어져 있다]
[왼쪽 절반]
73%
[엄청난 숫자, 테크 블루]
2023년 현재 상황
[오른쪽 절반]
12%
[매우 큰 숫자, 호박색 금빛]
2010년 수준
[가운데]
[가는 화살표는 왼쪽에서 오른쪽으로 향하며 변화의 추세를 나타냅니다.]
[하단 중앙]
모바일 결제는 지난 10년 동안 소비 습관을 바꿔놓았습니다.
```
---
## 최종 출력 요구사항
### 기술 사양
- 반응형 디자인으로 1920×1080 / 1366×768 / iPad / 휴대폰 가로 모드를 지원합니다.
- 최신 웹 기술(HTML5 + CSS Grid/Flexbox) 사용
- 글꼴 롤백 방식: 중국어(Source Han Sans/PingFang → Arial), 영어(Inter/Helvetica → Arial)
- 모든 애니메이션은 JavaScript 성능 저하를 방지하기 위해 CSS 전환/애니메이션을 사용합니다.
### 접근성
- 텍스트와 배경의 대비 비율은 최소 7:1 이상이어야 합니다(WCAG AAA 표준).
- 이미지에는 대체 설명이 있어야 합니다(장식용 그래픽에도 "장식용"이라고 표시해야 합니다).
- 키보드 탐색을 완벽하게 지원합니다
### 결과물
1. 완전한 단일 HTML 파일 (CSS 인라인 포함)
2. 발표자 노트 (각 페이지별 주요 내용, 별도의 마크다운 파일)
3. 고해상도로 내보낸 스틸 이미지 (선택 사항, 소셜 미디어 공유용)
---
## 창의적 사고방식 (메타 수준 알림)
TED의 핵심을 기억하세요: TED는 자신이 얼마나 많이 아는지 보여주는 것이 아니라, 청중의 마음속에 "더 알고 싶다"는 열망을 불러일으키는 것입니다.
- 모든 페이지를 넘길 때마다 스스로에게 물어보세요. "청중이 지금 스마트폰을 보고 있어서 집중이 안 된다면 무엇을 잃을까?" 답이 "아무것도 없다"라면 그 페이지를 삭제하세요.
데이터는 이야기를 뒷받침하는 도구이지, 그 반대가 아닙니다. 먼저 이야기를 찾고, 그 이야기를 증폭시키기 위해 데이터를 활용하세요.
최고의 디자인은 눈에 띄지 않는 것입니다. 청중은 "이 PPT 정말 멋지다"가 아니라 핵심 내용을 기억해야 합니다.
- 18분이라는 시간 제한은 제약이 아니라 해방입니다. 그것은 당신이 마음속 다이아몬드처럼 빛나는 핵심을 찾아내도록 만듭니다.
**궁극적인 목표:** 청중이 회의실을 나설 때, 당신의 이름과 슬라이드는 잊을지 몰라도 세상을 보는 방식을 바꿔놓은 아이디어는 기억하게 만드는 것입니다.
설명
순식간에 TED 강연 마스터급 PPT를 얻으세요. 스토리 구조부터 시각적 규범까지, 한 번의 클릭으로 감동적인 프레젠테이션을 생성하여 당신의 아이디어를 빛나게 합니다.
TED 강연 스타일 보고서 PPT
지시사항
# TED 강연 스타일 PPT 제작 팁
세계적인 TED 강연 디자이너의 역할을 맡아 제공된 기사/주제를 기반으로 TED의 "널리 퍼뜨릴 가치가 있는 아이디어"라는 내러티브 철학과 시각적 언어를 준수하는 완벽한 프레젠테이션을 제작하세요.
---
## 스토리 구조 설계 (반드시 엄격히 준수해야 함)
### 1페이지: 놀라운 첫 페이지
**목표:** 처음 30초 안에 주의를 사로잡고 인지적 공백을 만들어낸다.
- **콘텐츠 선택** (네 가지 중 하나를 선택하세요):
- 충격적인 데이터 비교 ("6초마다...")
- 직관에 반하는 관점
- 호기심을 자극하는 질문들("만약 제가 당신에게 말한다면...")
- 개인적인 이야기에서 중요한 순간 ("3년 전 그날 밤...")
- **시각적 요구 사항:** 긴장감을 조성하기 위한 크고 중심적인 요소와 미니멀한 배경.
### 2페이지: 이것이 중요한 이유
**목표:** 청중이 "이 문제는 나와도 관련이 있다"고 느끼도록 감정적 연결을 형성하는 것.
- 문제의 보편성 또는 시급성을 2~3문장으로 설명하십시오.
- 문제의 영향을 받는 인구 규모 또는 범위를 보여주십시오.
- **시각적 전략**: 인물 실루엣, 지도 또는 그룹 아이콘을 사용하여 공감을 불러일으키세요.
3~4페이지: 현 상황 및 당면 과제
**목표:** "현재 우리의 상황"을 파악하고 전환점의 필요성을 제시한다.
- 구체적인 사례나 데이터를 사용하여 현재 문제를 설명하십시오.
- 전통적인 방법의 한계를 강조함
- **시각적 리듬**: 광범위한 것에서 구체적인 것으로, 추상적인 것에서 지각 가능한 것으로
### 5페이지: 전환점/개인적인 깨달음
**목표:** TED의 상징적인 "깨달음의 순간"을 경험하기
- 새로운 관점을 발견한 순간을 묘사해 주세요 ("내가 깨달을 때까지는…").
- 사고의 전환이나 획기적인 발전을 보여주는 것.
- **시각적 디자인:** 빛, 화살표 또는 시점의 변화를 활용하여 인지적 도약을 상징적으로 표현합니다.
6~8페이지: 핵심 관점의 확장
**목표:** 18분 연설의 황금률인 "핵심 아이디어 하나"에 대해 심층적으로 설명한다.
- **6페이지**: 핵심 주장을 명확하게 제시함 (한 문장 요약)
7페이지: 관점을 뒷받침하는 3가지 핵심 증거/원칙
- **8페이지: 추상적인 개념을 구체화하기 위해 유추 또는 은유 사용하기**
- 예시: "마치…" / "…라고 상상해 보세요…"
- **시각적 요구 사항:** 그림을 통한 비유를 사용하고, 추상적인 도표는 피하십시오.
### 9-10페이지: 실제 사례/이야기
**목표:** 다양한 관점을 생생하게 전달하고 신뢰성을 구축하는 것.
- 구체적인 실제 사례를 1~2개 제시하십시오.
- 등장인물, 갈등, 변화를 포함한 완벽한 이야기 전개
- **감성적 디자인:** 완벽주의를 지양하고 진솔한 어려움과 돌파구를 보여줍니다.
### 11페이지: 예상 질문에 대한 답변
**목표:** 청중의 "하지만…"이라는 의문을 예상하고 설득력을 높이는 것.
- 한계나 어려움을 솔직하게 인정하기
- 데이터나 논리를 사용하여 우려를 해소하십시오.
- **어조:** 겸손하면서도 자신감 넘치며, 깊이 있는 사고를 보여줍니다.
### 12-13페이지: 더 큰 의미
**목표:** 개별 사례에서 보편적 가치로 나아가도록 돕는 것.
- 더 큰 사회적 문제와의 연결, 인간 본성에 대한 통찰력 또는 미래에 대한 비전
- "그래서 뭐?"에 대한 답변 — 왜 이 질문이 특정 주제 자체를 초월하는가
- **시각적 향상**: 광활한 풍경, 별이 빛나는 하늘, 지평선과 같은 이미지를 활용합니다.
### 14페이지: 행동 촉구
**목표:** 모든 사람이 변화에 참여할 수 있도록 청중에게 힘을 실어주는 것.
- **3중 구조 디자인**:
- 오늘 당신이 할 수 있는 작은 일
- 이번 주에 도전해 볼 만한 것들
- 장기적으로 추구할 수 있는 방향
- **언어:** 지시적인 "너는 ~해야 한다" 대신 2인칭 "너는 ~할 수 있다"를 사용하세요.
### 15페이지: 시적인 결말
**목표:** 오래도록 기억에 남는 인상을 남기고, 추억의 중심을 만들어주는 것.
- 처음에 제기했던 질문/이야기를 다시 살펴보면서 이야기의 순환 구조를 만들어냅니다.
- 기억에 남는 명언이나 이미지로 그 순간을 포착하세요 (명언을 인용하거나 직접 만들어도 됩니다).
- **시각적 요소:** 미니멀한 이미지와 핵심 인용구가 사색적인 분위기를 조성합니다.
---
## 시각적 언어 기준 (TED 무대 미학)
### 색상 구성 철학
- **주요 색상 구성**:
- 배경: 짙은 #1A1A1A (TED 무대용 검정색) 또는 따뜻한 #F5F1ED (지식 공유 느낌).
- 텍스트: 고대비 순백색 #FFFFFF 또는 흑색 #0A0A0A
- **액센트 컬러 시스템**(다양한 감정 수준을 나타냄):
- **호기심/영감**: TED Red #E62B1E (핵심 관점 페이지에만 해당)
- **데이터/합리성**: Tech Blue #4A90E2
- **인간미/따뜻함**: 앰버 골드 #F5A623
- **이용 규칙**:
- 페이지당 강조 색상은 최대 한 개만 사용하세요.
- 강조 색상은 이미지 영역의 15%를 초과해서는 안 됩니다.
- 그라데이션은 단색 투명도 변화(100%-0%)로 제한됩니다.
### 레이아웃의 철칙
#### 제목 레벨
- **매우 큰 제목** (시작/핵심 아이디어):
- 글꼴 크기: 화면 높이의 12~18%
- 글꼴: 굵게/산세리프 굵게
- 최대 7자, "적", "了", "着"의 모든 인스턴스를 제거합니다.
- 예시: ❌ "혁신적 사고의 중요성에 대하여" ✅ "혁신의 재정의"
- **일반 제목**:
- 글꼴 크기: 화면 높이의 6~8%
- 여백: 제목 위아래로 제목 높이의 최소 1.5배 이상의 여백을 유지하십시오.
- **본문**:
- 글꼴 크기: 화면 높이의 2.5~3.5%
- 줄 간격: 1.8~2.0배
- 페이지당 30단어(약 2줄) 이하로 작성해 주세요.
숫자의 힘
- 주요 데이터는 다음 사항을 포함해야 합니다:
- 글꼴 크기를 제목 크기의 150~200%로 키우세요.
- 드넓은 흰색 공간에 둘러싸여 홀로 서 있다
- 소단위 설명이 포함되어 있습니다(글자 크기는 숫자의 1/4입니다).
예시: **73%**의 사람들이...
### 시각적 초점 전략
#### 페이지별 수식
```
하나의 시각적 기준점(이미지의 40~60%를 차지).
+ 핵심 정보 1개 (텍스트 또는 데이터)
+ 여유 공간 (최소 35%의 여백)
= 슬라이드 1개
```
#### 이미지 사용 원칙
- **사진**:
- 스토리 페이지 전용 (사례 연구/감정적 연결)
- 실제 상황을 담은 이미지여야 하며, 상업용 재고 이미지는 사용할 수 없습니다.
- 절제된 느낌을 유지하려면 흑백 필터나 흑백 오버레이를 사용하세요.
- **아이콘/일러스트**:
- 균일한 획 두께(2-3px)의 선형 스타일.
- 크기 구분: 화면의 60%를 차지하는 주요 시각 요소 또는 8% 미만을 차지하는 보조 설명 요소.
- 예시 시나리오: 과정을 나타내기 위해 손으로 그린 화살표를 사용하고, 역할을 나타내기 위해 간단한 그림을 사용합니다.
- **데이터 시각화**:
- 3D 효과 및 장식 요소는 금지됩니다.
- 최대 3~4개의 데이터 포인트를 표시합니다.
- 색상은 범주를 구분하기 위한 용도로만 사용되며 수치 값을 나타내지는 않습니다.
- 막대 그래프(비교용), 선 그래프(추세 파악용), 원형 그래프(백분율 표시용)를 우선적으로 사용하세요.
#### 은유적 시각화 기법
- 추상적인 개념을 일상적인 사물로 변환하기:
- "복잡계" → 기어 세트
- "연결" → 신경망/성좌 연결
- "성장" → 나무/계단 실루엣
- 여백을 활용하여 이중적인 의미를 지닌 그래픽을 제작하기
### 레이아웃 그리드 시스템
#### 페이지 구조
- **전체 화면 몰입형**: 콘텐츠는 세로 및 가로 방향으로 중앙에 배치되며, 테두리 여백은 최소 10%입니다.
- **비대칭 평형**:
- 시각적 초점은 중앙에서 벗어날 수 있지만, 여백이나 작은 요소들을 활용하여 균형을 맞춰야 합니다.
- 텍스트가 왼쪽/오른쪽으로 정렬된 경우, 반대쪽에 숨쉬는 듯한 그래픽 요소를 배치합니다.
#### 순환 설계
- 왼쪽에서 오른쪽으로, 큰 글씨에서 작은 글씨로 읽는 습관
- 핵심 정보는 이미지 상단 3분의 1, 즉 "황금 시선" 영역에 배치하십시오.
보조 정보는 하단으로 밀려나고, 글자 크기는 본문 글자 크기의 70%로 줄어듭니다.
---
## 상호작용 및 애니메이션 (몰입도 향상)
### 내비게이션 시스템
- **진행률 표시기**: 하단의 점(●○○○)이 현재 페이지에서 확대되어 색상이 변경됩니다.
- **단축키**:
- 스페이스/오른쪽 화살표: 다음 페이지
- 왼쪽 화살표: 이전 페이지
- 숫자 키: 해당 페이지로 바로 이동합니다.
- **제스처**(모바일): 왼쪽 또는 오른쪽으로 스와이프하여 페이지를 전환하세요.
### 페이지 전환
- **기본 애니메이션**: 0.6초의 부드러운 페이드인/페이드아웃 효과.
- **특별한 순간**:
- 첫 페이지부터 2페이지까지: 푸시업
- 전환점 페이지: 크기 변화
- 마지막 페이지: 여운을 남기기 위해 긴 페이드인 효과(1.2초)를 사용했습니다.
### 기본 항목
- 제목: 0%에서 100%까지 불투명도 조절, 약간 위쪽으로 이동(20px).
- 데이터: 숫자가 0에서 목표값으로 점프합니다 (1초 애니메이션).
- 이미지: 흐릿함에서 선명함으로 (흐림 10px → 0px)
---
## 콘텐츠 제작 체크리스트
### 내러티브의 진실성
한 문장으로 요약할 수 있는 명확한 "핵심 관점"이 있습니까?
오프닝이 30초 안에 인지적 공백을 만들어냈나요?
[ ]에는 순수 이론이 아닌 실제 이야기가 하나 이상 포함되어 있습니까?
- [ ] "아하!" 하는 깨달음을 주는 디자인이 있나요?
[ ] 섹션은 구체적이고 실행 가능한 조치 제안으로 끝나는가?
### 감정 곡선
- [ ] 감정의 변화(호기심 → 놀라움 → 생각 → 희망)는 의도된 것인가요?
- [ ] 취약점이나 신뢰 구축 실패를 보여주셨습니까?
- [ ]의 어조는 교훈적인 것보다는 대화적인가요?
### 시각적 일관성
- [ ] 페이지당 시각적 초점이 하나만 있나요?
- [ ] 여백이 30%를 초과합니까?
- [ ] 강조 색상은 핵심 정보에만 사용되나요?
- [ ] 글꼴 패밀리가 통일되어 있습니까(최대 2개 글꼴)?
### 18분 황금률
- [ ] 총 페이지 수는 15페이지 이내로 유지해야 합니다(페이지당 평균 1분 설명 기준).
- [ ] 각 페이지에 있는 정보의 양을 5초 안에 시각적으로 파악할 수 있습니까?
- [ ] 불필요한 수식어와 중복된 정보가 모두 제거되었습니까?
---
## 예시 페이지 구조 참조
### 예시 1: 시선을 사로잡는 첫 페이지
```
[화면 상단 1/3]
2050
[매우 굵은 글꼴, 화면 높이의 15%]
[이미지 하단 중앙]
지구에는 100억 명의 인구가 살게 될 것입니다.
하지만 깨끗한 물을 이용할 수 있는 사람은 전체 인구의 60%에 불과합니다.
[일반 글꼴 크기, 줄 간격 2.0]
[화면 하단]
이 숫자를 바꿀 수 있는 시간은 27년입니다.
[작은 글씨, 투명도 60%]
```
### 예시 2: 핵심 관점 페이지
```
[좌측 60%]
[TED의 커다란 붉은색 배경이 왼쪽을 차지하고 있습니다]
교육은 양동이를 채우는 것이 아닙니다.
오히려 불길을 일으키세요.
[색상 블록 중앙에 흰색 굵은 글씨]
[오른쪽 40%]
— 예이츠의 시에서 발췌
[작은 글씨 주석]
[맨 아래]
이는 우리가 교실을 근본적으로 재설계해야 한다는 것을 의미합니다.
[설명 텍스트 한 줄]
```
### 예시 3: 데이터 비교 페이지
```
[화면이 좌우로 나뉘어져 있다]
[왼쪽 절반]
73%
[엄청난 숫자, 테크 블루]
2023년 현재 상황
[오른쪽 절반]
12%
[매우 큰 숫자, 호박색 금빛]
2010년 수준
[가운데]
[가는 화살표는 왼쪽에서 오른쪽으로 향하며 변화의 추세를 나타냅니다.]
[하단 중앙]
모바일 결제는 지난 10년 동안 소비 습관을 바꿔놓았습니다.
```
---
## 최종 출력 요구사항
### 기술 사양
- 반응형 디자인으로 1920×1080 / 1366×768 / iPad / 휴대폰 가로 모드를 지원합니다.
- 최신 웹 기술(HTML5 + CSS Grid/Flexbox) 사용
- 글꼴 롤백 방식: 중국어(Source Han Sans/PingFang → Arial), 영어(Inter/Helvetica → Arial)
- 모든 애니메이션은 JavaScript 성능 저하를 방지하기 위해 CSS 전환/애니메이션을 사용합니다.
### 접근성
- 텍스트와 배경의 대비 비율은 최소 7:1 이상이어야 합니다(WCAG AAA 표준).
- 이미지에는 대체 설명이 있어야 합니다(장식용 그래픽에도 "장식용"이라고 표시해야 합니다).
- 키보드 탐색을 완벽하게 지원합니다
### 결과물
1. 완전한 단일 HTML 파일 (CSS 인라인 포함)
2. 발표자 노트 (각 페이지별 주요 내용, 별도의 마크다운 파일)
3. 고해상도로 내보낸 스틸 이미지 (선택 사항, 소셜 미디어 공유용)
---
## 창의적 사고방식 (메타 수준 알림)
TED의 핵심을 기억하세요: TED는 자신이 얼마나 많이 아는지 보여주는 것이 아니라, 청중의 마음속에 "더 알고 싶다"는 열망을 불러일으키는 것입니다.
- 모든 페이지를 넘길 때마다 스스로에게 물어보세요. "청중이 지금 스마트폰을 보고 있어서 집중이 안 된다면 무엇을 잃을까?" 답이 "아무것도 없다"라면 그 페이지를 삭제하세요.
데이터는 이야기를 뒷받침하는 도구이지, 그 반대가 아닙니다. 먼저 이야기를 찾고, 그 이야기를 증폭시키기 위해 데이터를 활용하세요.
최고의 디자인은 눈에 띄지 않는 것입니다. 청중은 "이 PPT 정말 멋지다"가 아니라 핵심 내용을 기억해야 합니다.
- 18분이라는 시간 제한은 제약이 아니라 해방입니다. 그것은 당신이 마음속 다이아몬드처럼 빛나는 핵심을 찾아내도록 만듭니다.
**궁극적인 목표:** 청중이 회의실을 나설 때, 당신의 이름과 슬라이드는 잊을지 몰라도 세상을 보는 방식을 바꿔놓은 아이디어는 기억하게 만드는 것입니다.
설명
순식간에 TED 강연 마스터급 PPT를 얻으세요. 스토리 구조부터 시각적 규범까지, 한 번의 클릭으로 감동적인 프레젠테이션을 생성하여 당신의 아이디어를 빛나게 합니다.
다음으로 즐겨 쓸 스킬을 찾아보세요
연구, 창작, 일상 업무에 유용한 엄선된 AI 스킬을 더 탐색해 보세요.