सामग्री लेआउटका लागि मार्गदर्शक

जब हामी वेबमा सामग्रीहरू माउन्ट गर्न चाहन्छौं भने एउटा ठूलो समस्या हामीले फेला पार्‍यौं जुन मैले प्राप्त गरेको प्रस्तावहरू कहिले पनि राम्रोसँग वेबमा सफलतापूर्वक समाहित हुने कुराको सोचाइ हुँदैन। सामान्यतया समस्या यो छ कि पर्याप्त संरचना बिना डिजाईन र लेआउट प्राय: राम्रो देखिदैन, असन्तुष्ट नतिजा दिदै।

यसैले म केहि धेरै आधारभूत स्पष्टीकरण दिन जाँदै छु कि कसरी सामग्री लेआउट मा विचार गरी काम को अधिकतम गर्न सरलीकृत गर्न को लागी र परिणाम अधिकतम हो।

यस मार्गनिर्देशनको उद्देश्य भनेको प्रोग्रामिंग वा वेब विकासको ज्ञान बिना कोहीले पनि मलाई एक गुणवत्ता लेआउट दिन सक्छ र कि म कुनै कुराकानीमा निष्कर्षमा पुग्न नसक्दासम्म विचार निकाल्न धेरै समय खर्च गर्नु पर्दैन।

चरण 1: टेम्पलेट

एउटा टेम्प्लेट पाउनको लागि जहाँ हामी हाम्रो प्रस्ताव "कोर" गर्न सक्छौं, हामी के गर्न जाँदैछौं कागजको A4 पाना लिनेछौं र हामी यसलाई लम्बाइमा एक तिहाइले फोल्ड गर्नेछौं।

चरण 2: सामग्री ब्लक

कल्पना गर्नुहोस् कि हामीसँग सामग्रीको धेरै प्रकारहरू छन्: भिडियो, छवि, पाठ। प्रत्येक सामग्री आयताकार वा वर्ग ब्लक हो। हामीले आफ्नो छनौटमा टेम्पलेटको तलदेखि ब्लकहरू फिट गर्नुपर्दछ। हामी सामग्रीको तीन प्रकार वर्णन गर्नेछौं।

भिडियो ब्लक

हामी मान्दछौं कि भिडियो सामान्यतया एक YouTube भिडियो हुनेछ, हामी यसलाई निम्न प्रकारले टेम्प्लेटमा प्रतिनिधित्व गर्दछौं:

छवि ब्लक

यो तस्विर ल्यान्डस्केप वा पोर्ट्रेट हो कि होइन, त्यसमा निर्भर गर्दछ, हामी सहमत हुनेछौं।

पाठ ब्लक

छवि ब्लक जस्तै समान, हामी कसरी पाठ चाहान्छौं भन्नेमा निर्भर गर्दै हामी ब्लक वा अन्य राख्छौं। हामी यसलाई समानान्तर रेखा सहित प्रतिनिधित्व गर्दछौं।

पाठ ब्लकहरू शाब्दिक ब्लग हुन सक्छ पैराग्राफहरू सहित र पनी पनि पाठ वस्तु सूची

म दुईवटा उदाहरणहरू राख्न गइरहेको छु: ल्यान्डस्केप छविको छेउमा पाठको ब्लक, र अर्को पोर्ट्रेट छविको छेउमा:

शीर्षक ब्लक

शीर्षकहरू अलग ब्लकहरूमा जान विस्तारित ब्लकहरू हुन्छन् जसले सामान्यतया सम्पूर्ण रेखा ओगट्छन्।

बटन ब्लक

यदि हामी व्यक्तिलाई क्लिक गर्न वेबको अर्को अंशमा लैजानको लागि एउटा बटन राख्न चाहन्छौं वा केही जानकारी (वा फारम) सहितको एउटा विन्डो देखा पर्छ।

अन्य ब्लकहरू

विचार उस्तै छ। यदि हामीले ब्लकहरू कसरी काम गर्छौं भनेर बुझ्दछौं भने, मलाई लाग्छ कि हामी अर्को प्रकारको ब्लक स्पष्टसँग राख्न सक्छौं जुन अघिल्लो जस्तै, वर्ग वा आयताकार फिट हुन्छ। उदाहरण को लागी, यदि हामी सामग्री मा समाहित एक फारम राख्न चाहान्थे। यद्यपि यो सामान्यतया कम्तिमा सामान्य हो, नयाँ ब्लकहरू प्रयोग गर्नु अघि सोध्नु उत्तम हुन्छ जुन माथिको प्रकारहरूमा छैनन्। म यो सूची अपडेट गर्न कोशिस गर्नेछ किनकि नयाँ ब्लक विचारहरु आउछन् जुन सबैको लागि रूचि हुन सक्छ।

