🤜 🤓 🤨 वास्तविक डिजाइन प्रक्रिया। व्यवसाय-उन्मुख वेबसाइट बनाने के तरीके पर एक चरण-दर-चरण कहानी ☮️ ✋ 👖

डिजाइन पर हजारों लेख लिखे गए हैं और जितने भी वेबिनार दर्ज किए गए हैं, लेकिन नौसिखिए पेशेवर एक ही उचित प्रश्न की परवाह करते हैं: "तो मुझे वास्तव में क्या करना चाहिए?" इस सामग्री में, मैं कदम दर कदम दिखाने के लिए एक वास्तविक जीवन उदाहरण का उपयोग करूँगा कि डिजाइन समस्याओं को हल करने के उद्देश्य से एक डिजाइन परियोजना बनाने के लिए किन कार्यों को करने की आवश्यकता है।

फिलहाल मैं लॉजिस्टिक्स के क्षेत्र में एक स्टार्टअप के विकास में लगा हूं और हाल ही में मेरा मुख्य कार्य (साप्ताहिक रिलीज के परीक्षण के अलावा) एक कॉर्पोरेट वेबसाइट बनाना था। विषय से बहुत दूर न जाने के लिए, मैं परिवहन क्षेत्र, या बल्कि, प्रीमियम टैक्सी सेवा की साइट चुनूंगा।

डिजाइन की प्रक्रिया

इंटरनेट पर संभावित डिजाइन प्रक्रियाओं की कई विविधताएं हैं, इसलिए मैं क्लासिक संस्करण पर ध्यान केंद्रित करूंगा, जिसका उपयोग मैं खुद करता हूं:

कार्य में विसर्जन
अध्ययन
लिपियों के माध्यम से सोच रहा था
एक ढाँचे का निर्माण
दृश्य शैली खोज
लेआउट डिजाइन

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

वर्णित प्रक्रिया द्वारा निर्देशित रहें, लेकिन इसके बंधक न बनें।

1) कार्य में विसर्जन या व्यवसाय कैसे पैसा बनाता है

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

मुझे तुरंत साइट के पहले स्क्रीन पर एक टैक्सी ऑर्डर फॉर्म डालने का विचार आया। इसके लिए धन्यवाद, साइट न केवल एक सूचना पोर्टल होगी, बल्कि एक पूर्ण सेवा भी होगी।

जैसा कि आप देख सकते हैं, ग्राहक के व्यवसाय का पता लगाने की कोशिश करते हुए, विचार मन में आएंगे। उन्हें तुरंत ठीक करें, अन्यथा आप भूल जाएंगे। साइट की संरचना पर विचार करते समय, वे आपके लिए बहुत उपयोगी होंगे। वर्तमान परियोजना में, हम Confluence का उपयोग कर रहे हैं। छोटी परियोजनाओं के लिए, मैं Apple नोट्स या कुछ इसी तरह का चयन करूंगा।

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

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

स्टेज सारांश:

आपको स्पष्ट रूप से समझना चाहिए कि ग्राहक का व्यवसाय कैसे कमा रहा है और आपको उपयोगकर्ता को किस प्रमुख कार्रवाई के लिए नेतृत्व करना चाहिए। हमारे मामले में, कार्य आगंतुक को एप्लिकेशन डाउनलोड करने के लिए मनाने का है।

2) अनुसंधान और प्रतियोगियों का विश्लेषण

यह चरण प्रतियोगियों के अध्ययन के साथ शुरू करना सबसे आसान है, और फिर मैकेनिक्स में समान सेवाओं को इससे जोड़ते हैं।

चलो टैक्सी ऑर्डर करने के यांत्रिकी के बारे में सोचते हैं। सबसे पहले, हमारे पास एक व्यक्ति है जो एक स्थान से दूसरे स्थान पर जाना चाहता है। दूसरे, हमारे पास एक ड्राइवर है जो इस कार्य को पूरा करने के लिए तैयार है। समान तर्क द्वारा कौन सी सेवाएँ काम करती हैं?

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

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

इन साइटों को देखते समय, समान और विभिन्न विवरणों को नोट करने का प्रयास करें। उदाहरण के लिए, Wheely एक फ़ोन नंबर पर एक एसएमएस भेजकर एप्लिकेशन को डाउनलोड करने की पेशकश करता है, और Yandex.Taxi साइट से सीधे ऑर्डर करने की पेशकश करता है।

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

