मॉकअप बनाना: टूल और ऐप

ऐप या वेबसाइट की स्क्रीन को फ़ोन, लैपटॉप या टैबलेट के फ़्रेम में रखने और टी-शर्ट, डिब्बे या विज़िटिंग कार्ड जैसे प्रोडक्ट पर डिज़ाइन दिखाने वाले टूल। पहले तय करें कि तस्वीर कहाँ इस्तेमाल होगी: स्टोर पेज, लैंडिंग पेज, सोशल मीडिया या क्लाइंट प्रेज़ेंटेशन — हर एक के लिए आकार अलग चाहिए।

4 ऐपस्रोत सहित जानकारी

फ़िल्टर

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

Mockuuups Studio

वेबसाइट·डिज़ाइन और डेवलपमेंट
मुफ़्त विकल्प

Mockuuups Studio एक मॉकअप एडिटर है जिसमें आप अपने डिज़ाइन को हज़ारों डिवाइस और प्रिंट मॉकअप पर खींचकर छोड़ते हैं; यह ब्राउज़र में, डेस्कटॉप ऐप के रूप में और Figma, Sketch, Penpot तथा Adobe Express प्लगइन के ज़रिए उपलब्ध है।

क्यों उपयुक्त है?

मॉकअप बनाना

Placeit

वेबसाइट·डिज़ाइन और डेवलपमेंट
प्लान की शर्तें देखें

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

क्यों उपयुक्त है?

मॉकअप बनाना

Rotato

कंप्यूटर·डिज़ाइन और डेवलपमेंट
प्लान की शर्तें देखें

Rotato एक मॉकअप जनरेटर है जो आपके अपने ऐप या वेब डिज़ाइन को 30 से अधिक तैयार 3D डिवाइस की स्क्रीन पर रखकर उसे एनिमेटेड वीडियो या इमेज में बदलता है; इसका एक macOS ऐप और पब्लिक बीटा में वेब संस्करण है।

क्यों उपयुक्त है?

मॉकअप बनाना

ध्यान देने योग्य: कंप्यूटर पर इंस्टॉल करना ज़रूरी है।

Shots.so

वेबसाइट·डिज़ाइन और डेवलपमेंट
प्लान की शर्तें देखें

Shots.so एक वेब-आधारित मॉकअप ऐप है जो प्रोडक्ट स्क्रीनशॉट को डिवाइस फ़्रेम, बैकग्राउंड और एनिमेटेड गति के साथ प्रेज़ेंटेशन इमेज या छोटे वीडियो में बदलता है।

क्यों उपयुक्त है?

मॉकअप बनाना

किन बातों की तुलना करें?

अपना स्क्रीनशॉट या डिज़ाइन अपलोड करके नतीजा असली आकार में देखें: फ़्रेम में रखने पर टेक्स्ट धुंधला तो नहीं हुआ, कोने और परछाइयाँ स्वाभाविक दिखती हैं या नहीं। एक ही सीन को कुछ आकारों में एक्सपोर्ट करें और देखें कौन-सा साफ़ रहता है।

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

क्या ऐप स्टोर स्क्रीनशॉट में मॉकअप इस्तेमाल कर सकता हूँ? स्टोर स्क्रीनशॉट के आकार और सामग्री के नियम तय करते हैं; डिवाइस फ़्रेम, टेक्स्ट या बैकग्राउंड कहाँ तक स्वीकार हैं, यह स्टोर के मौजूदा दिशानिर्देशों में देखें।

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

दस्तावेज़ों में दर्ज सुविधाओं की तुलना

यह तुलना प्रकाशित आधिकारिक दस्तावेज़ों पर आधारित है। यह व्यावहारिक परीक्षण या गुणवत्ता रैंकिंग नहीं है। अज्ञात सुविधाओं को सत्यापित नहीं माना जाता।

दस्तावेज़ों में दर्ज सुविधाओं की तुलना
ऐप का नामकहाँ इस्तेमाल करेंगे?मुफ़्त आउटपुटबिना खाते केबिना वॉटरमार्कऑफ़लाइनबैच प्रोसेसिंगसामग्री की भाषाध्यान देने योग्य / स्रोत और समीक्षा की तारीख
Mockuuups Studioवेबसाइटहाँपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुई

नोट 1नोट 2

स्रोत और समीक्षा की तारीख
Placeitवेबसाइटपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुई

नोट 1नोट 2

स्रोत और समीक्षा की तारीख
Rotatoकंप्यूटरपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुई

कंप्यूटर पर इंस्टॉल करना ज़रूरी है।

नोट 2

स्रोत और समीक्षा की तारीख
Shots.soवेबसाइटपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुईपुष्टि नहीं हुई

नोट 2नोट 1

स्रोत और समीक्षा की तारीख

कई टूल पर लागू होने वाले नोट

  1. हर टूल का प्लान अलग देखें; एक सुविधा की सीमा दूसरी पर लागू नहीं।
  2. मौजूदा सीमा और आउटपुट की शर्तें आधिकारिक पेज पर देखें।