इलेक्ट्रॉनिक पत्रिका शैली की पीपीटी

बनाया गया
YYouMind Official
इंस्टॉल किया
66
श्रेणीवेबपेज
स्रोतYouMind
संपादक की पसंद

द्वारा चयनित

淡苍

हमें यह कौशल क्यों पसंद है

यह कौशल "ई-मैगज़ीन × ई-इंक" शैली में वेब-आधारित पीपीटी तैयार कर सकता है, जिसमें अद्वितीय वेबजीएल फ्लूइड बैकग्राउंड और उत्कृष्ट फ़ॉन्ट संयोजन होते हैं, जिससे आपकी प्रस्तुतियाँ मोनोकल पत्रिका जितनी परिष्कृत और अत्यधिक वैयक्तिकृत हो जाती हैं।

निर्देश

आउटपुट जनरेट करने के लिए वेबपेज का उपयोग करना याद रखें, और आपको उपयोगकर्ता से यह पूछना होगा कि वे किस भाषा का उपयोग करना चाहते हैं।

वेबजीएल फ्लूइड बैकग्राउंड, सेरिफ़ हेडिंग + सैन्स-सेरिफ़ बॉडी टेक्स्ट, चैप्टर कवर, बड़े डेटा बैनर और इमेज ग्रिड जैसे टेम्प्लेट सहित, "ई-मैगज़ीन × ई-इंक" शैली में क्षैतिज रूप से फ्लिप होने वाली वेब-आधारित पीपीटी (एकल एचटीएमएल फ़ाइल) बनाएं। इसका उपयोग तब करें जब उपयोगकर्ताओं को साझा करने/प्रस्तुतियों/लॉन्च इवेंट्स के लिए वेब-आधारित पीपीटी बनाने की आवश्यकता हो, या जब वे "मैगज़ीन-शैली पीपीटी", "क्षैतिज स्वाइप डेक", "संपादकीय पत्रिकाएं" या "ई-इंक प्रस्तुतियों" का संदर्भ दे रहे हों।

# पत्रिका वेब पीपीटी

## यह कौशल क्या करता है?

क्षैतिज स्लाइड शो प्रारूपण के साथ एक एकल-फ़ाइल HTML फ़ाइल जनरेट करें। विज़ुअल स्टाइल इस प्रकार है:

- ई-मैगज़ीन और ई-इंक का मिश्रित रूप।

- **WebGL फ्लूइड/कंटूर/डिस्पर्शन बैकग्राउंड** (हीरो पेज देखें)

- **सेरिफ़ हेडिंग्स (नोटो सेरिफ़ एससी + प्लेफेयर डिस्प्ले) + सैन्स-सेरिफ़ बॉडी टेक्स्ट (नोटो सैन्स एससी + इंटर) + मोनोस्पेस्ड मेटाडेटा (आईबीएम प्लेक्स मोनो)**

- **ल्यूसाइड लीनियर आइकन** (इमोजी की आवश्यकता नहीं)

- **पृष्ठों को क्षैतिज रूप से पलटना (कीबोर्ड पर बाएँ और दाएँ, स्क्रॉल व्हील, टच स्क्रीन स्वाइप, नीचे का बिंदु, ESC कुंजी)**

- **थीम का सहज इंटरपोलेशन**: हीरो पेज पर नेविगेट करते समय रंग और शेडर सहज रूप से बदलते हैं।

इस कौशल की सौंदर्यशास्त्रीयता न तो "बिजनेस पॉवरपॉइंट" है और न ही "उपभोक्ता इंटरनेट यूआई" - यह कोड चिपकाए गए *मोनोकल* पत्रिका की तरह है।

## कब उपयोग करें

**उपयुक्त परिस्थितियाँ:**

- ऑफ़लाइन विचार-विमर्श सत्र / उद्योग जगत पर चर्चाएँ / निजी बैठकें

- एआई के नए उत्पाद का लॉन्च/डेमो दिवस

- एक सशक्त व्यक्तिगत शैली वाला भाषण

- स्लाइड का एक वेब-आधारित संस्करण चाहिए जिसे पेज पलटने वाले टूल के बिना एक ही बार में पूरा किया जा सके।

**अनुचित परिस्थितियाँ:**

- तालिका डेटा के बड़े भाग और उस पर अंकित चार्ट (मानक पॉवरपॉइंट प्रस्तुतियों का उपयोग करके)

