# TED Tarzı Sunum Oluşturma Önerisi

Dünya standartlarında bir TED konuşması tasarımcısı gibi hareket edin ve TED'in "yayılmaya değer fikirler" anlatım felsefesi ve görsel dilini takip ederek, verilen makale/konuya dayalı eksiksiz bir sunum dosyası oluşturun.

---

## Anlatı Yapısı Tasarımı (Kesinlikle Uymanız Gerekir)

### Slayt 1: Açılış Kancası

**Hedef:** İlk 30 saniyede dikkat çekmek, bilgi boşluğu yaratmak.

- **İçerik Seçenekleri** (birini seçin):

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

- Sezgisel olmayan ifade

- Merak uyandıran soru ("Ya sana şöyle deseydim...")

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

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

### Slayt 2: Bunun Önemi

**Amaç:** Duygusal bağ kurmak, izleyicinin "bu benimle ilgili" diye düşünmesini sağlamak.

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

- Etkilenen kişilerin ölçeğini veya kapsamını gösterin.

- **Görsel Strateji:** Yankı uyandırmak için silüetler, haritalar veya grup simgeleri kullanın.

### Slaytlar 3-4: Mevcut İkilem

**Amaç:** "Şu anki durumumuzu" göstermek ve değişimin gerekliliğini ortaya koymak.

- Belirli vakalar veya verilerle ilgili mevcut sorunları gösterin.

- Geleneksel yaklaşımların sınırlılıklarını vurgulayın

- **Görsel Ritim:** Genelden özele, soyuttan somuta

### Slayt 5: Dönüm Noktası/Kişisel Aydınlanma

**Hedef:** TED'in imzası niteliğindeki "aydınlanma anı"

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

- Düşünce biçimindeki değişimi veya atılımı gösterin.

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

### Slaytlar 6-8: Temel Fikrin Genişletilmesi

**Hedef:** "Tek bir temel fikre" derinlemesine odaklanmak (18 dakikalık konuşmanın altın kuralı)

- **Slayt 6:** Temel fikrin net bir şekilde ifade edilmesi (tek cümlelik öz)

- **Slayt 7:** Fikri destekleyen üç temel kanıt/ilke

- **Slayt 8:** Soyut kavramları somutlaştırmak için benzetmeler veya metaforlar kullanın.

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

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

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

**Hedef:** Fikri "canlandırmak", güvenilirlik oluşturmak.

- 1-2 somut uygulama örneği verin.

- Karakterler, çatışma ve dönüşüm içeren eksiksiz bir anlatı kurgusu ekleyin.

- **Duygusal Tasarım:** Gerçek mücadeleleri ve başarıları gösterin, mükemmeliyetçilikten kaçının.

### Slayt 11: Olası İtirazlara Cevap Verme

**Amaç:** Dinleyicilerin "ama..." sorularını önceden tahmin etmek ve ikna ediciliği artırmak.

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

- Sorunları çözmek için veri veya mantık kullanın.

- **Üslup:** Mütevazı ama kendinden emin, derin düşünceli olun.

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

**Hedef:** Bireysel vakaları evrensel değere yükseltmek

- Daha geniş sosyal sorunlarla, insani anlayışlarla veya gelecek vizyonuyla bağlantı kurun.

- "Peki ne olmuş yani?" sorusuna cevap verin—bu, belirli konunun ötesine neden geçiyor?

- **Görsel Yükseltme:** Geniş manzaralar, yıldızlı gökyüzü, ufuk çizgileri ve diğer görselleri kullanın.

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

**Amaç:** Kitleyi güçlendirmek, herkesin değişime katılımını sağlamak.

- **Üç Katmanlı Tasarım:**

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

- Bu hafta deneyebileceğiniz bir meydan okuma

- Uzun vadede izleyebileceğiniz bir yol haritası

- **Dil:** Öğüt verir gibi "yapmalısın" demek yerine ikinci tekil şahıs "yapabilirsin..." ifadesini kullanın.

### Slayt 15: Şiirsel Son

**Amaç:** Kalıcı bir etki bırakmak, bir anı çıpası oluşturmak.

- Başlangıç ​​sorusuna/hikayeye geri dönün, bir anlatı döngüsü oluşturun.

- Anı ölümsüzleştirmek için tek bir altın cümle veya görsel kullanın (alıntı veya orijinal).

- **Görsel:** Minimalist görsel + temel altın cümle, düşünceli bir atmosfer yaratıyor.

---

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

### Renk Felsefesi

- **Ana Renkler:**

- Arka plan: Derin #1A1A1A (TED sahne siyahı) veya sıcak #F5F1ED (bilgi paylaşımını çağrıştıran bir hava)

- Metin: Yüksek kontrastlı saf beyaz #FFFFFF veya mürekkep siyahı #0A0A0A

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

