https://sbt-test.azurewebsites.net/hi/बनाएँ/wireframes-बनाम-मॉक-अप

वायरफ्रेम बनाम मॉकअप


अपने डिजाइन शुरू करो

वायरफ्रेम बनाम मॉकअप

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


wireframes


एक डिज़ाइन बनाएँ  






मॉक-अप


एक डिज़ाइन बनाएँ  







वायरफ्रेम और मॉकअप के बीच 3 अंतर

  1. रंग

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

  2. अंदाज

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

  3. भाषा

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

एक डिज़ाइन बनाएँ  


मूल्य निर्धारण

बस प्रति माह प्रति माह !

/महीना

सालाना बिल किया

पूर्ण मूल्य निर्धारण पृष्ठ देखें



मैं आकर्षित नहीं कर सकता!

What if I can't draw?

  • चिंता मत करो, न ही हम कर सकते हैं।
  • आपके पास उपयोग करने के लिए हमारे पास 1200 से अधिक पूर्व-निर्मित दृश्य और वर्ण हैं!
  • हमारे सभी दृश्य और पात्र अनुकूलन और संपादित करने में आसान हैं!

मेरे पास समय नहीं है!

What if I have No Time?

  • हमें पता है! हम भी व्यस्त व्यस्त हैं!
  • हमारे प्लेटफॉर्म के साथ बनाना हमारे ड्रैग और ड्रॉप आर्टवर्क के साथ तेज़ और आसान है।
  • जब आप किसी खाते के लिए साइन अप करते हैं, तो आप अपना काम सहेज सकते हैं और वापस आ सकते हैं और इसे किसी भी समय संपादित कर सकते हैं।

मुझे क्रेयॉन खाने की इच्छा है!

I Like to eat crayons!

  • चिंता मत करो, क्रेयॉन नॉन विषाक्त हैं!
  • यदि आपको यह मजाक मिला है, कम से कम हम जानते हैं कि आप इसे पढ़ रहे हैं ...
  • जिसका मतलब है कि आप निश्चित रूप से दो सप्ताह के नि: शुल्क परीक्षण चाहते हैं


एक डिज़ाइन बनाएँ  

Storyboard That साझा करने में सहायता करें!


और खोज रहे हैं?

हमारे बाकी लेख और संसाधनों की जांच करें!

सभी व्यावसायिक संसाधन | व्यापार रणनीति संसाधन | विपणन संसाधन | ग्राफिक डिजाइन संसाधन | उत्पाद विकास संसाधन | प्रशिक्षण और मानव संसाधन संसाधन | फिल्म संसाधन | वीडियो विपणन संसाधन


विशेष संस्करण


व्यापारउत्पाद विकासPersonasग्राहक यात्रा मैप्सwireframesइन्फ़ोग्राफ़िक्सवीडियो विपणनफिल्मकॉमिक्स

मेरा निशुल्क परीक्षण शुरू करें
प्रारंभ मेरे नि: शुल्क परीक्षण
https://sbt-test.azurewebsites.net/hi/बनाएँ/wireframes-बनाम-मॉक-अप
© 2019 - Clever Prototypes, LLC - सर्वाधिकार सुरक्षित।
हमारे लेखों और उदाहरणों का अन्वेषण करें

हमारे अन्य वेबसाइटों की कोशिश करो!

Photos for Class - स्कूल-सुरक्षित, क्रिएटिव कॉमन्स फोटो के लिए खोजें! ( यह आपके लिए भी साइज़! )
Quick Rubric - आसानी से बनाओ और ग्रेट लुकिंग रबर्स साझा करें!
एक अलग भाषा को प्राथमिकता है?

•   (English) Wireframes vs. Mockups   •   (Español) Wireframes vs Maquetas   •   (Français) Wireframes vs. Mockups   •   (Deutsch) Wireframes vs. Mockups   •   (Italiana) Wireframe vs. Mockup   •   (Nederlands) Wireframes Versus Mockups   •   (Português) Wireframes vs. Mockups   •   (עברית) Wireframes לעומת Mockups   •   (العَرَبِيَّة) Wireframes مقابل نماذج بالحجم الطبيعي   •   (हिन्दी) वायरफ्रेम बनाम मॉकअप   •   (ру́сский язы́к) Каркасы Против Макетов   •   (Dansk) Wireframes vs Mockups   •   (Svenska) Wireframes vs Mockups   •   (Suomi) Wireframes vs. Mockups   •   (Norsk) Wireframes vs Mockups   •   (Türkçe) Wireframe'ler ve Maketler   •   (Polski) Modele Szkieletowe a Makiety   •   (Româna) Wireframe vs. Mockups   •   (Ceština) Drátové Modely vs Mockups   •   (Slovenský) Drôtové Modely vs Mockups   •   (Magyar) Wireframes vs. Mockups   •   (Hrvatski) Wireframes vs Mockups   •   (български) Wireframes Срещу Mockups   •   (Lietuvos) Wireframes vs Mockups   •   (Slovenščina) Wireframes vs Mockups   •   (Latvijas) Wireframes vs Mockups   •   (eesti) Wireframes vs Mockups