गैर-डिजाइनरों के लिए डिजाइनिंग

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

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

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

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

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

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

1। अपनी ताकत पता है

यह बहुत मदद करता है अगर आप पहले से ही जानते हैं कि आप सबसे अच्छे हैं। क्या आप कोडिंग में अच्छे हैं? फिर कोडिंग पर अपने उत्पादन प्रयास के 80% पर ध्यान केंद्रित करें। क्या तुम चित्र बनाने में अच्छे हो? फिर उस पर अपने उत्पादन प्रयास का 80% ध्यान केंद्रित करें। क्या आप दोनों अच्छे हैं? उस लाभ को उजागर करें और किसी और को व्यस्त करने के लिए खोजें। संयोग से, आपकी शक्तियों को जानने का अर्थ आपकी कमजोरियों की पहचान करना भी है, और यही वह जगह है जहाँ आपको अपने सीखने के प्रयासों के 80% पर ध्यान केंद्रित करना चाहिए, ताकि आप उन्हें समाप्त कर सकें।

2। टीम

कोई फर्क नहीं पड़ता कि आप कितना मितव्ययी होना चाहते हैं, या आप कितना लालची महसूस कर रहे हैं, यह सलाह आपको पूर्वस्कूली में मिली है कि यह साझा करना अच्छा लगता है वास्तव में काफी ठोस है। इसे इस तरह से रखें: क्या आप $ 2000 के लिए प्रति माह एक वेबसाइट पर काम करना चाहते हैं या क्या आप 20% 20% शेयर के लिए प्रति माह 40,000 वेबसाइटों पर काम करना चाहते हैं? सह-श्रमिकों की एक प्रतिभाशाली टीम होने का मतलब है कि आप कम समय में अधिक काम कर सकते हैं, बशर्ते कि आप सभी एक साथ अच्छी तरह से काम कर सकें (यह दूसरी चीज है जिसे हमने पूर्वस्कूली में सीखा है)।

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

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

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

तो किस तरह की जगहें? यहां कुछ सुझाव दिए गए हैं:

  • कोडर्स के लिए StackOverflow
  • सामग्री लेखकों के लिए ProBlogger
  • चित्रकारों के लिए फ्रीलांस आर्टिस्ट नेटवर्क
  • UI, UX और विज़ुअल डिज़ाइनर्स के लिए टॉपताल

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

ध्यान रखें कि अधिकांश लोग अपने कौशल का अनुमान लगाते हैं, इसलिए लोग जो कहते हैं उस पर ज्यादा ध्यान नहीं देते हैं। लोग जो दिखा सकते हैं, उस पर ज्यादा जोर दें। कैस्केडिंग के बारे में भी जानकारी रखें। वह क्या है? ठीक है, जब आप किसी ऐसे व्यक्ति को आउटसोर्स करते हैं जो बदले में किसी ऐसे व्यक्ति को नौकरी देता है जो इसे खुद आउटसोर्सिंग कर सकता है ... तो आप देख सकते हैं कि जोखिम क्या है।

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

3। एक चुटकी में, आप हमेशा ट्रेस कर सकते हैं

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

अब आप देखेंगे कि मैंने कहा ट्रेस और कॉपी नहीं। नकल करना गलत है, जब कुछ पहले से ही सार्वजनिक डोमेन है। नकल करके, आप अपने और अपने ग्राहक को अनावश्यक जोखिम में डाल देते हैं, और आप किसी ऐसे व्यक्ति को धोखा दे रहे हैं जो आपके सोचने के लिए समय और प्रयास करता है।

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

आइए देखते हैं कि तकनीक एक्शन में है

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

शुरू करने का एक अच्छा तरीका सिर्फ अपने माउस का फोटो लेना होगा।

फिर छवि को GIMP या PhotoShop में संपादित करें और इसे अधिक व्यावहारिक आकार के आकार में बदलें और सभी रंग जानकारी को बाहर निकाल दें। मैंने पाया कि ल्यूमिनोसिटी सेटिंग के साथ डिस्चार्जिंग ने छाया को कम करने के मामले में सबसे अच्छा परिणाम दिया।

छवि को नए JPG के रूप में निर्यात करें और संपादक को बंद करें। InkScape में नई छवि खोलें।

इसे चुनने के लिए चित्र पर क्लिक करें और फिर इसे क्लिपबोर्ड पर भेजने के लिए Ctrl + X दबाएं।

अब परत मेनू से परतें चुनें और एक नई परत जोड़ने के लिए बटन पर क्लिक करें, जिसे आप "पृष्ठभूमि" कह सकते हैं।

"प्लेस में पेस्ट" ऑपरेशन करने के लिए Ctrl + Alt + V दबाएं। यह छवि को उसी स्थिति में वापस रखता है जिसे आप इसे काटते हैं (यदि आप बस एक सामान्य पेस्ट करते हैं, तो यह ऑफसेट हो सकता है)।

अब 40 या 30 जैसे कम मान पर परत की अस्पष्टता सेट करें, और फिर किसी भी अन्य संशोधनों से परत को लॉक करने के लिए पैडलॉक आइकन पर क्लिक करें।

एक नई परत जोड़ें, जिसे आप "ट्रेस" कह सकते हैं।

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

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

अब आपके पास विषय छवि की सही रूपरेखा के करीब होना चाहिए। नौकरी के आधार पर आप भरण और छायांकन का उपयोग करना चाहते हैं, या आप इसे मोनोक्रोम रूपरेखा छवि के रूप में छोड़ सकते हैं।

पृष्ठभूमि परत को छिपाएं या हटाएं और इस टेम्पलेट को एसवीजी प्रारूप में सहेजें।

अब आप छवि के साथ थोड़ा खेल सकते हैं। शायद कुछ रंग जोड़ें।

फिर एक बनावट।

लेकिन एक लोगो के लिए यह संभवतः ओवरकिल है, इसलिए हमें इसे सरल रखना चाहिए। मोनोक्रोम पर वापस लौटने पर, हम छवि को नीचे सिकोड़ते हैं।

अब बस कुछ लोगो की कलाकृतियों को जोड़ें, जैसे:

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

हेडर इमेज सौजन्य से Ramotion

बोगदान रैंकी

बोगदान इंसपायर्ड मैग का एक संस्थापक सदस्य है, जिसके पास इस अवधि में लगभग 6 वर्षों का अनुभव है। अपने खाली समय में वह शास्त्रीय संगीत का अध्ययन करना और दृश्य कला का पता लगाना पसंद करते हैं। वह भी Fixies के साथ काफी जुनूनी है। वह पहले से ही 5 का मालिक है।