- प्रशिक्षण सामग्री (सूचना की अपर्याप्त मात्रा)

- इसमें कई लोगों द्वारा सहयोगात्मक संपादन की आवश्यकता है (यह स्थिर HTML है)

### चरण 1 · आवश्यकताओं को स्पष्ट करें (**शुरू करने से पहले आवश्यक**)

यदि उपयोगकर्ता ने पहले ही पूरी रूपरेखा और चित्र उपलब्ध करा दिए हैं, तो आप चरण 2 पर जा सकते हैं।

यदि उपयोगकर्ता केवल विषय या अस्पष्ट विचार देता है, तो शुरू करने से पहले इसे इन 6 प्रश्नों के साथ एक-एक करके मिला लें। अनुमान के आधार पर स्लाइड लिखना शुरू न करें—एक बार संरचना गलत हो जाने पर, बाद में संशोधन करना बहुत महंगा पड़ता है। प्रश्न पूछने के लिए आप askUserQuestion टूल का उपयोग कर सकते हैं।

#### 6 स्पष्टीकरण प्रश्न

| # | प्रश्न | क्यों पूछें? |

|---|------|-----------|

| 1 | **दर्शक कौन हैं? साझाकरण का परिदृश्य क्या है?** (उद्योग के विशेषज्ञ/व्यापार का शुभारंभ/प्रदर्शन दिवस/निजी बैठक) | भाषा शैली और गहराई निर्धारित करता है |

| 2 | **साझा करने की अवधि?** | 15 मिनट ≈ 10 पृष्ठ, 30 मिनट ≈ 20 पृष्ठ, 45 मिनट ≈ 25-30 पृष्ठ |

| 3 | **क्या आपके पास कोई मूल सामग्री है?** (दस्तावेज़/डेटा/पुरानी पीपीटी/लेख लिंक) | यदि आपके पास सामग्री है, तो उसका उपयोग करें; यदि नहीं, तो उसके लिए कुछ और बनाएं। |

| 4 | **क्या कोई चित्र हैं? उन्हें कहाँ रखा जाना चाहिए?** | नीचे "चित्र संबंधी नियम" देखें |

| 5 | **आप कौन सा थीम रंग चाहते हैं?** | @themes.md देखें, 5 प्रीसेट में से एक चुनें |

| 6 | **क्या कोई सख्त प्रतिबंध हैं?** (XX डेटा शामिल होना चाहिए / YY नहीं होना चाहिए) | पुनः कार्य से बचने के लिए |

#### रूपरेखा बनाने में सहायता (यदि उपयोगकर्ता के पास रूपरेखा नहीं है)

रूपरेखा तैयार करने के लिए "कथा चाप" टेम्पलेट का उपयोग करें, फिर उसमें सामग्री भरें:

```

हुक → पृष्ठ 1: लोगों को रुकने के लिए प्रेरित करने हेतु एक विरोधाभास/प्रश्न/ठोस डेटा प्रस्तुत करें।

विषयवस्तु का परिचय (संदर्भ) → पृष्ठ 1-2: पृष्ठभूमि स्पष्ट करें / आप कौन हैं / आप इस विषय पर क्यों बात कर रहे हैं

मुख्य सामग्री (कोर) → पृष्ठ 3-5: मुख्य सामग्री, लेआउट 4/5/6/9/10 के साथ मिश्रित।

शिफ्ट → पृष्ठ 1: अपेक्षाओं को तोड़ना / एक नया दृष्टिकोण प्रस्तुत करना

मुख्य बिंदु → पृष्ठ 1-2: प्रमुख उद्धरण / रोमांचक प्रश्न / कार्रवाई के सुझाव

```

कथा का क्रम + पृष्ठ संख्या नियोजन + विषयगत लय सारणी (देखें @layouts.md ), चरण 2 पर आगे बढ़ने से पहले **तीनों सारणियों को संरेखित करें**।

बाद में आसानी से बदलाव करने के लिए रूपरेखा को `प्रोजेक्ट रिकॉर्ड` या `आउटलाइन-v1` के रूप में सहेजने की सलाह दी जाती है।

#### छवि संबंधी नियम (उपयोगकर्ताओं को सूचित करें)

आगे बढ़ने से पहले उपयोगकर्ता को निम्नलिखित बातें समझाएं:

- **छवि का स्थान**: बोर्ड में कौन सी छवि है, या कौन सी छवि अपलोड की गई थी?

- **यदि चित्र न हों तो क्या होगा?**: उपयोगकर्ता के लेआउट के अनुरूप बनाने के लिए, आप पहले प्लेसहोल्डर रंग ब्लॉकों का उपयोग करके संरचना बना सकते हैं और बाद में चित्र जोड़ सकते हैं; हालाँकि, आपको लेआउट 4/5/10 और अन्य मिश्रित पाठ और चित्र पृष्ठों को सूचित करना होगा कि चित्रों के बिना दृश्य प्रभाव को सत्यापित नहीं किया जा सकता है।

### चरण 2 · संदर्भ टेम्पलेट

@template.txt एक **पूर्ण और कार्यात्मक** HTML फ़ाइल है—CSS, WebGL शेडर, पेजिंग JS और फ़ॉन्ट/आइकन CDN सभी पहले से सेट हैं; केवल `<main id="deck">` में 3 नमूना स्लाइड (कवर, अध्याय कवर और खाली पेज) शामिल हैं।

#### 2.1 · वे प्लेसहोल्डर जिन्हें बदलना आवश्यक है (**आसानी से नज़रअंदाज़ हो सकते हैं**)

कॉपी करने के तुरंत बाद, निम्नलिखित प्लेसहोल्डर्स को बदलें; अन्यथा, आपके ब्राउज़र टैब में "[आवश्यक] पीपीटी शीर्षक से बदलें" जैसा अटपटा टेक्स्ट प्रदर्शित होगा:

| स्थान | मूल | इसमें परिवर्तन करना होगा |

|------|------|--------|

| `<शीर्षक>` | `[आवश्यक] पीपीटी शीर्षक से बदलें · डेक शीर्षक` | वास्तविक डेक शीर्षक (उदाहरण के लिए, `काम करने का एक नया तरीका · ल्यूक व्रोब्लेव्स्की`) |

#### 2.2 · थीम रंग चुनें (5 पूर्व निर्धारित रंग · कस्टम रंगों की अनुमति नहीं है)

यह कौशल **केवल 5 सावधानीपूर्वक चयनित प्रीसेट में से चयन की अनुमति देता है**, और उपयोगकर्ता द्वारा परिभाषित हेक्स मानों को स्वीकार नहीं करता है—रंगों का बेमेल होना छवि को तुरंत बदसूरत बना देता है; सौंदर्यशास्त्र की रक्षा करना स्वतंत्रता देने से अधिक महत्वपूर्ण है।

| # | थीम | के लिए उपयुक्त |

|---|------|------|

| 1 | 🖋 क्लासिक इंक | सामान्य/व्यावसायिक रिलीज़/डिफ़ॉल्ट यदि अनिश्चित हों |

| 2 | 🌊 इंडिगो पोर्सिलेन | प्रौद्योगिकी/अनुसंधान/डेटा/प्रौद्योगिकी लॉन्च सम्मेलन |

| 3 | 🌿 फ़ॉरेस्ट इंक | प्रकृति/स्थिरता/संस्कृति/गैर-काल्पनिक लेखन |

| 4 | 🍂 क्राफ्ट पेपर | पुरानी यादें/मानविकी/साहित्य/स्वतंत्र पत्रिका |

| 5 | 🌙 रेत के टीले | कला/डिज़ाइन/रचनात्मकता/गैलरी |

**संचालन करें**:

1. विषय के आधार पर सामग्री का एक सेट सुझाएं, या सीधे उपयोगकर्ता से पूछें कि वे कौन सा सेट चुनना चाहेंगे।

2. @themes.md फ़ाइल खोलें और संबंधित थीम के लिए `:root` ब्लॉक ढूंढें।