अन्तमा, यहाँ माथि उल्लेखित ब्लकका सबै प्रकारहरूको साथ एक टेम्पलेटको उदाहरण हो:

ब्लकहरू विस्तार गर्दै

यदि हामीलाई थप ठाउँ चाहिएको छ भने, हामी केवल तल पृष्ठमा ब्लक डिजाइनमा अधिक पृष्ठहरू थप्नु पर्छ। सबै चीजहरू भर्न आवश्यक छैन, तर प्रत्येक खण्डको बीच बीचबाट खाली खाली ठाउँहरू छोड्नु महत्त्वपूर्ण छ। यस तरीकाले हामी पृष्ठ विस्तार गर्न सक्दछौं:

चरण 3: सामग्री सिर्जना गर्दै

अब जब हामीसँग ब्लकहरू र ब्लकका प्रकारहरू द्वारा सामग्री लेआउट छ भने सामग्रीहरू सिर्जना गर्नु आवश्यक छ जुन ती ब्लकहरूमा जान्छ। 3 चरण 2 चरणको साथ आदानप्रदान हुन्छ। अर्को शब्दहरु मा, हामी पहिले सामग्री सिर्जना गर्न सक्नेछौं, र त्यसपछि हामी समावेश गर्न चाहेको सामग्रीको मात्रा थाहा पाएर लेआउट। यो एक तरीकाले वा अर्को तरिकामा गर्न indistinct हो, तर हामी सचेत हुनुपर्दछ कि सामग्री हाम्रो लेआउटमा ठ्याक्कै मिल्नुपर्दछ।

हामी अघिल्लो उदाहरण अनुसरण गर्नेछौं। 4 छविमा हामी निम्न ब्लकहरू देख्न सक्छौं:

• 2 शीर्षक ब्लाकहरू
• 4 पाठ ब्लकहरू
• 1 भिडियो ब्लक
• 2 छवि ब्लकहरू
• 1 बटन ब्लक
• कुल: 10 ब्लकहरू

त्यसकारण हामीले हाम्रो सामग्री समायोजित गर्नुपर्नेछ कि यो छोडी बिना नै यी ब्लकहरूमा पूर्ण रूपमा फिट हुन्छ र फन्टको आकार तिनीहरू सबैमा उस्तै उस्तै हो। त्यसका लागि सम्भव छ यसको लायक पहिले सामग्री सिर्जना गर्नुहोस् र त्यसपछि यसलाई रोक्नुहोस्। यो पहिले नै व्यक्ति मा धेरै निर्भर गर्दछ।

चरण 4: ब्लकको साथ सामग्री फिट गर्दै

मानौं हामीसँग पहिल्यै कागजमा कोरिएको डिजाइन र सबै सामग्री ब्लकहरू सिर्जना गरिएका छन। अब अन्तिम चरण यो संयोजन गर्न हो। यसका लागि हामी सबै उपकरणहरू संयोजन गर्न धेरै उपकरणहरू प्रयोग गर्नेछौं र यसलाई वेब डिजाइनरमा पठाउनुहोस्.

भिडियो ब्लकहरू

भिडियो दुई तरिकामा पारित गर्न सकिन्छ:

1. MP4 भिडियो ढाँचामा उपकरणको माध्यमबाट WeTransfer.
2. प्राथमिक विकल्प: तिनीहरूलाई YouTube मार्च च्यानलमा अपलोड गर्दै र भिडियोमा YouTube लिंकमा पास गर्दै।

यदि त्यहाँ लेआउटमा मात्र एक भिडियो छ भने त्यहाँ कुनै समस्या हुनेछैन। तर यदि त्यहाँ धेरै भिडियोहरू छन् भने हामी तिनीहरूलाई कागजातमा गरेको लेआउटसँग कुनै तरिकामा सम्बद्ध गर्नुपर्नेछ।

उदाहरण को लागी। कल्पना गर्नुहोस् कि त्यहाँ तीन भिडियोहरू छन्। लेआउटमा हामी पहिलो भिडियोमा 1 नम्बर, दोस्रो भिडियोमा 2 नम्बर र तेस्रो भिडियोमा एक 3 नम्बर कोर्नेछौं। र सबै कागजातहरू पठाउँदा हामी केहि यस्तो राख्दछौं:

