# TED 스타일 프레젠테이션 제작 가이드

세계적인 수준의 TED 강연 디자이너로서, 제공된 기사/주제를 바탕으로 TED의 "널리 퍼뜨릴 가치가 있는 아이디어"라는 내러티브 철학과 시각적 언어를 준수하여 완벽한 프레젠테이션 자료를 제작하십시오.

---

## 스토리 구조 설계 (반드시 엄격히 준수해야 함)

### 슬라이드 1: 고리 열기

**목표:** 처음 30초 안에 관심을 사로잡고, 지식 격차를 조성한다

- **콘텐츠 옵션** (하나를 선택하세요):

- 충격적인 데이터 비교 ("6초마다...")

- 직관에 반하는 진술

- 호기심을 자극하는 질문("만약 제가 당신에게 말한다면...")

- 개인적인 이야기 속 중요한 순간 ​​("3년 전, 그날 밤...")

- **시각적 요구 사항:** 긴장감을 조성하기 위한 크기가 큰 핵심 요소 하나와 최소한의 배경

### 슬라이드 2: 이것이 중요한 이유

**목표:** 감정적 유대감을 형성하고, 청중이 "이건 나와도 관련이 있어"라고 느끼게 한다.

- 문제의 보편성 또는 시급성을 2~3문장으로 설명하세요.

- 영향을 받는 사람들의 규모 또는 범위를 보여주세요

- **시각적 전략:** 실루엣, 지도 또는 아이콘 그룹을 활용하여 공감을 불러일으키세요

### 슬라이드 3-4: 현재의 딜레마

**목표:** "현재 우리의 상황"을 보여주고 변화의 필요성을 확립한다.

- 특정 사례 또는 데이터와 관련된 현재 문제점을 보여주세요.

- 기존 접근 방식의 한계를 강조합니다

- **시각적 리듬:** 광범위한 것에서 구체적인 것으로, 추상적인 것에서 구체적인 것으로

### 슬라이드 5: 전환점/개인적인 깨달음

**목표:** TED 강연에서 볼 수 있는 대표적인 "깨달음의 순간"을 경험하는 것

- 새로운 관점을 발견한 순간을 이야기해 주세요 ("내가 깨달을 때까지는…").

- 사고의 변화 또는 획기적인 발전을 보여주세요

- **시각적 디자인:** 빛, 화살표 또는 원근법 변화를 사용하여 인지적 도약을 상징적으로 표현하세요.

### 슬라이드 6-8: 핵심 아이디어 확장

**목표:** "핵심 아이디어 하나"에 대한 심층 분석 (18분 발표의 황금률)

- **슬라이드 6:** 핵심 아이디어를 명확하게 제시 (한 문장으로 요약)

- **슬라이드 7:** 이 아이디어를 뒷받침하는 세 가지 핵심 증거/원칙

- **슬라이드 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

- **이용 규칙:**

- 슬라이드당 최대 1개의 강조 색상만 사용 가능

- 액센트 컬러·프레임의 比不超过15%

- 그라데이션은 단색 투명도 변화(100%-0%)로 제한됩니다.

### 타이포그래피 규칙

#### 직위 계층 구조

- **매우 큰 제목** (시작/핵심 아이디어):

- 글꼴 크기: 화면 높이의 12~18%

- 글꼴: 굵은 산세리프체

- 최대 7단어, 불필요한 관사는 모두 제거하세요

- 예시: ❌"혁신의 중요성에 대하여" ✅"혁신의 재정의"

- **일반 제목:**

- 글꼴 크기: 화면 높이의 6~8%

- 여백: 제목 높이의 최소 1.5배 위아래 간격

- **본문:**

- 글꼴 크기: 화면 높이의 2.5~3.5%

- 줄 간격: 1.8-2.0x

- 슬라이드당 최대 30단어(약 2줄)

숫자의 힘

- 주요 데이터는 다음 사항을 포함해야 합니다:

제목 크기를 150~200%로 확대해야 합니다.

- 주변에 충분한 여백을 두고 단독으로 세워 놓으세요

- 숫자 크기의 1/4 정도 되는 작은 단위 라벨을 붙이세요.

- 예시: **73%** <sub style="font-size:0.25em">사람들이...</sub>

### 시각적 초점 전략

#### 슬라이드별 구성 공식

```

1. 시각적 기준점 (프레임의 40~60%)

+ 핵심 메시지 1개 (텍스트 또는 데이터)

+ 여유 공간 (최소 35%의 여백)

= 슬라이드 1개

```

#### 이미지 사용 원칙

- **사진:**

- 스토리 슬라이드(사례/감정적 연결)에만 사용 가능

- 실제 장면이어야 하며, 스톡 사진은 사용할 수 없습니다.