- **Merak/İlham:** TED Kırmızı #E62B1E (sadece temel fikir slaytları için)

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

- **İnsanlık/Sıcaklık:** Amber Gold #F5A623

- **Kullanım Kuralları:**

- Slayt başına en fazla 1 vurgu rengi

- Vurgu rengi ve çerçevenin %15'i

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

### Tipografi Kuralları

#### Unvan Hiyerarşisi

- **Ekstra Büyük Başlıklar** (açılış/ana fikirler):

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

- Yazı Tipi: Kalın sans-serif

- En fazla 7 kelime, gereksiz tüm edatları kaldırın.

- Örnek: ❌"İnovasyonun Önemi Hakkında" ✅"İnovasyonu Yeniden Tanımlamak"

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

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

- Boşluk: Başlık yüksekliğinin en az 1,5 katı üstte ve altta boşluk bırakılmalıdır.

- **Gövde Metni:**

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

- Satır yüksekliği: 1,8-2,0x

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

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

- Temel veriler şunları içermelidir:

- Başlık boyutunun %150-200'ü oranında büyütülecektir.

- Etrafında bol beyaz boşluk bulunan, tek başına duran bir parça.

- Mikro birim etiketleri kullanın (sayının 1/4'ü boyutunda).

- Örnek: **%73** _{kişilerin...}

### Görsel Odaklanma Stratejisi

#### Slayt Başına Kompozisyon Formülü

```

1 Görsel Çapa (çerçevenin %40-60'ı)

+ 1 Temel Mesaj (metin veya veri)

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

= 1 Slayt

```

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

- **Fotoğrafçılık:**

- Sadece hikaye anlatımı slaytları için (örnekler/duygusal bağ)

- Gerçek sahneler olmalı, hazır fotoğraflar kabul edilmemeli.

- Daha ölçülü bir görünüm için siyah beyaz filtre veya tek renkli kaplama uygulayın.

- **Simgeler/Resimler:**

- Doğrusal stil, tutarlı çizgi kalınlığı (2-3 piksel)

- Polarize boyutlandırma: Ekranın %60'ı (ana görsel) veya %8'in altında (ek görsel)

- Örnek senaryolar: İşlemler için elle çizilmiş oklar, karakterler için basit şekiller.

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

- 3 boyutlu efekt veya dekoratif unsur bulunmamaktadır.

- En fazla 3-4 veri noktası göster

- Renkler yalnızca kategorileri ayırt etmek içindir, değerleri iletmek için değil.

- Tercih edilen grafik türleri: Çubuk grafikler (karşılaştırma), çizgi grafikler (trendler), tek dilimli pasta grafikler (oranlar)

#### Metafor Görselleştirme Teknikleri

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

- "Karmaşık sistem" → Dişli takımı

- "Bağlantı" → Sinir ağı/takımyıldız çizgileri

- "Büyüme" → Ağaç/merdiven silueti

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

### Yerleşim Izgara Sistemi

#### Sayfa Yapısı

- **Tam Ekran Sürükleyici:** İçerik dikey ve yatay olarak ortalanmış, her taraftan en az %10 boşluk bırakılmış.

- **Asimetrik Denge:**

- Görsel merkez, beyaz boşluk veya mikro öğelerle dengelenerek merkezden biraz uzakta olabilir.

- Metin sola/sağa hizalandığında, nefes alma grafiği öğesini karşı tarafa yerleştirin.

#### Okuma Akışı Tasarımı

- Soldan sağa, büyükten küçüğe okuma alışkanlıkları

- Önemli bilgileri üst 1/3'lük "altın görüş hattı bölgesine" yerleştirin.

- İkincil bilgileri alta yerleştirin, yazı tipini gövde metninin %70'ine küçültün.

---

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

### Navigasyon Sistemi

- **İlerleme Göstergesi:** Alttaki noktalar (●○○○), mevcut sayfa büyütülmüş ve renklendirilmiştir.

- **Klavye Kısayolları:**

- Boşluk/Sağ ok: Sonraki slayt

- Sol ok: Önceki slayt

- Sayı tuşları: İlgili slayta atla

- **Hareketler** (mobil): Slaytları değiştirmek için sola/sağa kaydırın.

### Slayt Geçişleri

- **Varsayılan Animasyon:** 0,6 saniyelik yumuşak giriş-çıkış geçişi

- **Özel Anlar:**

- 2. slayta geçiş: Yukarı doğru itme

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

- Son slayt: Uzun soluklu geçiş (1,2 saniye) ile art ışık efekti.

### Element Girişi

- Başlık: Şeffaflık %0 ile %100 arasında, hafif yukarı doğru hareketle (20 piksel)

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

- Görüntüler: Bulanıklaştırmadan netleştirmeye (bulanıklaştırma 10px → 0px)

---

## İçerik Oluşturma Kontrol Listesi

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

- [ ] Tek bir cümleyle özetlenebilecek net bir "temel fikir" var mı?

- [ ] Açılış 30 saniye içinde bir bilgi boşluğu yaratıyor mu?

- [ ] En az 1 gerçek hikaye var mı (saf teori değil)?

- [ ] Tasarımda bir "aydınlanma anı" var mı?

- [ ] Sonuç, somut ve uygulanabilir öneriler sunuyor mu?

### Duygusal Eğri

- [ ] Duygusal iniş çıkışlar (merak→sürpriz→düşünme→umut) için tasarlanmış mıdır?

- [ ] Güven oluşturmak için güvenlik açığı veya başarısızlık gösteriliyor mu?

- [ ] Üslup, öğüt verir gibi değil de, sohbet havasında mı?

### Görsel Tutarlılık

- [ ] Her slaytın yalnızca 1 görsel odak noktası mı var?

- [ ] Boşluk oranı %30'un üzerinde mi?

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

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

### 18 Dakikalık Altın Kural

- [ ] 15 dakika içinde kontrol edilen toplam slayt sayısı (slayt başına ortalama 1 dakika)

- [ ] Her slayttaki bilgiler 5 saniye içinde görsel olarak yakalanabilir mi?

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

---

## Örnek Slayt Yapısı Referansı

### Örnek 1: Açılış Kancası Sürgüsü

```

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

2050

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

[Ekranın orta-alt kısmı]

Dünya'da 10 milyar insan olacak.

Ancak yalnızca %60'ı temiz suya erişebilecek.

[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 opaklık]

```

### Örnek 2: Temel Fikir Slaydı

```

[Solda %60]

[TED kırmızı renk bloklu arka plan, sol tarafı kaplıyor]

Eğitim değildir

bir kovayı doldurmak

ama ateş yakmak

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

[Sağ %40]

— Yeats'ten uyarlanmıştır

[Küçük metin açıklaması]

[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 Slaydı

```

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

[Sol yarım]

%73

[Ekstra büyük sayı, teknik mavi]

2023'teki Durum

[Sağ yarım]

%12

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

2010 yılındaki seviye

[Merkez]

[Soldan sağa doğru ince ok işareti, eğilimi gösteriyor]

[Alt orta]

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

```

---

## Nihai Çıktı Gereksinimleri

### Teknik Özellikler

- Duyarlı tasarım, 1920×1080 / 1366×768 / iPad / mobil yatay ekran çözünürlüklerini destekler.

- Modern web teknolojilerini kullanın (HTML5 + CSS Grid/Flexbox)

- Yazı tipi yedekleme: İngilizce (Inter/Helvetica → Arial), gerekirse Çince (Source Han Sans/PingFang → Heiti)

- Tüm animasyonlar CSS geçişleri/animasyonları kullanır, JavaScript performans kaybını önler.

### Erişilebilirlik

- Metin-arka plan kontrast oranı en az 7:1 (WCAG AAA standardı)

- Görsellerin alternatif açıklamaları olmalıdır (dekoratif grafikler bile "dekoratif" olarak işaretlenmelidir).

- Tam klavye navigasyon desteği

### Teslim Edilecekler

1. Tek dosya halinde eksiksiz HTML (satır içi CSS)

2. Konuşmacı notları (her slayt için önemli noktalar, ayrı markdown dosyası)

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

---

Yaratıcı Felsefe (Üst Düzey Hatırlatmalar)

> **TED'in Temel İlkesini Unutmayın:** Amaç ne kadar çok şey bildiğinizi göstermek değil, izleyicinin kalbinde "Daha fazlasını öğrenmek istiyorum" ateşini yakmaktır.

- Her slayt için kendinize şu soruyu sorun: Eğer izleyiciler dikkati dağılıp telefonlarına bakarlarsa, ben ne kaybederim? Cevap "hiçbir şey" ise, bu slaytı silin.

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

- En iyi tasarım görünmezdir; izleyici "bu sunum çok havalı" diye değil, fikri hatırlamalıdır.

- 18 dakikalık süre sınırı bir kısıtlama değil, bir özgürlüktür. Düşüncenizin özündeki elmas gibi değerli parçayı bulmanızı sağlar.

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

---

## Önemli Notlar

- Slaytlardaki tüm içerik İngilizce olmalıdır.

- Küresel bir kitlenin anlayabileceği basit ve etkili bir İngilizce kullanın.

- Kesinlikle gerekli olmadıkça teknik terimlerden kaçının ve kullanıldığında da bunların tanımlarını açıkça belirtin.

- Örneklerde ve metaforlarda kültürel duyarlılığı ve evrensel çekiciliği sağlayın.