# TED टॉक स्टाइल पीपीटी बनाने के टिप्स

एक विश्व स्तरीय TED टॉक डिज़ाइनर की भूमिका निभाएं और दिए गए लेखों/विषयों के आधार पर एक संपूर्ण प्रस्तुति तैयार करें, जो TED के "फैलाने लायक विचार" के कथात्मक दर्शन और दृश्य भाषा का पालन करती हो।

---

## कथा संरचना डिजाइन (इसका सख्ती से पालन किया जाना चाहिए)

### पृष्ठ 1: एक शानदार शुरुआती पृष्ठ

**उद्देश्य:** पहले 30 सेकंड के भीतर ध्यान आकर्षित करना और एक संज्ञानात्मक अंतराल पैदा करना।

- **सामग्री चयन** (चार विकल्पों में से एक चुनें):

- चौंकाने वाली डेटा तुलना ("हर 6 सेकंड में...")

- विरोधाभासी दृष्टिकोण

- जिज्ञासा जगाने वाले प्रश्न ("अगर मैं आपसे कहूँ तो क्या होगा...")

- व्यक्तिगत कहानी का एक महत्वपूर्ण क्षण ("तीन साल पहले उस रात...")

- **दृश्य संबंधी आवश्यकताएँ:** रहस्य पैदा करने के लिए एक बड़ा केंद्रीय तत्व + एक न्यूनतम पृष्ठभूमि।

### पृष्ठ 2: यह क्यों महत्वपूर्ण है

**उद्देश्य:** भावनात्मक जुड़ाव स्थापित करना, जिससे दर्शकों को यह एहसास हो कि, "यह मामला मुझसे संबंधित है।"

समस्या की सार्वभौमिकता या तात्कालिकता को समझाने के लिए 2-3 वाक्यों का प्रयोग करें।

- समस्या से प्रभावित जनसंख्या के आकार या दायरे को दर्शाइए।

- **दृश्य रणनीति**: प्रभाव पैदा करने के लिए लोगों के सिल्हूट, मानचित्र या समूह के प्रतीकों का उपयोग करें।

पृष्ठ 3-4: वर्तमान स्थिति और दुविधाएँ

**उद्देश्य:** "हम वर्तमान में कहाँ हैं" का चित्रण करना और एक निर्णायक मोड़ की आवश्यकता को स्थापित करना।

- वर्तमान समस्या को स्पष्ट करने के लिए विशिष्ट उदाहरणों या आंकड़ों का उपयोग करें।

- पारंपरिक विधियों की सीमाओं को उजागर करना

- **दृश्य लय**: व्यापक से विशिष्ट की ओर, अमूर्त से प्रत्यक्ष की ओर

### पृष्ठ 5: निर्णायक मोड़/व्यक्तिगत अंतर्दृष्टि

**लक्ष्य:** टेड का प्रतिष्ठित "अहा पल"

- एक नए दृष्टिकोण की खोज के क्षण का वर्णन करें ("जब तक मुझे एहसास नहीं हुआ...")

- सोच में बदलाव या अभूतपूर्व प्रगति का प्रदर्शन करना।

- **दृश्य डिजाइन:** संज्ञानात्मक छलांगों को दर्शाने के लिए प्रकाश, तीरों या परिप्रेक्ष्य में परिवर्तन का उपयोग करें।

पृष्ठ 6-8: मुख्य दृष्टिकोणों का विस्तार

**उद्देश्य:** "एक मूल विचार" (18 मिनट के भाषण का सुनहरा नियम) की गहन व्याख्या प्रदान करना।

- **पृष्ठ 6**: मुख्य तर्क का स्पष्ट विवरण (एक वाक्य में सारांश)

पृष्ठ 7: दृष्टिकोण का समर्थन करने वाले 3 प्रमुख प्रमाण/सिद्धांत

- **पृष्ठ 8: अमूर्त अवधारणाओं को मूर्त रूप देने के लिए उपमा या रूपक का प्रयोग**

- उदाहरण: "यह ऐसा है जैसे..." / "कल्पना कीजिए कि..."

