🔋 💃🏽 🚻 संक्षेप में बैनर के विकास के बारे में 👲🏼 ✴️ 🐵

नीचे हम केवल इंटरनेट बैनरों के बारे में बात करेंगे।
बैनर विकास में 4 चरण शामिल हैं:

विचार
स्टोरीबोर्ड
एनिमेशन और प्रोग्रामिंग
एक विज्ञापन मंच पर प्लेसमेंट के लिए एक बैनर तैयार करना

विचार

यह सबसे कठिन हिस्सा है। मुझे लगता है कि लगभग 5% विशेषज्ञ गुणवत्ता विचारों के साथ आ सकते हैं। यह अच्छा है अगर एक copywriter यह कर रहा है, उत्पादन की सभी संभावनाओं और सूक्ष्मताओं को समझना।
कई लोगों को एक संवादात्मक वातावरण में विचारों की छपाई के लिए स्थैतिक विचारों से पढ़ना मुश्किल लगता है। यह ध्यान देने योग्य है कि मुद्रण के लिए, आप एक विचार भी विकसित कर सकते हैं और कार्यान्वित कर सकते हैं, जिसका अर्थ है उपयोगकर्ता के साथ सहभागिता, एक इंटरैक्टिव विचार।

क्या विज्ञापन विचार अच्छा माना जाता है?

बेच रहा है । कोई समझौता नहीं हो सकता। यह महत्वपूर्ण नहीं है कि क्या कार्य एक सप्ताह में उत्पाद या सेवा को बेचना है या यदि ब्रांड 50-वर्षीय लंबी रणनीति बना रहा है। अंतिम लक्ष्य हमेशा बिक्री है।
छवि । ऐसा विचार अंततः बेचने में मदद करता है, लेकिन लंबे समय में। प्रसिद्ध ऑटोमोबाइल ब्रांड, बैंक, लंबी इतिहास वाली कंपनियां लगातार अपने ब्रांड के लिए उपभोक्ता निष्ठा बढ़ाने में लगी हुई हैं।
भावनात्मक। बैनर का एक गहरा अर्थ नहीं हो सकता है, लेकिन ब्रांड को एक बहुत ही उपयुक्त मजबूत भावनात्मक वातावरण में प्रदर्शित किया जा सकता है। यह ब्रांड पहचान के लिए अच्छी तरह से योगदान देता है, ब्रांड के साथ वांछित भावना के कनेक्शन का विकास।
सूचना देनेवाला । कुछ मामलों में, "रचनात्मकता" की अधिकता के बिना जानकारी व्यक्त करना काफी स्पष्ट है।

विचारों के किसी भी प्रकार का संयोजन संभव है। हमारे विचारों के उदाहरण निम्नलिखित हैं:

यदि डरावने लिंक वाले इस ब्लॉक से प्रतिष्ठित हाबरा उपयोगकर्ताओं के अनियंत्रित हमले होते हैं, तो मैं इसे हटा दूंगा।

स्टोरीबोर्ड

एक स्टोरीबोर्ड एक तस्वीर है जिसमें एनीमेशन के प्रमुख फ्रेम होते हैं।

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

एक ऊर्ध्वाधर बैनर स्टोरीबोर्ड विकसित करना (उदाहरण के लिए, 240x400), फ्रेम को एक पंक्ति में व्यवस्थित करने की आवश्यकता होती है। यदि 4 से अधिक हैं, तो दूसरी और बाद की लाइनों को फ्रेम स्थानांतरण की अनुमति है। आप 2 कॉलम और 3 पंक्तियों में 6 फ़्रेम का स्टोरीबोर्ड नहीं दिखा सकते, क्योंकि फ़्रेम के अनुक्रम को समझना मुश्किल होगा।

क्षैतिज बैनर के लिए स्टोरीबोर्ड (उदाहरण के लिए, 728x90) को किसी भी संख्या में फ़्रेम के साथ कॉलम में करने की आवश्यकता है।

