# TED Konuşması Tarzında PPT Oluşturma İpuçları

Dünya standartlarında bir TED konuşması tasarımcısı rolünü üstlenin ve verilen makaleler/konulara dayanarak, TED'in "yayılmaya değer fikirler" anlatım felsefesine ve görsel diline bağlı kalarak eksiksiz bir sunum oluşturun.

---

## Anlatı Yapısı Tasarımı (Kesinlikle uyulmalıdır)

### Sayfa 1: Çarpıcı Bir Açılış Sayfası

**Amaç:** İlk 30 saniye içinde dikkati çekmek ve bilişsel bir boşluk yaratmak.

- **İçerik Seçimi** (Dört seçenekten birini seçin):

- Şok edici veri karşılaştırması ("Her 6 saniyede bir...")

- Sezgisel olmayan bakış açıları

- Merak uyandıran sorular ("Ya sana şöyle söylesem...")

- Kişisel hikâyenin kilit bir anı ("Üç yıl önce o gece...")

- **Görsel Gereksinimler:** Gerilim yaratmak için büyük bir merkezi öğe + minimalist bir arka plan.

### Sayfa 2: Bunun önemi

**Amaç:** İzleyiciyle duygusal bir bağ kurarak, "Bu beni ilgilendiriyor" düşüncesini uyandırmak.

- Sorunun evrenselliğini veya aciliyetini açıklamak için 2-3 cümle kullanın.

- Sorundan etkilenen nüfusun büyüklüğünü veya kapsamını gösterin.

- **Görsel Strateji**: İnsan silüetleri, haritalar veya grup simgeleri kullanarak yankı uyandırın.

Sayfa 3-4: Mevcut Durum ve İkilemler

**Amaç:** "Şu anki durumumuzu" tasvir etmek ve bir dönüm noktasının gerekliliğini ortaya koymak.

- Mevcut sorunu açıklamak için somut örnekler veya veriler kullanın.

- Geleneksel yöntemlerin sınırlılıklarını vurgulamak

- **Görsel Ritim**: Genelden özele, soyuttan algılanabilire

### Sayfa 5: Dönüm Noktası/Kişisel İçgörü

**Hedef:** TED'in ikonik "aydınlanma anı"

- Yeni bir bakış açısı keşfettiğiniz anı anlatın ("Ta ki şunu fark edene kadar...")

- Düşünce biçiminde bir değişim veya atılımı göstermek.

- **Görsel Tasarım:** Bilişsel sıçramaları sembolize etmek için ışık, oklar veya perspektif değişiklikleri kullanın.

Sayfa 6-8: Temel Bakış Açılarının Genişletilmesi

**Amaç:** "Tek bir temel fikir"i (18 dakikalık konuşmanın altın kuralı) ayrıntılı bir şekilde açıklamak.

- **Sayfa 6**: Temel argümanın net bir ifadesi (tek cümlelik özet)

Sayfa 7: Görüşü Destekleyen 3 Temel Kanıt/İlke

- **Sayfa 8: Soyut Kavramları Somut Hale Getirmek İçin Benzetme veya Metafor Kullanımı**

- Örnek: "Şöyle ki..." / "Şunu hayal edin..."

- **Görsel Gereksinimler:** Görsel metaforlar kullanın, soyut grafiklerden kaçının.

### Sayfa 9-10: Gerçek Vakalar/Hikayeler

**Amaç:** Farklı bakış açılarını hayata geçirmek ve güvenilirlik oluşturmak.

- 1-2 somut pratik örnek verin.

- Karakterleri, çatışmaları ve dönüşümleri içeren eksiksiz bir anlatı kurgusu

- **Duygusal Tasarım:** Mükemmeliyetçilikten kaçınarak, gerçek mücadeleleri ve atılımları sergilemek.

### Sayfa 11: Olası Sorulara Yanıtlar

**Amaç:** Dinleyicilerin "ama..." diyecekleri noktaları önceden tahmin ederek ikna gücünü artırmak.

- Sınırlamaları veya zorlukları dürüstçe kabul edin.

- Endişeleri gidermek için veri veya mantık kullanın.

- **Üslup:** Mütevazı ama kendinden emin, düşünce derinliğini gösteren bir tavır.

### Sayfa 12-13: Daha Büyük Bir Önem

**Amaç:** Bireysel vakalardan evrensel değerlere ulaşmak.

- Daha geniş sosyal sorunlarla bağlantı kurmak, insan doğasına dair içgörüler edinmek veya geleceğe dair vizyonlar geliştirmek.

- "Peki ne olmuş yani?" sorusuna cevap vermek — Bunun neden belirli konunun ötesine geçtiği