- **दृश्य संबंधी आवश्यकताएँ:** सचित्र रूपकों का प्रयोग करें, अमूर्त चार्ट से बचें।

### पृष्ठ 9-10: वास्तविक मामले/कहानियाँ

**उद्देश्य:** विचारों को जीवंत बनाना और विश्वसनीयता स्थापित करना।

- 1-2 विशिष्ट व्यावहारिक उदाहरण प्रस्तुत करें।

- पात्रों, संघर्षों और परिवर्तनों सहित एक संपूर्ण कथा संरचना

- **भावनात्मक डिज़ाइन:** पूर्णतावाद से बचते हुए, वास्तविक संघर्षों और सफलताओं को प्रदर्शित करना।

### पृष्ठ 11: संभावित प्रश्नों के उत्तर

**उद्देश्य:** श्रोताओं के मन में उठने वाले "लेकिन..." वाले सवाल का अनुमान लगाना और अपनी बात को प्रभावी ढंग से मनवाने में मदद करना।

अपनी सीमाओं या चुनौतियों को ईमानदारी से स्वीकार करें।

- चिंताओं को दूर करने के लिए डेटा या तर्क का उपयोग करें

- **स्वर:** विनम्र होते हुए भी आत्मविश्वास से भरा हुआ, जो गहन चिंतन को दर्शाता है।

### पृष्ठ 12-13: एक अधिक महत्व

**लक्ष्य:** व्यक्तिगत मामलों से ऊपर उठकर सार्वभौमिक मूल्यों तक पहुंचना।

- व्यापक सामाजिक मुद्दों से जुड़ना, मानव स्वभाव की गहरी समझ या भविष्य के लिए दृष्टिकोण प्रस्तुत करना

- "तो क्या हुआ?" का जवाब देना — यह सवाल किसी विशिष्ट विषय से परे क्यों है

- **दृश्य संवर्धन**: विस्तृत दृश्यों, तारों भरे आकाश और क्षितिज जैसी छवियों का उपयोग करना।

### पृष्ठ 14: कार्रवाई का आह्वान

**लक्ष्य:** अपने दर्शकों को सशक्त बनाना ताकि हर कोई बदलाव में भाग ले सके।

- **तीन-परत डिजाइन**:

- एक छोटा सा काम जो आप आज कर सकते हैं

- इस सप्ताह आप इन चुनौतियों को आजमा सकते हैं

- एक ऐसी दिशा जिसे दीर्घकालिक रूप से अपनाया जा सकता है

- **भाषा:** उपदेशात्मक "आपको करना चाहिए" के बजाय द्वितीय पुरुष, "आप कर सकते हैं..." का प्रयोग करें।

### पृष्ठ 15: एक काव्यात्मक अंत

**उद्देश्य:** एक स्थायी छाप छोड़ना और स्मृति में एक मजबूत स्थान बनाना।

- कथात्मक क्रम बनाने के लिए शुरुआती प्रश्न/कहानी पर दोबारा विचार करना।

- किसी यादगार उद्धरण या छवि के साथ उस क्षण को कैद करें (आप उद्धरण लिख सकते हैं या अपना खुद का बना सकते हैं)।

- **दृश्य:** न्यूनतम दृश्य और प्रमुख उद्धरण एक चिंतनशील वातावरण का निर्माण करते हैं।

---

## दृश्य भाषा मानक (TED मंच सौंदर्यशास्त्र)

### रंग योजना का दर्शन

- **मुख्य रंग योजना**:

- पृष्ठभूमि: गहरा #1A1A1A (TED स्टेज का काला रंग) या गर्म #F5F1ED (ज्ञान साझा करने का भाव)।

- टेक्स्ट: उच्च कंट्रास्ट वाला शुद्ध सफेद #FFFFFF या गहरा काला #0A0A0A

- **एक्सेंट कलर सिस्टम** (विभिन्न भावनात्मक स्तरों का प्रतिनिधित्व):

- **जिज्ञासा/प्रेरणा**: TED रेड #E62B1E (केवल मुख्य दृष्टिकोण वाले पृष्ठों के लिए)