गैर-मानक बैनर (फ्लाईस्क्रीन, स्क्रीनलाइड्स, आदि) के मामले में, स्टोरीबोर्ड को उस साइट की पृष्ठभूमि पर दिखाया जाना चाहिए जहां इसे रखा जाएगा। प्रत्येक कुंजी फ़्रेम में साइट का एक पृष्ठभूमि स्क्रीनशॉट शामिल होगा।

बैनर स्टोरीबोर्ड खींचने वाले डिजाइनर को रंग, टाइपोग्राफी के साथ रचना का ज्ञान होना चाहिए। बाद वाला रूस में 99% बैनर विज्ञापन के लिए एक व्यथा स्थल है। डिजाइनर, स्टोरीबोर्ड के विकास के लिए आगे बढ़ना, शुरू में बैनर के वजन पर प्रतिबंध को ध्यान में रखना चाहिए - केबी में आकार। आप उच्च-गुणवत्ता वाले ग्राफिक्स की एक बड़ी मात्रा के साथ एक सुंदर स्टोरीबोर्ड आकर्षित कर सकते हैं। लेकिन यह वजन से नहीं गुजरेगा, ग्राफिक्स अपमान को सिकोड़ देगा, और परिणामस्वरूप हम एक अच्छे बैनर के बजाय शांत हॉरर प्राप्त करेंगे। इस मामले में, डिजाइनर यह दावा नहीं कर सकता है कि उसने एक अच्छा स्टोरीबोर्ड तैयार किया है, और इसकी सख्त आवश्यकताओं वाली साइट को दोष देना है। स्टोरीबोर्ड विकसित करने में डिजाइनर का काम डिजाइन की आवश्यकताओं को ध्यान में रखते हुए, बैनर के वजन के लिए पूर्व-ज्ञात ढांचे में विचार का अनुवाद करने की समस्या का समाधान है।

साइटों की तकनीकी आवश्यकताओं के साथ आपके हाथों में एक मीडिया योजना होने के नाते, आपको स्टोरीबोर्ड को लागू करने के तरीके को पूर्व-चयन करना होगा। यदि बैनर स्क्रिप्ट पर्याप्त लंबी है और वजन सीमा 25 KB है, तो यह केवल वेक्टर ग्राफिक्स का उपयोग करने के लिए समझ में आता है, रास्टर को छोड़ देता है।

यदि मीडिया योजना में कई अलग-अलग आकार के बैनर हैं, तो आप ऊर्ध्वाधर प्रारूपों के लिए, क्षैतिज के लिए एक स्टोरीबोर्ड बना सकते हैं।

एनिमेशन और प्रोग्रामिंग

यह काम एक्शन स्क्रिप्ट के ज्ञान के साथ एक मोशन डिजाइनर द्वारा किया जाना चाहिए। यदि गहरी प्रोग्रामिंग की आवश्यकता होती है, तो फ्लैश डिजाइनर के साथ-साथ एक फ्लैश प्रोग्रामर को विकास में भाग लेना चाहिए। किसी भी स्थिति में आप बैनर एनीमेशन को तकनीकी कार्य नहीं मान सकते हैं और फ़्लैश टेक्नोलॉजिस्ट (प्रोग्रामर) पर भरोसा कर सकते हैं। बैनर एनीमेशन एक रचनात्मक कार्य है।

एक उदाहरण है । कल्पना कीजिए कि बैनर के परिदृश्य के अनुसार, बिंदु को बिंदु "ए" से सीधे बी के साथ "बी" बिंदु पर जाना चाहिए। तकनीकी विशेषज्ञ (प्रोग्रामर, टेक्नोलॉजिस्ट) के विपरीत एक बुद्धिमान गति डिजाइनर समझता है कि यह अनंत तरीकों से किया जा सकता है। और बिंदु के आंदोलन के कार्यान्वयन के तरीके का चुनाव संदर्भ पर निर्भर करता है।