- **Görsel Geliştirme**: Geniş manzaralar, yıldızlı gökyüzü ve ufuk çizgileri gibi görsellerin kullanımı.

### Sayfa 14: Eylem Çağrısı

**Hedef:** Herkesin değişime katılabilmesi için kitlemizi güçlendirmek.

- **Üç katmanlı tasarım**:

- Bugün yapabileceğiniz küçük bir şey

- Bu hafta deneyebileceğiniz zorluklar

- Uzun vadede izlenebilecek bir yön

- **Dil:** Öğretici bir "Yapmalısın" ifadesi yerine, ikinci şahıs zamirini kullanarak "Yapabilirsin..." şeklinde ifade edin.

### Sayfa 15: Şiirsel Bir Son

**Amaç:** Kalıcı bir izlenim bırakmak ve bir anı oluşturmak.

- Anlatı döngüsü oluşturmak için açılış sorusuna/hikayeye tekrar dönmek.

- Unutulmaz bir alıntı veya görselle anı yakalayın (alıntı yapabilir veya kendi alıntınızı oluşturabilirsiniz).

- **Görseller:** Minimalist görseller ve önemli alıntılar, düşünceli bir atmosfer yaratıyor.

---

## Görsel Dil Standartları (TED Sahne Estetiği)

### Renk Şeması Felsefesi

- **Ana Renk Şeması**:

- Arka plan: Derin #1A1A1A (TED sahnesinin siyahı) veya sıcak #F5F1ED (bilgi paylaşımı hissi).

- Metin: Yüksek kontrastlı saf beyaz #FFFFFF veya simsiyah #0A0A0A

- **Vurgu Renk Sistemi** (farklı duygusal seviyeleri temsil eder):

- **Merak/İlham**: TED Kırmızı #E62B1E (yalnızca temel görüş sayfaları için)

- **Veri/Rasyonellik**: Tech Blue #4A90E2

- **Hümanistik/Sıcaklık**: Amber Gold #F5A623

- **Kullanım Kuralları**:

- Sayfa başına en fazla bir vurgu rengi kullanın.

- Vurgu rengi, resim alanının %15'ini aşmamalıdır.

- Gradyanlar, tek renkli saydamlık değişiklikleriyle ( %100-%0) sınırlıdır.

### Yerleşim Planının Kesin Kuralları

#### Başlık Seviyesi

- **Ekstra Büyük Başlık** (Açılış/Ana Fikir):

- Yazı tipi boyutu: Ekran yüksekliğinin %12-18'i

- Yazı Tipi: Kalın/Sans-serif Kalın

- Maksimum 7 karakter, "的", "了" ve "着" karakterlerinin tüm örneklerini kaldırın.

- Örnek: ❌ "Yenilikçi Düşünmenin Önemi Üzerine" ✅ "İnovasyonu Yeniden Tanımlamak"

- **Normal Başlık**:

- Yazı tipi boyutu: Ekran yüksekliğinin %6-8'i

- Boşluk: Başlığın üstünde ve altında, başlığın yüksekliğinin en az 1,5 katı kadar boşluk bırakın.

- **Ana Metin**:

- Yazı tipi boyutu: Ekran yüksekliğinin %2,5-3,5'i

- Satır aralığı: 1,8-2,0 kat

- Sayfa başına en fazla 30 kelime (yaklaşık 2 satır)

#### Sayıların Gücü

- Temel veriler şunları içermelidir:

- Yazı tipi boyutunu başlık boyutunun %150-200'üne kadar büyütün.

- Tek başına duruyor, etrafı geniş beyaz bir alanla çevrili.

