वेबसाइट मॉक अप

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

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

वेबसाइट मॉकअप क्या है

सबसे पहले, आइए हम थोड़ा समझाएं कि a वेबसाइट मॉक अप. जैसा कि आप जानते हैं, एक मॉकअप वास्तव में एक "वास्तविक छवि" प्रतिनिधित्व है जो दर्शाता है कि आपके काम का अंतिम परिणाम कैसा दिखेगा।

एक वेबसाइट के मामले में, उस वेब पेज के परिणाम की एक छवि होगी।

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

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

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

कैसे बनते हैं

अब, ये वेब मॉक अप कैसे बनाए जाते हैं? क्या उन्हें बनाने का कोई कार्यक्रम है? क्या वे कोलाज हैं जो इंटरनेट से लिए गए हैं?

वास्तव में कई मुफ्त उपकरण हैं कि वे आपको इन्हें बनाने के लिए एक हाथ दे सकते हैं, और यह कि वे आपको विकल्प दे सकते हैं, न कि केवल उन उदाहरणों के साथ जो हम आपको थोड़ी देर बाद देने जा रहे हैं।

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

ये उपकरण हैं:

Gliffy

यह उपकरण है ऑनलाइन और यह मुफ़्त है. इसके साथ आप वेब मॉक अप बना सकते हैं क्योंकि कई योजनाएं हैं और एक एपीआई जिसके साथ आप कुछ ही मिनटों में काम पूरा कर सकते हैं।

वास्तव में, यह एक है सबसे ज्यादा इस्तेमाल किया जाने वाला और यह आपको कई विकल्प देता है।

Cacoo

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

एक विचार प्राप्त करने के लिए, आप केवल में निर्यात कर सकते हैं पीएनजी (इसलिए यदि आप इसे अन्य ग्राहकों के साथ उपयोग करना चाहते हैं तो यह इतना अनुकूलन योग्य नहीं है)।

अच्छी बात यह है कि यदि आप एक टीम के साथ काम करते हैं तो आप एक साथ एक ही समय में काम कर सकते हैं (अर्थात वास्तविक समय में)।

वारिस करें

वारिस करें उपकरणों में से एक है एक वेबसाइट को a . में बदल सकते हैं wireframe और, इसके साथ, क्लाइंट के साथ काम करें आपको आपकी पसंद के अनुसार वेब दिखा रहा है। लेकिन निश्चित रूप से, इस कार्यक्रम के परिणाम को माउंट करने के लिए कंप्यूटर, टैबलेट या मोबाइल की एक तस्वीर चुनना आवश्यक होगा।

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

ऐसा करने के लिए आप तैयार किए गए मॉकअप का उपयोग कर सकते हैं या छवि संपादन प्रोग्राम के साथ उन्हें स्वयं बना सकते हैं।

वेब मॉक अप जिसे आप डाउनलोड कर सकते हैं

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

यथार्थवादी वेबसाइट मॉक अप

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

क्यों? ताकि टकटकी मॉनिटर द्वारा प्रदर्शित पृष्ठ पर केंद्रित हो। आपके मामले में पेज का होम हो सकता है, या प्रतिनिधि भाग जिन्हें आप क्लाइंट को दिखाना चाहते हैं।

आप इसे डाउनलोड करें यहां.

सरल वेबसाइट मॉकअप

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

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

यह उन हिस्सों के लिए दिलचस्प हो सकता है जहाँ आप चाहते हैं ग्राहक विशेष रूप से उन्हें देखता है.

आप इसे डाउनलोड करें यहां.

सैमसंग गैलेक्सी S5 मॉकअप

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

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

आप इसे डाउनलोड कर सकते हैं यहां.

टैबलेट और मोबाइल के लिए मॉकअप

इस मामले में, आप टैबलेट पर वेब का 100% नहीं दिखा पाएंगे, लेकिन आप मोबाइल पर दिखा सकते हैं। और वो ये है कि अगर आप इन दोनों डिवाइस पर अपना डिज़ाइन दिखाना चाहते हैं तो आप भी कर सकते हैं, ताकि क्लाइंट को इस बात का अंदाज़ा हो जाए कि ये कैसा दिखेगा.

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

आपको यह मिला यहां.

क्या आपके पास वेब मॉक अप के कुछ उदाहरण हैं? आप उन्हें टिप्पणियों में साझा कर सकते हैं।