एक उदाहरण के रूप में 5 प्रकार के एनिमेशन ।

एनीमेशन की गुणवत्ता

अब हम जानते हैं कि बिंदु "A" से बिंदु "B" तक के बिंदु का आयताकार आंदोलन कई तरीकों से पूरा किया जा सकता है। हमेशा एनीमेशन के तरीके को चुनना महत्वपूर्ण है जो संदर्भ के अनुरूप हो, अर्थात, उच्च गुणवत्ता वाला एनीमेशन बनाने के लिए। इसका क्या मतलब है?

उच्च-गुणवत्ता वाले एनीमेशन का अर्थ है एनीमेशन जो उन वस्तुओं के मामले में आंख को प्रसन्न करता है जिनका वास्तविक दुनिया में कोई एनालॉग नहीं है। एनीमेशन की स्टाइलिंग संभव है: आवश्यक संदर्भ में गति और अन्य प्रभावों को रोकें।

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

ऊपर यथार्थवादी ग्राफिक्स के लिए सच है और एनीमेशन पर लागू नहीं होता है। उत्तरार्द्ध के लिए, एनीमेशन का शैलीकरण अधिक विशिष्ट है, यह वीडियो में ज्वलंत भावनाओं को जोड़ता है।

कुछ मामलों में, विशेष स्क्रिप्ट का उपयोग करना सुविधाजनक है:

MC Tween: host.zeh.com.br/mctween/documentation.html
ग्रीनसॉक: www.greensock.com/v11

साइटों पर स्क्रिप्ट के सभी दस्तावेज हैं, यहाँ वर्णन करने का कोई मतलब नहीं है। केवल आलसी को समझ में नहीं आएगा।

एक विज्ञापन मंच पर प्लेसमेंट के लिए एक बैनर तैयार करना

पहला बैनर जो उपरोक्त चरणों (विचार, स्टोरीबोर्ड, एनीमेशन और प्रोग्रामिंग) से उत्पन्न होता है, एक अनूठा बैनर कहलाता है। साइटों के आकार और तकनीकी आवश्यकताओं के अनुसार इस बैनर के बाद के अनुकूलन को आकार कहा जाता है।

एक अनूठा बैनर कम से कम कड़े वजन प्रतिबंध के साथ सबसे सुंदर बैनर है। यदि मीडिया प्लान में निम्नलिखित आइटम हैं:
200x300, yandex.ru, 25 केबी
240x400, mail.ru, 35 KB
240x400, sports.ru, 40 KB
तब एक अनूठा बैनर sports.ru के लिए किया जाना चाहिए, 40 KB तक। Mail.ru के लिए थोड़ा सा अनुकूलन और yandex.ru के लिए सरल करें। इस दृष्टिकोण के साथ, बड़े विज्ञापन अभियानों में, हमें उच्चतम गुणवत्ता के सभी बैनर मिलते हैं।

बेईमान डेवलपर्स एक और प्रणाली का उपयोग करते हैं: वे सबसे कड़े वजन प्रतिबंधों के लिए सबसे सरल बैनर बनाते हैं (हमारे मामले में, यह yandex.ru है, 25 केबी तक), जिससे बाद में आकार बदलने और उच्च गुणवत्ता वाले बैनर से क्लाइंट के अनुकूलन के कठिन काम से छुटकारा मिल जाता है। जबकि 40 केबी तक का बैनर शानदार लग सकता है, वे इसे 25 KB तक के संस्करण के रूप में "सरलीकृत" करेंगे। बेशक, यह दृष्टिकोण अस्वीकार्य है।

PS यदि लेख रुचि का है, तो अगले में हम बैनर विज्ञापन के सुनहरे नियम और कुछ स्पष्ट चीजों के बारे में बात करेंगे, जो दुर्भाग्य से, कई डेवलपर्स और साइटों द्वारा उपेक्षित हैं।