- Mikro birim tanımlarını içerir (yazı tipi boyutu, sayının 1/4'ü kadardır).

Örnek: İnsanların **%73'ü**...

### Görsel Odaklanma Stratejisi

#### Her Sayfa İçin Formüller

```

Görsel bir odak noktası (görüntünün %40-60'ını kaplayan).

+ 1 temel bilgi parçası (metin veya veri)

+ Nefes alma alanı (en az %35 boş alan)

= 1 slayt

```

#### Görsel Kullanım İlkeleri

- **Fotoğraflar**:

- Sadece öykü sayfaları için (vaka incelemeleri/duygusal bağ)

- Gerçek dünyadan bir senaryo olmalıdır; ticari amaçlı stok görselleri yasaktır.

- Daha ölçülü bir görünüm sağlamak için siyah beyaz filtreler veya tek renkli katmanlar kullanın.

- **Simgeler/Resimler**:

- Düzgün çizgi kalınlığına sahip (2-3 piksel) doğrusal stil.

- Boyut kutuplaşması: ya ekranın %60'ını kaplar (ana görsel öğe olarak) ya da %8'den azını (ek açıklama için).

- Örnek senaryo: Süreci göstermek için elle çizilmiş oklar ve rolleri göstermek için basit şekiller kullanın.

- **Veri Görselleştirme**:

- 3 boyutlu efektler ve dekoratif unsurlar yasaktır.

- En fazla 3-4 veri noktası görüntüleyin

- Renkler yalnızca kategorileri ayırt etmek için kullanılır ve sayısal değerleri ifade etmez.

- Şu grafik türlerini kullanmaya öncelik verin: çubuk grafikler (karşılaştırma için), çizgi grafikler (trendler için) ve tekli pasta grafikler (yüzdeler için).

#### Metaforik Görselleştirme Teknikleri

- Soyut kavramları günlük nesnelere dönüştürmek:

- "Karmaşık Sistemler" → Dişli Takımları

- "Bağlantılar" → Sinir Ağları/Takımyıldız Bağlantıları

- "Büyüme" → Ağaç/Merdiven silüeti

- Çift anlamlı grafikler oluşturmak için negatif alan kullanımı

### Yerleşim Izgara Sistemi

#### Sayfa Yapısı

- **Tam ekran sürükleyici**: İçerik dikey ve yatay olarak ortalanır ve en az %10'luk bir kenar boşluğu bırakılır.

- **Asimetrik denge**:

- Görsel odak noktası merkezden biraz uzakta olabilir, ancak beyaz boşluk veya küçük öğelerle dengelenmesi gerekir.

- Metin sola/sağa hizalandığında, diğer tarafa nefes alma efekti içeren bir grafik öğesi yerleştirin.

#### Dolaşım Tasarımı

- Okuma alışkanlıkları soldan sağa, büyükten küçüğe doğru.

- Önemli bilgileri görüntünün üst üçte birlik kısmına, yani "altın görüş çizgisine" yerleştirin.

İkincil bilgiler alta itilir ve yazı tipi boyutu ana metnin %70'ine küçültülür.

---

## Etkileşim ve Animasyon (Sürükleyiciliği Artırma)

### Navigasyon Sistemi

- **İlerleme Göstergesi**: Sayfanın altındaki nokta (●○○○), yakınlaştırılmış ve mevcut sayfada rengi değiştirilmiş hali.

- **Kısayol tuşu**:

- Boşluk/Sağ Ok: Sonraki Sayfa

- Sol ok: Önceki sayfa

- Sayı tuşları: İlgili sayfaya doğrudan erişim sağlar.

- **Hareketler** (Mobil): Sayfalar arasında geçiş yapmak için sola veya sağa kaydırın.

### Sayfa Geçişleri

- **Varsayılan animasyon**: 0,6 saniyelik yumuşak giriş/çıkış efekti.

- **Özel An**:

- Sayfanın başından 2. sayfasına kadar: Şınav çekin

- Dönüm noktası sayfası: Ölçek solması

- Son sayfa: Kalıcı bir etki yaratmak için uzun bir geçiş efekti (1,2 saniye).

### Elementel Giriş

- Başlık: Şeffaflık %0'dan %100'e, hafif yukarı doğru bir kaymayla (20 piksel).

- Veri: Sayı 0'dan hedef değere atlıyor (1 saniyelik animasyon)

- Görüntü: Bulanıktan netliğe (bulanıklık 10 piksel → 0 piksel)

---

## İçerik Oluşturma Kontrol Listesi

### Anlatı Bütünlüğü

Tek bir cümleyle özetlenebilecek net bir "temel bakış açısı" var mı?

Açılış sahnesi 30 saniye içinde bilişsel bir boşluk yarattı mı?

[ ] en az bir gerçek hikaye içeriyor mu (saf teoriden ziyade)?

- [ ] Bir "aydınlanma anı" yaratan tasarım var mı?

[ ] bölümü, somut ve uygulanabilir eylem önerileriyle mi sona eriyor?

### Duygusal Eğri

- [ ] Duygusal bir dalgalanma (merak → sürpriz → düşünme → umut) tasarlanmış mıydı?

- [ ] Güven oluşturmada zaafiyetler veya başarısızlıklar sergilediniz mi?

- [ ]'nin üslubu öğretici olmaktan ziyade sohbet havasında mı?

### Görsel Tutarlılık

- [ ] Her sayfada yalnızca bir görsel odak noktası mı var?

- [ ] Beyaz boşluk %30'un üzerinde mi?

- [ ] Vurgu rengi yalnızca temel bilgiler için mi kullanılıyor?

- [ ] Yazı tipi aileleri birleştirilmiş mi (en fazla 2 yazı tipi)?

### 18 Dakikalık Altın Kural

- [ ] Toplam sayfa sayısı 15 sayfayı geçmemelidir (sayfa başına ortalama 1 dakika açıklama).

- [ ] Her sayfadaki bilgi miktarı 5 saniye içinde görsel olarak algılanabilir mi?

- [ ] Gereksiz tüm değiştiriciler ve tekrarlanan bilgiler kaldırıldı mı?

---

## Örnek Sayfa Yapısı Referansı

### Örnek 1: Çarpıcı Bir Açılış Sayfası

```

[Ekranın üst 1/3'ü]

2050

[Ekstra kalın yazı tipi, ekran yüksekliğinin %15'i]

[Resmin alt orta kısmı]

Dünya üzerinde 10 milyar insan olacak.

Ancak insanların sadece %60'ı temiz suya erişebiliyor.

[Normal yazı tipi boyutu, 2.0 satır aralığı]

[Ekranın alt kısmı]

Bu rakamı değiştirmek için 27 yılımız var.

[Küçük yazı tipi, %60 şeffaflık]

```

### Örnek 2: Temel Bakış Açısı Sayfası

```

[Sol taraf %60]

[TED'in sol tarafta yer alan büyük kırmızı arka planı]

Eğitim, bir kovayı doldurmakla ilgili değildir.

Bunun yerine, alevleri tutuşturun.

[Renk bloğunun ortasına yerleştirilmiş beyaz kalın metin]

[Sağ tarafta %40]

— Yeats'ten uyarlanmıştır

[Küçük yazı tipiyle yazılmış açıklama]

[alt]

Bu, sınıf ortamını temelden yeniden tasarlamamız gerektiği anlamına geliyor.

[Tek satırlık açıklayıcı metin]

```

### Örnek 3: Veri Karşılaştırma Sayfası

```

[Ekran sol ve sağ olmak üzere ikiye bölünmüştür]

[Sol yarım]

%73

[Huge Numbers, Tech Blue]

2023'teki mevcut durum

[Sağ yarım]

%12

[Ekstra büyük rakamlar, kehribar altın]

2010 seviyesi

[orta]

[İnce ok soldan sağa doğru yönelerek değişim eğilimini göstermektedir.]

[Alt Orta]

Mobil ödeme, son on yılda tüketim alışkanlıklarını değiştirdi.

```

---

## Nihai Çıktı Gereksinimleri

### Teknik Özellikler

- Duyarlı tasarım, 1920×1080 / 1366×768 çözünürlüklerini ve iPad / cep telefonu yatay modunu destekler.

- Modern web teknolojilerini kullanarak (HTML5 + CSS Grid/Flexbox)

- Yazı tipi geri alma şeması: Çince (Source Han Sans/PingFang → Arial), İngilizce (Inter/Helvetica → Arial)

- Tüm animasyonlar, JavaScript performans yükünü azaltmak için CSS geçişleri/animasyonları kullanır.

### Erişilebilirlik

- Metin ve arka plan kontrast oranı en az 7:1 olmalıdır (WCAG AAA standardı).

- Görsellerin alternatif bir açıklaması olmalıdır (dekoratif grafikler bile "dekoratif" olarak etiketlenmelidir).

- Klavye ile gezinme için tam destek

### Teslim Edilecekler

1. Tam bir HTML dosyası (satır içi CSS ile birlikte)

2. Konuşmacı Notları (Konuşmanın her sayfasındaki önemli noktalar, ayrı bir Markdown dosyasında)

3. Yüksek çözünürlüklü dışa aktarılmış hareketsiz görüntüler (isteğe bağlı, sosyal medyada paylaşım için)

---

## Yaratıcı Zihniyet (Üst Düzey Hatırlatıcılar)

> **TED'in özünü hatırlayın:** Amaç ne kadar çok şey bildiğinizi göstermek değil, izleyicilerin kalbinde "Daha fazlasını öğrenmek istiyorum" ateşini yakmaktır.

- Her sayfada kendinize şu soruyu sorun: Eğer okuyucular dikkati dağılıp telefonlarına bakıyorlarsa, ben ne kaybediyorum? Cevap "hiçbir şey" ise, o sayfayı silin.

Veriler hikâyeye hizmet eder, tersi değil. Önce hikâyeyi bulun, sonra etkisini artırmak için verileri kullanın.

En iyi tasarım görünmezdir; izleyici "bu sunum gerçekten harika" diye değil, sunumun kilit noktalarını hatırlamalıdır.

- 18 dakikalık süre sınırı bir kısıtlama değil, bir özgürlüktür; zihninizin elmas özünü bulmanızı sağlar.

**Nihai Hedef:** Dinleyiciler toplantı salonundan ayrıldıklarında adınızı ve slaytlarınızı unutabilirler, ancak dünyaya bakış açılarını değiştiren fikri hatırlayacaklardır.