- **डेटा/तर्कसंगतता**: टेक ब्लू #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% से कम (पूरक स्पष्टीकरण के लिए)।

- उदाहरण परिदृश्य: प्रक्रिया को दर्शाने के लिए हाथ से बनाए गए तीरों का उपयोग करें और भूमिकाओं को दर्शाने के लिए सरल आकृतियों का उपयोग करें।

- **डेटा विज़ुअलाइज़ेशन**:

- 3डी इफेक्ट्स और सजावटी तत्वों का उपयोग प्रतिबंधित है।

- अधिकतम 3-4 डेटा बिंदु प्रदर्शित करें

- रंगों का उपयोग केवल श्रेणियों को अलग करने के लिए किया जाता है और वे संख्यात्मक मान नहीं दर्शाते हैं।

- बार चार्ट (तुलना के लिए), लाइन चार्ट (रुझानों के लिए) और सिंगल पाई चार्ट (प्रतिशत के लिए) के उपयोग को प्राथमिकता दें।

#### लाक्षणिक दृश्यीकरण तकनीकें

- अमूर्त अवधारणाओं को रोजमर्रा की वस्तुओं में परिवर्तित करना:

- "जटिल प्रणालियाँ" → गियर सेट

- "कनेक्शन" → न्यूरल नेटवर्क/कॉन्स्टेलेशन कनेक्शन

- "विकास" → पेड़/सीढ़ी की आकृति

- दोहरे अर्थ वाले ग्राफिक्स बनाने के लिए खाली स्थान का उपयोग करना

### लेआउट ग्रिड सिस्टम

#### पृष्ठ संरचना

- **फुल-स्क्रीन इमर्सिव**: सामग्री लंबवत और क्षैतिज रूप से केंद्र में होती है, जिसमें कम से कम 10% का परिधि मार्जिन होता है।

- **असममित संतुलन**:

- दृश्य केंद्र बिंदु थोड़ा हटकर हो सकता है, लेकिन इसे खाली स्थान या छोटे तत्वों के साथ संतुलित करने की आवश्यकता है।

- जब टेक्स्ट को बाएँ/दाएँ संरेखित किया जाता है, तो दूसरी तरफ एक ब्रीदिंग ग्राफिक तत्व रखें।

#### परिसंचरण डिजाइन

- बाएं से दाएं, बड़े से छोटे की ओर पढ़ने की आदत

- महत्वपूर्ण जानकारी को छवि के ऊपरी तीसरे भाग में रखें, जिसे "गोल्डन लाइन ऑफ़ साइट" कहा जाता है।

गौण जानकारी को नीचे की ओर धकेल दिया जाता है, और फ़ॉन्ट का आकार मुख्य पाठ के 70% तक कम कर दिया जाता है।

---

## अंतःक्रिया और एनिमेशन (अतिशयोक्ति को बढ़ाना)

### नेविगेशन प्रणाली

- **प्रगति सूचक**: नीचे का बिंदु (●○○○), वर्तमान पृष्ठ पर ज़ूम इन किया गया और रंग बदला गया।

- **शॉर्टकट कुंजी**:

- स्पेस/दायां तीर: अगला पृष्ठ

- बायां तीर: पिछला पृष्ठ

- संख्या कुंजी: सीधे संबंधित पृष्ठ पर पहुंचें

- **इशारे** (मोबाइल): पेज बदलने के लिए बाएँ या दाएँ स्वाइप करें

### पृष्ठ परिवर्तन

- **डिफ़ॉल्ट एनिमेशन**: 0.6 सेकंड का आसान फ़ेड-इन/फ़ेड-आउट।

- **विशेष क्षण**:

- पृष्ठ 2 के आरंभ से: पुश अप

- निर्णायक मोड़ वाला पृष्ठ: स्केल फ़ेड

- अंतिम पृष्ठ: लंबे समय तक प्रभाव बनाए रखने के लिए धीरे-धीरे दृश्य को प्रकट करना (1.2 सेकंड)।

### मौलिक प्रवेश

- शीर्षक: 0% से 100% अपारदर्शिता तक, थोड़ा ऊपर की ओर बदलाव (20px) के साथ।

