क्यूब्स और चित्रलेखों से एक चित्रण कैसे इकट्ठा करें

UX डिजाइनर को खोजने के लिए एक वायरल साइट के साथ एक सफल मामले के बाद जिसने रचनात्मकता के लिए कई प्रतिष्ठित पुरस्कार एकत्र किए हैं, हमें खुशी है कि व्यावसायिक समुदाय द्वारा वीम सॉफ्टवेयर क्रिएटिव विभाग के एक और काम को नोट किया गया है: Behance पर आधिकारिक एडोब इलस्ट्रेटर गैलरी में कॉर्पोरेट चित्रण के लिए दिशानिर्देश शामिल किए गए हैं।



किसी भी बड़े संगठन की तरह, हमारी कंपनी बहुत सारी जानकारी उत्पन्न करती है। यह रचनात्मक विभाग के लिए एक गंभीर चुनौती है, क्योंकि यह डिजाइनर हैं जिन्हें विपणन और अन्य संचार के अंतहीन प्रवाह को चित्रित करना और चित्रित करना है। हमारे सहकर्मी जितना अधिक बताना चाहते हैं, उतनी बार वे इसे स्पष्ट करने के लिए कहते हैं, क्योंकि पाठ की विशाल जनता खुद को खराब या बहुत धीरे-धीरे माना जाता है।

डिजाइनरों को निर्माता को खेलने दें!

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

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



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

प्राचीन मिस्रियों की आवश्यकता क्यों है

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



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

अगला स्तर

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

आसानी से छोड़ दिया

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



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

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