लोकप्रिय सेवाओं का विश्लेषण करने के बाद, मैंने एक विवरण पर गौर किया। समान मैकेनिक्स वाली लगभग सभी कंपनियां उन उपयोगकर्ताओं को मुख्य पृष्ठ देती हैं जो पैसे देते हैं।

यही है, यात्रियों के लिए AirBnB की मुख्य बात है, और घर के मालिक पृष्ठ मेनू में छिपा हुआ है (मेहमान सेवा पैसे का भुगतान करते हैं)। Qlean, Wheely, UpWork और कई अन्य सेवाएं समान रणनीति का उपयोग करती हैं, इसलिए, हमारी परियोजना में, मैं इस पर ध्यान केंद्रित करूंगा। यही है, मैं यात्रियों (जो सेवा का भुगतान करते हैं) के लिए मुख्य पृष्ठ देंगे, और मेनू में "ड्राइवर बनें" पृष्ठ जोड़ा।

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

इस तरह से कई साइटों का विश्लेषण करने के बाद, आप ग्राहक के क्षेत्र को बेहतर ढंग से समझने लगेंगे और उन परियोजनाओं का चयन करेंगे जो आपकी परियोजना के लिए उपयुक्त हैं।

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

स्टेज सारांश:

आपने 5+ समान सेवाओं का विश्लेषण किया और लिखा कि कौन सी इकाइयां प्रतियोगियों द्वारा उपयोग की जाती हैं। आदर्श रूप से, आपको प्रत्येक सेवा में प्रमुख परिदृश्य से गुजरना चाहिए ताकि अच्छे विचारों को अलग किया जा सके जो कठिनाई का कारण बनते हैं।

3) परिदृश्यों के माध्यम से सोचना या ग्राहक यात्रा मानचित्र बनाना

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

अपने व्यवहार में, मैं परिदृश्यों के माध्यम से सोचने के लिए ग्राहक यात्रा मानचित्र का उपयोग करता हूं। मैंने पहले ही द डिजाइन टाइम्स के टेलीग्राम चैनल में उनके काम का सार बताया :

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

क्षैतिज (लाइन) निम्नलिखित है:

उपयोगकर्ता लक्ष्य
इस मामले में, उपयोगकर्ता का लक्ष्य वैश्विक लक्ष्य नहीं है (टिकट खरीदने के लिए), लेकिन इस स्तर पर एक स्थानीय उदाहरण के लिए, एक फ़ॉर्म भरें या एक उपयुक्त उड़ान चुनें।

प्रमुख क्रिया
लक्ष्य के आधार पर, आप महत्वपूर्ण कार्रवाई निर्धारित कर सकते हैं। फॉर्म भरने के चरण में, यह चयनित मापदंडों के लिए उड़ानों की सूची में जाएगा।

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

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

समाधान
यह चरण पिछले एक से निकटता से संबंधित है। प्रत्येक समस्या के लिए, आपको 1-2 समाधान खोजने की आवश्यकता है। आमतौर पर, संभावित समस्याओं की पहचान करने के बाद, समाधान स्पष्ट हो जाते हैं। यही कारण है कि CJM इंटरफ़ेस डिजाइन में बहुत मदद करता है।

बहुत से लोग सोचते हैं कि केवल अनुभव ही परियोजना की सफलता तय करता है, इसलिए वे प्रक्रिया के महत्व को कम आंकते हैं। CJM का उपयोग कार्यों के एक विचारशील अनुक्रम के माध्यम से अनुभव की कमी को कम करने में मदद करता है।

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

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

इस स्थिति में, परिदृश्य छोटा होगा (वेबसाइट → एप्लिकेशन), लेकिन इस पर भी उपयोगकर्ता को समस्या हो सकती है।

उदाहरण के लिए, यह आपकी सेवा में विश्वास नहीं दिखा सकता है (समीक्षा, वारंटी जोड़ें?), साइट की उपस्थिति प्रीमियम नहीं दिखेगी (दृश्य शैली में बदलाव?), एसएमएस कोड नहीं आएगा (क्या आप पुनः भेजें, ऑनलाइन समर्थन जोड़ सकते हैं?), ...?

स्टेज सारांश:

आपको यह समझने की आवश्यकता है कि उपयोगकर्ता के रास्ते में क्या समस्याएं पैदा हो सकती हैं और कई समाधानों के साथ आ सकते हैं जो उनसे बचेंगे।

4) एक ढांचा बनाना

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

डिजाइनर मौजूद हैं क्योंकि कोई सार्वभौमिक ढांचा नहीं है। प्रत्येक सेवा को अपनी आवश्यकता है। बेशक, शीर्ष स्तर के डिजाइन नियम हैं, लेकिन थोड़ा गहरा होने के बाद आपको अपने स्वयं के समाधान के साथ आने की आवश्यकता है, अन्यथा उपयोगकर्ता अपनी समस्याओं को इष्टतम तरीके से हल नहीं करेगा। यह आपके हाथों को पैडल करने जैसा है। आंदोलन है, लेकिन इतना प्रभावी नहीं है अगर आपने अपने पैरों का इस्तेमाल किया।

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

***

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

चलो Wheely वेबसाइट संरचना को याद करते हैं: एप्लिकेशन डाउनलोड करना, ड्राइवरों के बारे में, कारों के बारे में, बीमा, एप्लिकेशन डाउनलोड करना, समीक्षाएं।

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

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

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

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

स्पष्टता जोड़ने के लिए, एप्लिकेशन के स्क्रीनशॉट और इसके मुख्य कार्यों के विवरण के साथ एक ब्लॉक प्रदर्शित करें। उम्मीद न करें कि उसे करीब से देखा जाएगा, लेकिन उसकी उपस्थिति से आत्मविश्वास बढ़ेगा।

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

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

स्टेज सारांश:

आपको यह समझना चाहिए कि आप किन संस्थाओं (ब्लॉक) का उपयोग करेंगे और किस क्रम में करेंगे। इसे कागज पर या एक पाठ दस्तावेज़ में स्केच के रूप में फंसाया जाए तो बेहतर है।

5) दृश्य शैली खोज

मैंने इस चरण के बारे में एक अलग सामग्री लिखी और इसका मुख्य विचार इस प्रकार है:

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

एक बिज़नेस क्लास टैक्सी सर्विस वेबसाइट के लिए क्या भावनाएँ पैदा होनी चाहिए? यह तर्कसंगत है कि उसे उच्च स्तर की गुणवत्ता और प्रीमियम सेवाओं को दिखाना चाहिए। इसे प्राप्त करने के कई तरीके हैं।

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

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

तीसरा है इन्फोग्राफिक्स। कभी-कभी, डिजाइनर पहले आइकनों को ले जाते हैं, जो यह सोचने के बिना कि वे क्या दृश्य संदेश ले जाते हैं। देखें कि Google के कौन से आइकन अनुकूलन विकल्प प्रदान करते हैं। वहां आप आइकन की शैली को अनुकूलित कर सकते हैं और सबसे उपयुक्त का चयन कर सकते हैं। शैलियों की एक किस्म flaticon.com पर देखी जा सकती है। मुख्य पैरामीटर जिनके साथ आप प्रयोग कर सकते हैं वे रंग या बी / डब्ल्यू, बाढ़ या समोच्च, गोल या नहीं।

स्टेज सारांश:

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

6) लेआउट डिजाइन

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

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

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

स्टेज सारांश:

आवश्यक लेआउट का डिज़ाइन तैयार है और सुधार के कई पुनरावृत्तियों से गुजरा है।

***

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

वर्णित प्रक्रिया ग्राहक के काम के लिए सबसे उपयुक्त है, क्योंकि किराने में यह थोड़ा अलग होगा।

एक निष्कर्ष के बजाय

समझने की मुख्य बात यह है कि कोई भी सामग्री अभ्यास को प्रतिस्थापित नहीं कर सकती है। बस अपने काम में प्राप्त ज्ञान को लागू करना शुरू करना, आप प्रगति पर भरोसा कर सकते हैं।

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

अपने करियर में रणनीतिक रूप से देखें और प्रत्येक कार्य दिवस को अपने पेशेवर लक्ष्यों को प्राप्त करने की दिशा में एक नया कदम होने दें।

वास्तविक डिजाइन प्रक्रिया। व्यवसाय-उन्मुख वेबसाइट बनाने के तरीके पर एक चरण-दर-चरण कहानी