- डेटा: संख्या शून्य से लक्ष्य मान तक छलांग लगाती है (1 सेकंड का एनीमेशन)

- छवि: धुंधली से स्पष्ट (धुंधलापन 10px → 0px)

---

## सामग्री निर्माण चेकलिस्ट

### कथात्मक अखंडता

क्या कोई स्पष्ट "मूल दृष्टिकोण" है जिसे एक वाक्य में सारांशित किया जा सकता है?

क्या शुरुआती दृश्य ने 30 सेकंड के भीतर संज्ञानात्मक अंतर पैदा कर दिया?

क्या [ ] में कम से कम एक वास्तविक कहानी (शुद्ध सिद्धांत के बजाय) शामिल है?

- [ ] क्या कोई ऐसा डिज़ाइन है जिसे देखकर आपको "अहा पल" का अनुभव हो?

क्या [ ] अनुभाग विशिष्ट और व्यवहार्य कार्रवाई सुझावों के साथ समाप्त होता है?

### भावनात्मक वक्र

- [ ] क्या भावनात्मक उतार-चढ़ाव (जिज्ञासा → आश्चर्य → सोच → आशा) को जानबूझकर किया गया था?

- [ ] क्या आपने विश्वास कायम करने में कमजोरियाँ या विफलताएँ प्रदर्शित कीं?

क्या [ ] का लहजा उपदेशात्मक होने के बजाय संवादात्मक है?

### दृश्य संगति

- [ ] क्या प्रति पृष्ठ केवल एक ही दृश्य फोकस है?

- [ ] क्या खाली स्थान 30% से अधिक है?

- [ ] क्या एक्सेंट कलर का उपयोग केवल मुख्य जानकारी के लिए किया जाता है?

- [ ] क्या फ़ॉन्ट परिवार एकीकृत हैं (अधिकतम 2 फ़ॉन्ट)?

### 18 मिनट का सुनहरा नियम

- [ ] पृष्ठों की कुल संख्या 15 पृष्ठों के भीतर रखी जानी चाहिए (औसतन प्रति पृष्ठ 1 मिनट की व्याख्या)।

क्या प्रत्येक पृष्ठ पर मौजूद जानकारी को 5 सेकंड के भीतर दृश्य रूप से कैप्चर किया जा सकता है?

- [ ] क्या सभी अनावश्यक संशोधक और अनावश्यक जानकारी हटा दी गई है?

---

## उदाहरण पृष्ठ संरचना संदर्भ

### उदाहरण 1: एक शानदार शुरुआती पृष्ठ

```

[स्क्रीन का ऊपरी 1/3 भाग]

2050

[अतिरिक्त बोल्ड फ़ॉन्ट, स्क्रीन की ऊंचाई का 15%]

[छवि का निचला केंद्र]

पृथ्वी पर 10 अरब लोग होंगे।

लेकिन केवल 60% लोगों को ही स्वच्छ पानी उपलब्ध है।

[सामान्य फ़ॉन्ट आकार, पंक्ति अंतराल 2.0]

[स्क्रीन के नीचे]

हमारे पास इस संख्या को बदलने के लिए 27 साल हैं।

[छोटा टेक्स्ट, 60% पारदर्शिता]

```

### उदाहरण 2: कोर व्यूप्वाइंट पेज

```

[बायां भाग 60%]

[टेड की बड़ी लाल पृष्ठभूमि, जो बाईं ओर स्थित है]

शिक्षा का मतलब बाल्टी भरना नहीं है।

इसके बजाय, आग को और भड़काओ।

[रंग ब्लॉक के बीच में सफेद मोटे अक्षरों में लिखा हुआ]

[40% दाईं ओर]

— येट्स से रूपांतरित

[सूक्ष्म अक्षरों में टिप्पणी]

[तल]

इसका मतलब है कि हमें कक्षा को मौलिक रूप से फिर से डिजाइन करने की आवश्यकता है।

[स्पष्टीकरणात्मक पाठ की एक पंक्ति]

```

### उदाहरण 3: डेटा तुलना पृष्ठ