• भिडियो 1: शीर्षकको साथ अहिंसाका वाक्यांशहरूसँग सम्बन्धित भिडियो: "अहिंसाका सबैभन्दा महत्त्वपूर्ण वाक्यांशहरू"
• भिडियो २: शीर्षक सहितको झण्डाको रङसँग सम्बन्धित भिडियो: "अहिंसाको झण्डा"
• भिडियो ३: अर्जेन्टिनामा मार्च गर्न गइरहेको समूहसँग सम्बन्धित भिडियो: "अर्जेन्टिनाको आधार टोली"

यसले कुन सेक्सन प्रत्येक खण्डसँग मेल खान्छ भनेर जान्न सजिलो बनाउँदछ।

छवि ब्लकहरू

यस अवस्थामा, सबै छविहरू IMGUR प्लेटफर्ममा अपलोड हुनुपर्दछ: https://imgur.com/upload

र त्यसपछि ती छविहरूमा लिङ्कहरू पास गर्नुहोस्। 1, a 2, a 3 र यस्तैमा चिन्ह लगाइएको भिडियोहरू जस्तै छविहरू राख्नु आदर्श हो। उदाहरणको लागि, हामीसँग दक्षिण अफ्रिकामा उडानमा 4 छविहरू छन् कल्पना गरौं। चारै जनाको एउटै नाम छ: "sudafrica.jpg"। ठिक छ, हामी क्रमिक नामहरू बिन्दुमा राख्छौं जहाँ तिनीहरू लेआउटमा हुनेछन् र हामी कागजमा नम्बरहरू चित्रण गर्छौं जुन तिनीहरू अनुरूप छन्। उदाहरण:

• Sudafrica-1.jpg
• Sudafrica-2.jpg
• Sudafrica-3.jpg
• Sudafrica-4.jpg

बटन, शीर्षक र पाठ ब्लकहरू

अन्तमा, यी ब्लकहरू वर्ड कागजात, वा गुगल डक्समा प्राथमिकताका साथ लेख्नुपर्दछ।

ढाँचा एकदम सरल छ: वर्ड कागजातमा हामीले ब्लकको प्रकार राख्यौं (शीर्षक, बटन, वा पाठ) त्यसपछि संख्या जुन यो लेआउटमा मिल्नेछ।

उदाहरण:

• शीर्षक १:…।
• शीर्षक २:…
• पाठ १:…
• पाठ १:…
• बटन १:…
• बटन १:…

तब मैले पूरै अनियमित पाठहरूको साथ उदाहरण कागजात राखें ताकि 4 छविको उदाहरण अनुसरण गर्दै यसलाई कसरी संरचनाको रूपमा देख्न सकिन्छ:

हामीले प्रत्येक खण्डसँग मिल्दो संख्याहरू राख्नु भएको बखत यो रूप लेआउट कस्तो देखिन्छ:

4 चरण: सबै पठाउनुहोस्

एकचोटि हामीले सबै चीज गरिसकेपछि, तपाईंले यसलाई व्यक्तिलाई पठाउनु पर्छ जो सजावटको जिम्मा लिनेछ

यो केवल लिन्छ

1. लेआउटको साथ कागजमा स्केचहरू
2. सामग्रीहरू
   • युट्यूब वा WeTransfer मा भिडियो लिंक
   • छविहरूको IMGUR लिंकहरू
   • गुगल कागजात वा वर्ड फाईलमा कागजातमा लिंक

नोटरी महत्वपूर्ण अन्तिम

आदर्श अन्तमा एक उत्कृष्ट छवि समावेश गर्नु हो जुन त्यो हो जुन पृष्ठको शिर्षक 1 हेडरको साथ हुनेछ। यसैले शीर्षक 1 सँधै सुरुमा देखा पर्दछ।

हेडर छविसँग 960 x 540 पिक्सेलको आकार हुनुपर्दछ। यस तस्विरलाई बाँकी छविहरू जस्तै IMGUR द्वारा पठाउन सकिन्छ

अन्तिम परिणाम

र अन्तमा यो सबै जानकारीको साथ, पृष्ठ सेट अप हुन्छ। निम्न उदाहरणका साथ अनुसरण गर्न र अन्तिम नतिजा सहितको पृष्ठ सबै प्यारामिटरहरू अनुसरण गर्दछ जुन हामीले पहिले उठाएका थियौं।

अन्तिम पृष्ठ