वेब डिजाइनर के साथ काम करने के लिए संक्षिप्त निर्देश (एक परियोजना प्रबंधक के लिए)

लेख WEB- डिजाइनरों के साथ काम करने के लिए सिफारिशें देगा। इन सिफारिशों के कार्यान्वयन से काम की गुणवत्ता में महत्वपूर्ण वृद्धि, श्रम उत्पादकता में वृद्धि और तंत्रिका कोशिकाओं को संरक्षित करने में मदद मिलेगी।

प्रत्येक आइटम में उपयोगी, मुफ्त टूल के लाइव उदाहरण और लिंक होंगे।

आदर्श रूप से, टिप्पणियों में आप अपने सुझाव, लेख के लेख, लिंक और उदाहरण छोड़ते हैं।

मैं कोई डिजाइनर नहीं हूं, मैं एक ग्राहक हूं और यह इस तरफ से है कि मैं सलाह दूंगा। यदि आपके पास कोई प्रश्न है, तो क्या मेरी योग्यता इस समस्या को कवर करने के लिए पर्याप्त है, तो आप मेरे बारे में समीक्षाएँ free-lance.ru पर एक ग्राहक के रूप में देख सकते हैं।

प्राथमिक अथवा प्रारम्भिक लक्षण

WEB- डिजाइन डिजाइनर और ग्राहक के बीच सहयोग का परिणाम है। यह समझना विशेष रूप से महत्वपूर्ण है कि यह ठीक संयुक्त कार्य है। यदि हर कोई अपने काम का हिस्सा पूरी तरह से करता है, तो काम का समग्र परिणाम समान होगा।

मेरा मानना ​​है कि ग्राहक के रूप में परियोजना की जिम्मेदारी का मेरा हिस्सा:

• विचार करने के लिए और स्पष्ट रूप से विचार का सार बताएं
• स्वतंत्र रूप से सभी ब्लॉकों की सामग्री और नाम तैयार करें
• सोचिए कि हमें किन पेजों के डिजाइन की जरूरत है
• प्रत्येक पृष्ठ के लेआउट के बारे में सोचें
• पृष्ठ पर ब्लॉक की प्राथमिकता और महत्व पर विचार करें
• स्पष्ट, समझदार, उचित प्रतिक्रिया दें

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

डिजाइनर के लिए टीके के सबसे महत्वपूर्ण पहलुओं और उनकी तैयारी के लिए सिफारिशें नीचे वर्णित हैं।

बिल्कुल सही TK

आदर्श ध्यान आकर्षित करने के लिए सिर्फ एक सुंदर शीर्षक है। बल्कि, "अच्छा टीके के लिए विकल्पों में से एक" करेंगे।

विचार

संक्षेप में, कुछ वाक्यों में, आपके विचार और कार्य के सार का वर्णन करना आवश्यक है। मुश्किल और अलंकृत लिखने की कोशिश न करें, मुख्य बात यह स्पष्ट करना है। इसके अतिरिक्त, निम्नलिखित प्रश्नों के उत्तर देने का प्रयास करें:

• इस साइट का उपयोगकर्ता कौन है?
• साइट का उपयोग किन उपकरणों से किया जाएगा?
• किन संवेदनाओं का कारण होना चाहिए?

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

पेज फ़्लोचार्ट

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

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

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

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

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

फ़्लोचार्ट टूल्स

फ़्लोचार्ट के निर्माण के लिए कई सुविधाजनक उपकरण हैं, एमएस पेंट में मेरे सहयोगियों में से एक असली कृति बनाता है (मुझे टिप्पणी में नए उपकरण देखने में खुशी होगी), यहाँ मेरे पसंदीदा हैं:

• moqups.com
• ninjamock.com

विशिष्ट आंतरिक पृष्ठ

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

ब्लॉक आरेखों के उदाहरण:

moqups.com/idoziru/Ok2mhYsJ
ninjamock.com/s/kdwizs

रंग बीनने वाला

सबसे गलत तरीका आपके सिर में एक पैलेट के साथ आने की कोशिश करना है। अगला गलत तरीका वह तरीका होगा जब आप डिजाइनर के शब्दों के साथ वांछित पैलेट का वर्णन करेंगे। तथ्य यह है कि हर किसी का अपना बैंगनी रंग है।



किसी भी ग्राफिक जानकारी को ग्राफिक रूप से सबसे अच्छी तरह से अवगत कराया जाता है। अन्यथा, यह "राग का अनुमान लगाता है", और राग आपकी उंगलियों पर दिखाया गया है।

मैं और मेरे ग्राहक) ऐसा करना पसंद करते हैं। वे एक तस्वीर पाते हैं, जो उनकी राय में, उनके विचार के रंग योजना से मेल खाती है।

एक उत्कृष्ट संसाधन जो ऐसे मामलों में मदद करता है http://color.romanuke.com

अच्छी साइटों और बुरे के उदाहरण हैं

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

उदाहरण: toster.ru - मुझे बाईं ओर संलग्न मेनू के साथ समाधान पसंद है, ऐसा लगता है कि यह आवेदन। habrahabr.ru - सादगी और "हवा" की तरह। proactivweb.ru - मुझे मेट्रो स्टेशन पर चमक और पत्र "एम" पसंद है। apple.com - मुझे ऐसा नहीं लगता कि मेनू 3 सेकंड के बाद दिखाई देता है। मेनू स्वयं भी पसंद नहीं है, विशेष रूप से छद्म भड़कना।

संपादन करने से

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

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



संपादन रिकॉर्ड किया जाना चाहिए, डिजाइनर को भेजा जाना चाहिए और, यदि आवश्यक हो, तो आवाज द्वारा समझाया गया। यह इस संभावना को बहुत बढ़ाता है कि वह आपको समझेगा और जैसा आप उसे देखेंगे।

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

यहाँ पुनरावृत्तियों में से किसी एक पृष्ठ को संपादित करने का एक उदाहरण।

युक्ति: ब्राउज़र में भेजी गई छवि को देखना सबसे अच्छा है, क्योंकि यह उसके लिए है कि यह सब किया जाता है।

जब डिजाइन किया जाता है तो क्या करें

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

डिजाइनर को ilovepsd.ru पर निर्दिष्ट नियमों के अनुसार लेआउट तैयार करने के लिए कहें (वैसे, एक उत्कृष्ट साइट, अपने रचनाकारों के लिए बहुत धन्यवाद, हमेशा मदद करता है)

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

आपको और क्या जानने की जरूरत है

सामग्री बनाम लोरम इप्सम

यदि आपके पास साइट पर मौजूद सामग्री के साथ डिजाइन करने का अवसर है, तो हमेशा ऐसा करें। यह त्रुटियों की संख्या को कम करता है।

मुखपृष्ठ से प्रारंभ करें

मुख्य पृष्ठ से शुरू करने का प्रयास करें - यह सबसे कठिन और महत्वपूर्ण है।