3. @template.txt के प्रारंभ में `:root{` ब्लॉक के भीतर "थीम रंग" के रूप में चिह्नित पंक्तियों का **पूर्ण प्रतिस्थापन** (`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)।

4. अन्य सभी सीएसएस में `var(--...)` का उपयोग किया गया है, जिसमें किसी अन्य संशोधन की आवश्यकता नहीं है।

**कठोर नियम**:

- प्रत्येक डेक के लिए केवल एक ही थीम का उपयोग करें; बीच में रंग योजना न बदलें।

- उपयोगकर्ता द्वारा दिए गए मनमाने हेक्स मानों को स्वीकार न करें—विनम्रतापूर्वक अस्वीकार करें और चयन के लिए 5 विकल्प दिखाएं।

- अलग-अलग रंगों का इस्तेमाल न करें (जैसे, इंक क्लासिक के लिए स्याही, ड्यून के लिए कागज) - यह बिल्कुल बेमेल लगेगा।

### चरण 3 · सामग्री भरें

#### 3.0 · प्रीफ़्लाइट जाँच: क्लास के नाम @template.txt में परिभाषित होने चाहिए (**अत्यंत महत्वपूर्ण**)

जनरेशन संबंधी सभी समस्याओं की जड़ यही है। @layouts.md का ढांचा कई क्लास नामों (`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5`, आदि) का उपयोग करता है। यदि `assets/template.html` के `<style>` में कोई संबंधित परिभाषा नहीं है, तो ब्राउज़र डिफ़ॉल्ट स्टाइल का उपयोग करेगा—शीर्षक बिना सेरिफ़ फ़ॉन्ट के हो जाते हैं, डेटा कार्ड आपस में सट जाते हैं, पाइपलाइन एक ही लाइन में धुंधली हो जाती हैं, और छवियां पृष्ठ के निचले भाग में ढेर हो जाती हैं।

स्लाइड कोड लिखने से पहले:

1. **सबसे पहले, @template.txt पढ़ें** (कम से कम `<style>` ब्लॉक के अंत तक)।

2. यह सुनिश्चित करने के लिए कि आप जिन क्लासों का उपयोग करना चाहते हैं, वे सभी `<style>` टैग में मौजूद हैं, @layouts.md में प्री-फ्लाइट सूची देखें।

3. यदि कोई क्लास अनुपस्थित है: **इसे @template.txt के `<style>` सेक्शन में जोड़ें**, इसे प्रत्येक स्लाइड में इनलाइन रूप से पुनः न लिखें।

4. **@template.txt क्लास नामों का एकमात्र स्रोत है**—नए क्लास नाम न बनाएँ; यदि आपको उन्हें अनुकूलित करने की आवश्यकता है, तो `style="..."` का उपयोग इनलाइन करें।

आमतौर पर अनदेखी की जाने वाली कक्षाएं (जिनके अस्तित्व की पुष्टि पहले से ही आवश्यक है):

`h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`

#### 3.0.5 · विषय की गति की योजना बनाना (**कक्षा में पूर्व-पहचान के समान ही महत्वपूर्ण**)

लेआउट चुनने से पहले, आपको प्रत्येक पृष्ठ के लिए थीम क्लास (`हीरो डार्क` / `हीरो लाइट` / `लाइट` / `डार्क`) सूचीबद्ध करनी होगी और इसे किसी दस्तावेज़ या ड्राफ्ट में संरेखित करना होगा। विस्तृत नियमों के लिए @layouts.md से शुरू होने वाले "थीम रिदम प्लानिंग" अनुभाग को देखें।

**अनिवार्य नियम**:

- प्रत्येक पृष्ठ अनुभाग में `लाइट`, `डार्क`, `हीरो लाइट` या `हीरो डार्क` में से कोई एक होना चाहिए; केवल `हीरो` न लिखें।

एक ही विषय पर लगातार 3 से अधिक पृष्ठ पढ़ने से आंखों में थकान होती है, जो कि अनुमत नहीं है।

- पृष्ठ 8 या उससे अधिक में कम से कम एक "अंधकारमय नायक" और कम से कम एक "उज्ज्वल नायक" होना चाहिए।

- पूरी किताब में केवल हल्के रंग के पाठ वाले पृष्ठ ही नहीं होने चाहिए; इसमें पर्याप्त जगह बनाने के लिए गहरे रंग के पाठ वाले पृष्ठ भी शामिल होने चाहिए।

- प्रत्येक 3-4 पृष्ठों में एक हीरो पेज डालें (कवर/बैक कवर/प्रश्न/बड़ा उद्धरण)

**उत्पादन के बाद स्व-जांच: `grep 'class="slide' index.html` सभी विषयों को सूचीबद्ध करता है; मैन्युअल सत्यापन यह सुनिश्चित करता है कि डिलीवरी से पहले गति उचित है।

#### 3.1 · लेआउट का चयन करना

स्लाइड को शुरू से न लिखें। `@layouts.md` फ़ाइल खोलें, जिसमें 10 तैयार लेआउट स्केलेटन हैं, जिनमें से प्रत्येक एक पूर्ण और पेस्ट करने योग्य `<section>` कोड ब्लॉक है:

| लेआउट | उद्देश्य |

|---|---|

| 1. मुखपृष्ठ का उद्घाटन | पृष्ठ 1 |

| 2. अध्याय का मुखपृष्ठ | प्रत्येक अंक का आरंभ |

3. डेटा-आधारित पोस्टर | ठोस डेटा प्रस्तुत करना |

| 4. बाएँ पाठ, दाएँ चित्र (उद्धरण + चित्र) | पहचान का विरोधाभास / कहानी |

| 5. इमेज ग्रिड | एकाधिक छवियों की तुलना / स्क्रीनशॉट साक्ष्य |

6. दो-पाइपलाइन | कार्यप्रवाह |

| 7. सस्पेंस समाप्त/प्रश्न पृष्ठ | अध्याय का अंत/अंतिम भाग |

8. महत्वपूर्ण उद्धरण | संक्षिप्त रूप/मुख्य बिंदु |

| 9. समानांतर तुलना (पहले / बाद में) | पुराना मोड बनाम नया मोड |

| 10. चित्र और पाठ का संयोजन | सूचना से भरपूर चित्र और पाठ पृष्ठ |

संबंधित लेआउट का चयन करें, उसे पेस्ट करें और टेक्स्ट और इमेज पाथ को संशोधित करें। **पहले 3.0 प्रीफ़्लाइट चेक पूरा करें।**

#### 3.2 छवि पहलू अनुपात मानक

हमेशा **मानक आस्पेक्ट रेशियो** का उपयोग करें, मूल छवि के विषम आस्पेक्ट रेशियो (जैसे `2592/1798`) का कभी भी उपयोग न करें:

| परिदृश्य | अनुशंसा अनुपात |

|------|---------|

| बाईं ओर पाठ, दाईं ओर छवि (मुख्य छवि) | 16:10 या 4:3 + `max-height:56vh` |

| इमेज ग्रिड (एकाधिक इमेज तुलना) | **निश्चित `ऊंचाई: 26vh`**, आस्पेक्ट-रेशियो की आवश्यकता नहीं |

| बाईं ओर छोटी छवि + दाईं ओर पाठ | 1:1 या 3:2 |

| फुल-स्क्रीन मुख्य दृश्य | 16:9 + `max-height:64vh` |

| मिश्रित पाठ और चित्र लेआउट में छोटे चित्र | 3:2 या 3:4 |

**छवियों पर कभी भी `align-self:end` का प्रयोग न करें**—इससे छवियां सेल के नीचे खिसक जाएंगी और ब्राउज़र टूलबार द्वारा छिप जाएंगी। छवियों को ऊपर रखने के लिए `align-items:start` (टेम्प्लेट में पहले से परिभाषित) के साथ ग्रिड कंटेनर का उपयोग करें; छवियों को बाईं ओर के कॉलम में नीचे रखने के लिए, `justify-content:space-between` के साथ फ्लेक्स कॉलम का उपयोग करें।

कंपोनेंट की जानकारी (फ़ॉन्ट, रंग, ग्रिड, आइकन, कॉलआउट, स्टेट कार्ड आदि) @components.md में है।

### चरण 4 · चेकलिस्ट के अनुसार स्वयं की जाँच करें

चेकलिस्ट तैयार करने के बाद, @checklist.md फ़ाइल खोलकर प्रत्येक आइटम को निर्देशों के अनुसार जांच लें। इसमें वास्तविक पुनरावृति प्रक्रिया के दौरान सामने आई सभी समस्याओं का सारांश दिया गया है, और P0 स्तर की सभी समस्याओं (इमोजी, इमेज ओवरलोडिंग, शीर्षक में लाइन ब्रेक, फ़ॉन्ट विभाजन) का समाधान होना आवश्यक है।

कुछ बिंदुओं पर विशेष ध्यान देना आवश्यक है:

1. **मुख्य शीर्षक सेरिफ़ फ़ॉन्ट में होने चाहिए**—यदि वे सेन्स-सेरिफ़ के रूप में प्रदर्शित होते हैं, तो 99% संभावना है कि चरण 3.0 प्रीफ़्लाइट जाँच विफल हो गई है, और template.html में `h-hero` क्लास अनुपस्थित है।

2. **छवि ग्रिड में केवल `height:Nvh` का उपयोग करें, `aspect-ratio` का उपयोग न करें (इससे ग्रिड टूट जाएगा)।**

3. **छवियों को पृष्ठ के निचले भाग में न धकेलें** — `align-self:end` का उपयोग न करें, इसके बजाय ग्रिड + `align-items:start` का उपयोग करें (चरण 3.2 देखें)

4. **छवियों का मानक आस्पेक्ट रेशियो होना चाहिए** (16:10 / 4:3 / 3:2 / 1:1 / 16:9)। असामान्य आस्पेक्ट रेशियो वाली छवियों की प्रतिलिपि न करें।

5. **चीनी भाषा के मुख्य शीर्षकों की लंबाई 5 अक्षरों से कम नहीं होनी चाहिए और उनमें `nowrap` का प्रयोग करना चाहिए (प्रति पंक्ति 1 अक्षर से अधिक न लिखें)**

6. **इमोजी के बजाय लुसाइड का प्रयोग करें।**

7. **शीर्षकों के लिए सेरिफ़ फ़ॉन्ट, मुख्य पाठ के लिए सैन्स-सेरिफ़ फ़ॉन्ट और मेटाडेटा के लिए निश्चित चौड़ाई वाले फ़ॉन्ट का प्रयोग करें।**

### चरण 5 · पुनरावृति

उपयोगकर्ता की प्रतिक्रिया के आधार पर संशोधित—टेम्प्लेट का CSS अब अत्यधिक पैरामीटराइज्ड है, जिसमें 90% समायोजन इनलाइन शैलियों (font-size:Xvw / height:Yvh / spacing:Zvh) में परिवर्तन हैं।

टेम्पलेट.txt
थीम्स.एमडी
layouts.md
घटक.एमडी
चेकलिस्ट.एमडी
वेबपेज

## मुख्य डिजाइन सिद्धांत (दर्शन)

ये सिद्धांत एक व्यक्ति द्वारा संचालित कंपनी के लिए पीपीटी प्रेजेंटेशन बनाने के पांच प्रयासों के परिणाम स्वरूप तैयार किए गए हैं। इनमें से किसी एक का भी उल्लंघन करने से प्रेजेंटेशन की दृश्य सुंदरता खराब हो जाएगी।

1. **तकनीकी उत्कृष्टता पर संयम** — वेबजीएल पृष्ठभूमि केवल हीरो पेजों पर दिखाई देती है, और सामान्य पेजों पर लगभग अदृश्य होती है।

2. **सजावट की बजाय संरचना पर ज़ोर** — कोई परछाई नहीं, कोई तैरते हुए कार्ड नहीं, कोई पैडिंग बॉक्स नहीं; सारी जानकारी **बड़े फ़ॉन्ट आकार + फ़ॉन्ट कंट्रास्ट + ग्रिड स्पेसिंग** के माध्यम से दी जाती है।

3. **विषयवस्तु का क्रम फ़ॉन्ट आकार और फ़ॉन्ट प्रकार द्वारा निर्धारित किया जाता है** — अधिकतम सेरिफ़ = मुख्य शीर्षक, मध्यम सेरिफ़ = उपशीर्षक, बड़ा सैन्स-सेरिफ़ = लीड, छोटा सैन्स-सेरिफ़ = बॉडी, निश्चित चौड़ाई = मेटाडेटा

4. **छवियां सर्वोपरि हैं** — छवि के केवल निचले हिस्से को क्रॉप करें, यह सुनिश्चित करते हुए कि ऊपरी और बाएँ/दाएँ हिस्से बरकरार रहें; ग्रिड को `height:Nvh` से ठीक करें, इसे विस्तारित करने के लिए `aspect-ratio` का उपयोग न करें।

5. **हीरो पेजों के साथ तालमेल बनाए रखें** — हीरो और नॉन-हीरो पेजों के बीच बारी-बारी से पढ़ने से आंखों पर पड़ने वाले तनाव को रोकने में मदद मिलती है।

6. **शब्दावली की एकरूपता** — कौशल का अनुवाद कौशल के रूप में किया जाना चाहिए, न कि चीनी और अंग्रेजी के मिश्रण के रूप में।

## संदर्भ

इस कौशल की दृश्य शैली इससे प्रेरित है:

- "वन-पर्सन कंपनी: एआई द्वारा ध्वस्त संगठन" (22 अप्रैल, 2026, पृष्ठ 27) का साझाकरण

- *मोनोकल* पत्रिका का लेआउट

- वाईसी अध्यक्ष गैरी टैन के ब्लॉग पोस्ट "पतली लगाम, भरपूर कौशल" का एक डेमो

इनका उपयोग स्टाइल एंकर के रूप में किया जा सकता है।

विवरण

[मूल रूप से @GuiCang द्वारा] यह एक क्षैतिज रूप से पलटने योग्य वेबपेज पीपीटी (एकल एचटीएमएल फ़ाइल) तैयार करता है, जो "ई-मैगज़ीन × ई-इंक" प्रस्तुति शैली में होती है। इसमें वेबजीएल फ्लूइड बैकग्राउंड, सेरिफ़ हेडिंग + सैन्स-सेरिफ़ बॉडी टेक्स्ट, चैप्टर कवर, बड़े डेटा बैनर, इमेज ग्रिड और अन्य टेम्पलेट शामिल हैं। इसका उपयोग तब करें जब उपयोगकर्ताओं को शेयरिंग/प्रस्तुतियों/लॉन्च इवेंट्स के लिए वेबपेज पीपीटी बनाने की आवश्यकता हो, या जब वे "मैगज़ीन-शैली पीपीटी," "क्षैतिज स्वाइप डेक," "संपादकीय पत्रिका," या "ई-इंक प्रस्तुति" का उल्लेख कर रहे हों।

संबंधित कौशल

सभी देखें
वेबपेज

तिब्बती मंदिरों का अन्वेषण करें

7 क्षेत्रों और 6 संप्रदायों में फैले 62 तिब्बती बौद्ध मठों और 6 गुफा/भित्तिचित्र स्थलों के इंटरैक्टिव मानचित्र, सूचना सूचियाँ, तीर्थयात्रा कार्यक्रम या तुलनात्मक विश्लेषण तैयार करें। यह द्विभाषी आउटपुट, दूरी मापन और डेटा सुधार का समर्थन करता है।

E
3100
वेबपेज

दस्तावेज़ को अकॉर्डियन गैलरी में बदलें

उत्पाद परिचय दस्तावेज़ स्वचालित रूप से एक क्षैतिज अकॉर्डियन कार्ड गैलरी में विभाजित हो जाता है। ब्रांड की विशिष्टताओं से रंग योजनाओं को निकालकर एआई चित्र तैयार किए जाते हैं, जिससे अंततः एक साझा करने योग्य, इंटरैक्टिव वेबपेज बनता है। https://youmind.club/a/jLpgKPahOY1tJF

G
720

· 公众号黑白深度排版指南

वेबपेज

वीचैट आधिकारिक खाते का लेआउट: काले और सफेद रंग में क्रमांकन, विस्तृत लंबे लेख शैली

1. लेख की सामग्री स्वचालित रूप से थीम वाले वीचैट आधिकारिक खाते के लेआउट टेम्पलेट में फिट हो जाती है, जिससे "एक क्लिक में रिच टेक्स्ट कॉपी करें" बटन के साथ एक पूर्वावलोकन वेबपेज तैयार हो जाता है। कॉपी करने के बाद, इसे सीधे वीचैट आधिकारिक खाते के संपादक में पेस्ट किया जा सकता है, और सभी लेआउट शैलियाँ पूरी तरह से संरक्षित रहती हैं। वीचैट आधिकारिक खाते के संपादक की सीमाओं के कारण, छवियों को मैन्युअल रूप से जोड़ना होगा। 2. तैयार की गई सामग्री की गुणवत्ता मॉडल के आधार पर भिन्न होती है। उदाहरण डीपसीक प्रो द्वारा तैयार किया गया है।

L
61k

अपना अगला पसंदीदा कौशल खोजें

शोध, निर्माण और रोज़मर्रा के काम के लिए और अधिक चयनित AI कौशल खोजें।

सभी कौशल देखें