```

[स्क्रीन को बाएँ और दाएँ दो हिस्सों में विभाजित किया गया है]

[बायां आधा भाग]

73%

[बड़ी संख्या, टेक ब्लू]

2023 की वर्तमान स्थिति

[दायाँ आधा भाग]

12%

[अतिरिक्त बड़े आकार की संख्याएँ, एम्बर गोल्ड]

2010 स्तर

[मध्य]

[पतला तीर बाएं से दाएं की ओर इंगित करता है, जो परिवर्तन की प्रवृत्ति को दर्शाता है]

[निचला बीच का]

मोबाइल भुगतान ने दस वर्षों के भीतर उपभोग की आदतों को बदल दिया है।

```

---

## अंतिम आउटपुट आवश्यकताएँ

### तकनीकी निर्देश

- रिस्पॉन्सिव डिज़ाइन, 1920×1080 / 1366×768 / iPad / मोबाइल फ़ोन लैंडस्केप मोड को सपोर्ट करता है

- आधुनिक वेब तकनीकों का उपयोग करना (HTML5 + CSS ग्रिड/फ्लेक्सबॉक्स)

- फ़ॉन्ट रोलबैक योजना: चीनी (स्रोत हान सैंस/पिंगफैंग → एरियल), अंग्रेज़ी (इंटर/हेल्वेटिका → एरियल)

- जावास्क्रिप्ट के प्रदर्शन पर पड़ने वाले अतिरिक्त भार से बचने के लिए सभी एनिमेशन CSS ट्रांज़िशन/एनिमेशन का उपयोग करते हैं।

### पहुंच

- टेक्स्ट और बैकग्राउंड का कंट्रास्ट अनुपात कम से कम 7:1 होना चाहिए (WCAG AAA मानक के अनुसार)।

- छवियों में एक वैकल्पिक विवरण होना चाहिए (यहां तक ​​कि सजावटी ग्राफिक्स को भी "सजावटी" के रूप में लेबल किया जाना चाहिए)।

- कीबोर्ड नेविगेशन के लिए पूर्ण समर्थन

### परिणाम

1. एक संपूर्ण HTML फ़ाइल (इनलाइन CSS सहित)

2. वक्ता के नोट्स (भाषण के मुख्य बिंदु प्रत्येक पृष्ठ पर, एक अलग मार्कडाउन फ़ाइल में)

3. उच्च-रिज़ॉल्यूशन वाली निर्यातित स्थिर छवियां (वैकल्पिक, सोशल मीडिया पर साझा करने के लिए)

---

## रचनात्मक मानसिकता (मेटा-लेवल अनुस्मारक)

> **TED का मूल सिद्धांत याद रखें:** यह इस बारे में नहीं है कि आप कितना जानते हैं, बल्कि दर्शकों के दिलों में "मैं और अधिक जानना चाहता हूँ" की भावना जगाने के बारे में है।

- हर पेज पर खुद से यह सवाल पूछें: अगर दर्शक अभी विचलित होकर अपने फोन देख रहे हैं, तो मुझे क्या नुकसान हो रहा है? अगर जवाब "कुछ नहीं" है, तो उस पेज को डिलीट कर दें।

डेटा कहानी को आगे बढ़ाता है, न कि इसके विपरीत। पहले कहानी खोजें, फिर उसके प्रभाव को बढ़ाने के लिए डेटा का उपयोग करें।

सबसे अच्छा डिजाइन वह होता है जो दिखाई न दे—दर्शकों को मुख्य बिंदु याद रहने चाहिए, न कि "यह पीपीटी वाकई बहुत बढ़िया है।"

- 18 मिनट की समय सीमा एक बंधन नहीं, बल्कि एक मुक्ति है; यह आपको अपने मन के हीरे जैसे मूल तत्व को खोजने के लिए मजबूर करती है।

**अंतिम लक्ष्य:** जब श्रोतागण मीटिंग रूम से बाहर निकलें, तो वे शायद आपका नाम और आपकी स्लाइड्स भूल जाएं, लेकिन वे उस विचार को जरूर याद रखेंगे जिसने दुनिया को देखने का उनका नजरिया बदल दिया।