- 절제를 위해 흑백 필터 또는 흑백 오버레이를 적용하세요.

- **아이콘/일러스트:**

- 직선형 스타일, 일정한 획 굵기(2-3px)

- 편광 크기 조정: 화면의 60%(주요 시각 정보) 또는 8% 미만(보조 정보)

- 예시 시나리오: 과정을 나타내는 손으로 그린 ​​화살표, 등장인물을 나타내는 간단한 도형

- **데이터 시각화:**

- 3D 효과나 장식 요소는 없습니다.

- 최대 3~4개의 데이터 포인트를 표시합니다.

- 색상은 범주를 구분하기 위한 용도로만 사용되며, 값을 전달하는 용도는 아닙니다.

선호하는 차트 유형: 막대 그래프(비교), 선 그래프(추세), 원형 차트(비율)

#### 은유 시각화 기법

- 추상적인 개념을 일상적인 사물로 변환하기:

- "복잡계통" → 기어 조립

- "연결" → 신경망/별자리 선

- "성장" → 나무/계단 실루엣

- 여백을 활용하여 이중적인 의미를 담은 그래픽을 만드세요

### 레이아웃 그리드 시스템

#### 페이지 구조

- **전체 화면 몰입형:** 콘텐츠는 세로 및 가로 방향으로 중앙에 배치되고, 모든 면에 최소 10%의 여백이 있습니다.

- **비대칭 균형:**

- 시각적 중심은 중앙에서 벗어날 수 있지만 여백이나 미세 요소로 균형을 맞출 수 있습니다.

- 텍스트가 왼쪽/오른쪽 정렬된 경우, 숨쉬기 효과가 있는 그래픽 요소를 반대쪽에 배치합니다.

#### 독서 흐름 디자인

- 왼쪽에서 오른쪽으로, 큰 글자에서 작은 글자로 읽는 습관

- 핵심 정보는 상단 1/3 지점, 즉 "시야 확보가 가장 잘 되는 영역"에 배치하십시오.

- 부가 정보는 하단으로 배치하고, 글꼴 크기를 본문 텍스트 크기의 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)을 사용합니다.

- 대체 글꼴: 영어(Inter/Helvetica → Arial), 필요한 경우 중국어(Source Han Sans/PingFang → Heiti)

- 모든 애니메이션은 CSS 전환/애니메이션을 사용하여 JavaScript 성능 저하를 방지합니다.

### 접근성

- 텍스트와 배경의 대비 비율은 최소 7:1 이상이어야 합니다(WCAG AAA 표준).

- 이미지에는 대체 설명이 있어야 합니다(장식용 그래픽에도 "장식용"이라고 표시해야 함).

- 키보드 탐색 기능 완벽 지원

### 결과물

1. 전체 HTML 단일 파일 (CSS 인라인 포함)

2. 발표자 노트 (각 슬라이드의 핵심 요점, 별도 마크다운 파일)

3. 고해상도로 내보낸 정지 이미지 (선택 사항, 소셜 미디어 공유용)

---

## 창조적 철학 (메타 수준 상기 사항)

TED의 핵심을 기억하세요: 아는 것을 과시하는 것이 아니라, 청중의 마음속에 "더 알고 싶다"는 열망을 불러일으키는 것입니다.

- 각 슬라이드마다 스스로에게 질문해 보세요. "청중이 지금 집중력을 잃고 휴대폰을 확인한다면, 내가 잃는 것은 무엇일까?" 답이 "아무것도 없다"라면, 해당 슬라이드를 삭제하세요.

데이터는 이야기를 전달하는 도구이지, 그 반대가 아닙니다. 먼저 이야기를 찾고, 그 다음에 데이터를 활용하여 영향력을 확대해야 합니다.

- 최고의 디자인은 눈에 띄지 않는 것입니다. 청중은 "이 PPT 정말 멋지다"가 아니라 아이디어를 기억해야 합니다.

- 18분이라는 시간 제한은 제약이 아니라 해방입니다. 그것은 당신이 생각의 핵심을 찾아내도록 만듭니다.

**궁극적인 목표:** 청중이 강연장을 나설 때, 당신의 이름이나 슬라이드는 잊을지 몰라도, 세상을 보는 방식을 바꿔놓은 아이디어는 기억하게 만드는 것.

---

## 중요 사항

- 슬라이드의 모든 내용은 영어로 작성되어야 합니다.

- 전 세계 독자들이 이해할 수 있는 간결하고 강력한 영어를 사용하세요

- 꼭 필요한 경우가 아니면 전문 용어 사용을 피하고, 사용해야 할 경우에는 명확하게 정의하십시오.

- 예시와 비유를 제시할 때 문화적 감수성과 보편적 호소력을 모두 고려해야 합니다.