वायरफ्रेम संपादक
निन्जामॉक में वेब और मोबाइल वायरफ्रेमिंग के लिए सभी विशिष्ट स्टेंसिल शामिल हैं।
हमारे स्टेंसिल स्केची दिखते हैं - जैसे कि वे हाथ से खींचे गए हों। ऐसा इसलिए है क्योंकि यह लोगों को रंग, शैली, विस्तृत लेआउट और अन्य उच्च-निष्ठा पहलुओं के बजाय आपके वायरफ्रेम में बातचीत और सामग्री पर ध्यान केंद्रित करने में मदद करता है।
स्टेंसिल को एप्लिकेशन के बाएँ फलक में एक टूलबॉक्स में व्यवस्थित किया जाता है, और उनके प्रकार और उपयोग के अनुसार समूहीकृत किया जाता है। वर्तमान में हम कई प्रकार की परियोजनाओं (जैसे आईओएस, एंड्रॉइड, विंडोज फोन, आदि) का समर्थन करते हैं और प्रत्येक प्रोजेक्ट प्रकार के लिए टूलबॉक्स में वे स्टैंसिल होते हैं जिनकी आपको आवश्यकता होगी।
(एंड्रॉइड, आईफोन, आईपैड, विंडोज फोन, माइक्रोसॉफ्ट सर्फेस, वेबसाइट और फ्रीहैंड)
प्रतीक और चित्र
वायरफ्रेम आइकन और छवियों को शामिल किए बिना पूरे नहीं होते हैं। निन्जामॉक में इन दृश्य तत्वों को शामिल करने के लिए अपने इंटरफ़ेस को डिज़ाइन करने के लिए आपके पास अपने निपटान में कई सुविधाजनक विकल्प हैं।
एंबेडेड आइकन
हमारे एम्बेडेड आइकन बाकी स्टैंसिल तत्वों की तरह ही हाथ से खींची गई शैली का उपयोग करते हैं ताकि आपके पूरे वायरफ्रेम डिज़ाइन में एक समान रूप और अनुभव हो।
एम्बेडेड आइकन प्रोजेक्ट प्रकार से भिन्न होते हैं। उदाहरण के लिए एंड्रॉइड और आईफोन वायरफ्रेम प्रोजेक्ट्स में, वे दिए गए प्लेटफॉर्म के वास्तविक आइकन से मिलते-जुलते हैं, लेकिन उनके पास अभी भी एक स्केची हाथ से तैयार लुक है।
एम्बेडेड आइकन वेक्टर हैं। आप उनका आकार बदल सकते हैं, और गुणवत्ता खोए बिना भरण और स्ट्रोक भी बदल सकते हैं।
IconFinder
यदि आपको हमारे एम्बेडेड आइकनों के बीच वह नहीं मिलता है जिसकी आपको आवश्यकता है, तो हमारा IconFinder के साथ सीधा एकीकरण भी है। बस निन्जामॉक वायरफ्रेम संपादक के अंदर आइकनफाइंडर टैब पर आइकन खोजें, बिना कभी बाहर निकले।
कृपया ध्यान दें कि IconFinder आइकन वेक्टर नहीं हैं और आप उनके भरण या स्ट्रोक नहीं बदल सकते।
आपकी अपनी फ़ाइलें
क्या आपके कंप्यूटर पर ऐसे चिह्न या चित्र हैं जिनका आप अपने प्रोजेक्ट में उपयोग करना चाहते हैं? बस अपने विज़ुअल एसेट को हमारे सर्वर पर अपने व्यक्तिगत संग्रहण में अपलोड करें और आप उन्हें किसी भी प्रोजेक्ट में उपयोग कर सकते हैं। वर्तमान में हम प्रत्येक उपयोगकर्ता को 500MB मुक्त स्थान प्रदान करते हैं।
आप छवि फ़ाइलों को सीधे अपने डेस्कटॉप से निन्जामॉक वायरफ्रेम संपादक पर खींच और छोड़ सकते हैं। ये फ़ाइलें स्वचालित रूप से आपके व्यक्तिगत संग्रहण स्थान पर अपलोड हो जाएंगी।
वेब से छवियां
क्या आपको वेब पर अपने प्रोजेक्ट के लिए आवश्यक सही आइकन या छवि मिली? कोई बात नहीं, बस लिंक को फ़ाइल में कॉपी और पेस्ट करें और आप इसे हमारे सर्वर पर अपलोड किए बिना उपयोग कर सकते हैं।
बस यह सुनिश्चित कर लें कि यह छवि आपको कहीं से भी नहीं हटाई जाएगी।
आप किसी छवि को सीधे खुले ब्राउज़र से निन्जामॉक डिज़ाइन सतह पर खींच और छोड़ सकते हैं। हम इमेज के यूआरएल का हवाला देकर इमेज को अपने आप जोड़ देंगे.
मैन्युअल रूप से तैयार किए गए चिह्न
कभी-कभी अपना स्वयं का आइकन बनाना अधिक सुविधाजनक होता है जब आपको अपनी आवश्यकताओं के अनुरूप कुछ भी नहीं मिलता है। निन्जामॉक के शक्तिशाली वेक्टर संपादन टूल का उपयोग करके आप जल्दी से अपने दम पर एक आइकन बना सकते हैं।
अपना खुद का आइकन बनाने के लिए इन 3 सरल चरणों का पालन करें:
1. आपको जो चाहिए उसे आकर्षित करने के लिए किसी भी वेक्टर संपादन टूल का उपयोग करें।
2. नए खींचे गए तत्वों का चयन करें।
3. राइट क्लिक करें और चुनें चयन को निर्यात करें -> मेरे चित्र...
आपकी वेक्टर ड्राइंग अब हमारे सर्वर पर आपके व्यक्तिगत स्थान में एक पुन: प्रयोज्य छवि के रूप में सहेजी जाएगी। अब से आप इस छवि को एक आइकन स्रोत के रूप में उपयोग कर सकते हैं। नीचे दिए गए उदाहरण में, आप एक मैन्युअल रूप से तैयार किया गया आइकन देख सकते हैं जिसका उपयोग iPhone के टैब बार तत्व के अंदर किया जाता है:
वीडियो समर्थन
Ninjamock आपको अपने परियोजनाओं में विदेशी वीडियो का उपयोग करने की अनुमति देता है, बस उस URL को जोड़कर जहां वीडियो संग्रहित है। Ninjamock YouTube, Vimeo, Dailymotion और Rumble से वीडियो का समर्थन करता है। यह MP4, WEBM और OGG जैसे वीडियो प्रारूपों के साथ वीडियो फ़ाइलों का समर्थन भी करता है।
इमोजी समर्थन
Ninjamock में आप अपने प्रोजेक्ट्स में मानक इमोजी का उपयोग कर सकते हैं, जिन्हें आप अपने प्रोजेक्ट्स में कहीं भी बड़ा कर सकते हैं और रख सकते हैं।
कस्टम स्टेंसिल
यदि आपको अपनी जरूरत का स्टैंसिल नहीं मिल रहा है, तो आप इसे सीधे निन्जामॉक वायरफ्रेम संपादक में स्वयं बना सकते हैं। आप डिज़ाइन की सतह पर बनाई गई वस्तुओं के किसी भी चयन से अपने स्वयं के पुन: प्रयोज्य तत्व बना सकते हैं।
कस्टम स्टैंसिल वर्तमान में केवल उस प्रोजेक्ट में उपलब्ध हैं जिसमें वे बनाए गए हैं।
अपनी खुद की पुन: प्रयोज्य स्टैंसिल बनाने का तरीका यहां दिया गया है:
1. मौजूदा स्टैंसिल का उपयोग करके और/या अद्वितीय तत्वों को चित्रित करके आपको जो कुछ भी चाहिए उसे बनाएं (वैसे, हमारे पास शक्तिशाली वेक्टर संपादन उपकरण हैं)।
2. उन सभी तत्वों का चयन करें जिन्हें आप अपने कस्टम स्टैंसिल में शामिल करना चाहते हैं।
3. राइट क्लिक करें, चुनें संपत्ति -> संपत्ति में कनवर्ट करें।
नव निर्मित स्टैंसिल को टूलबॉक्स के निचले भाग में "मेरी संपत्ति" समूह में जोड़ा जाएगा, और अब आप इसे वर्तमान प्रोजेक्ट में किसी भी पृष्ठ पर उपयोग कर सकते हैं।
आप किसी भी समय स्टैंसिल को संशोधित कर सकते हैं (राइट क्लिक करें, चुनें संपत्ति -> संपत्ति संपादित करें) और आपके परिवर्तन आपके पूरे प्रोजेक्ट में स्टैंसिल के सभी उदाहरणों पर लागू होंगे।
वेक्टर ग्राफिक्स
निंजामॉक वायरफ्रेम संपादक में शक्तिशाली अंतर्निहित वेक्टर संपादन उपकरण हैं। लाइन, सर्कल और आयत जैसे सरल तत्वों के अलावा, निंजामॉक वायरफ्रेम संपादक में किसी भी प्रकार के आकार बनाने के लिए एक फ्रीहैंड पेंसिल और एक पेन टूल (बेज़ियर कर्व सपोर्ट के साथ) भी शामिल है।
वेक्टर संपादन उपकरण ड्राइंग सतह के बाईं ओर टूल पैलेट में स्थित होते हैं।
ड्राइंग टूल्स कैसे काम करते हैं?
ड्राइंग टूल्स (लाइन, आयत, दीर्घवृत्त, पेन और पेंसिल) बाकी स्टैंसिल से थोड़ा अलग काम करते हैं। एक आकृति बनाना शुरू करने के लिए, एक प्रारंभिक बिंदु चुनें, बाएँ माउस बटन को दबाए रखें और माउस को वांछित अंत बिंदु पर ले जाएँ। आकृति तैयार होने पर बायाँ माउस बटन छोड़ दें। आरेखण व्यवहार बहुत हद तक उसी तरह का है जैसा कि आप अन्य पेशेवर ड्राइंग अनुप्रयोगों से जान सकते हैं।
यदि आपका आकार गलत आकार का हो जाता है, तो कोई चिंता नहीं - आप इसे बाद में कभी भी बदल सकते हैं, या तो इसे माउस से आकार देकर या समायोजन करने के लिए गुण फलक का उपयोग करके।
Let's start with the simple drawing tools:
लाइन टूल
एक लाइन टूल से आप... टा-दा! - एक रेखा खींचें।
छोटा रास्ता: L चाभी
एक सीधी रेखा खींचने के लिए, ड्राइंग करते समय Shift कुंजी दबाए रखें। फिर टूल आपकी सहायता के लिए 15-डिग्री की वृद्धि पर स्नैप करेगा।
रेखा उपकरण स्केची रेखाएँ उत्पन्न करता है। एप्लिकेशन पर्दे के पीछे एक जटिल पथ खींचता है जो रेखा को हाथ से खींचा हुआ दिखता है। यदि आपको एक गैर-स्केची (पूरी तरह से सीधी) रेखा की आवश्यकता है, तो आप हमारे पेन टूल का उपयोग कर सकते हैं या अपनी लाइन को पथ में बदल सकते हैं।
रेकटेंगल टूल
एक आयत उपकरण के साथ आप ... ड्रम-रोल - एक आयत बना सकते हैं।
छोटा रास्ता: R चाभी
आकृति के पक्षानुपात को लॉक करने के लिए, आरेखण करते समय Shift कुंजी दबाए रखें।
आयत उपकरण भी रेखा उपकरण की तरह ही स्केची आकार का निर्माण करता है। यदि आपको एक गैर-स्केची आयत की आवश्यकता है, तो आप हमारे आयत उपकरण का उपयोग कर सकते हैं या अपने आयत को पथ में बदल सकते हैं।
अंडाकार उपकरण
एक दीर्घवृत्त उपकरण के साथ आप अपनी परियोजनाओं में शानदार दिखने वाले दीर्घवृत्त जोड़ सकते हैं।
छोटा रास्ता: C चाभी
आकृति के पक्षानुपात को लॉक करने के लिए, आरेखण करते समय Shift कुंजी दबाए रखें।
आइए हमारे अधिक उन्नत वेक्टर टूल पर एक नज़र डालें:
Pen tool
पेन टूल से आप किसी भी प्रकार की पॉलीलाइन और पॉलीगॉन बना सकते हैं।
छोटा रास्ता: P चाभी
पाथ एडिट टूल के साथ बेजियर कर्व्स लगाने से पहले पेन एक आकृति का त्वरित स्केच बनाने (नियंत्रण बिंदुओं को जोड़ने) के लिए उपयोगी है। आप अपने नियंत्रण बिंदुओं को जोड़ते समय बस एक बिंदु जोड़ते समय खींचकर बेज़ियर वक्र भी जोड़ सकते हैं।
पेन टूल का उपयोग करने के टिप्स:
किसी भी मौजूदा पथ में एक बिंदु जोड़ने के लिए, कलम उपकरण का चयन करें और दूसरे बिंदु को जोड़ने के लिए पथ पर कहीं भी क्लिक करें।
पथ से किसी बिंदु को हटाने के लिए, कलम उपकरण का चयन करें और उस मौजूदा बिंदु पर क्लिक करें जिसे आप हटाना चाहते हैं।
बहुभुज को बंद करने के लिए बस अपना अंतिम बिंदु सीधे पहले बिंदु के ऊपर जोड़ें। माउस कर्सर यह इंगित करने के लिए बदल जाएगा कि बहुभुज अब बंद हो जाएगा।
पथ संपादन उपकरण
पाथ एडिट टूल से आप किसी भी मौजूदा पथ को संशोधित कर सकते हैं, चाहे वह कैसे भी बनाया गया हो - चाहे वह पेन, पेंसिल या किसी अन्य वेक्टर एडिटिंग टूल से हो।
छोटा रास्ता: A चाभी
पाथ एडिट टूल आपके पथों में समायोजन करने के लिए उपयोगी है, जैसे कि मूविंग पॉइंट्स और बेज़ियर कर्व्स को एडिट करना।
पाथ एडिट टूल का उपयोग करके कर्व कैसे बनाएं:
1. अपने माउस को उस पथ बिंदु पर घुमाएं जिसे आप वक्र के लिए नियंत्रण बिंदु में बदलना चाहते हैं।
2. Alt कुंजी (मैक पर विकल्प कुंजी) को दबाए रखें और अपने माउस कर्सर को नीचे क्लिक करते समय बिंदु से दूर किसी भी तरफ "खींचें"।
3. वक्र-समायोजन हैंडल दिखाई देंगे (चित्रण में एक पतली रेखा से जुड़े नीले बिंदु)। वक्र को आवश्यकतानुसार समायोजित करने के लिए इन हैंडल का उपयोग करें।
4. आप नियंत्रण बिंदु पर ऑल्ट-क्लिक करके वक्र को वापस सामान्य कोण वाले कोने में भी बदल सकते हैं।
पेंसिल उपकरण
पेंसिल टूल से आप कोई भी फ्रीहैंड ड्राइंग बना सकते हैं।
छोटा रास्ता: Y चाभी
बस यह सुनिश्चित करें कि आपके पास हाथ से ड्राइंग करने का अच्छा कौशल है :-) पेंसिल टूल का उपयोग करते समय एक Wacom बोर्ड या अन्य ड्राइंग टैबलेट काम आ सकता है।
हाथ उपकरण
आप डिज़ाइन की सतह के चारों ओर पैन करने के लिए हैंड टूल का उपयोग कर सकते हैं। यह तब सुविधाजनक होता है जब आपके पास उच्च स्तर का ज़ूम लागू होता है और चीजों को देखने के लिए आपको नाजुक स्क्रॉल समायोजन करने की आवश्यकता होती है।
छोटा रास्ता: H चाभी वैकल्पिक रूप से, आप हाथ उपकरण को अस्थायी रूप से सक्रिय करने के लिए स्पेस कुंजी को दबाए रख सकते हैं और बाएं माउस बटन का उपयोग कर सकते हैं। यह तब उपयोगी होता है जब आप किसी अन्य टूल (उदाहरण के लिए पेन) का उपयोग कर रहे हों और आपको पेन को निष्क्रिय किए बिना स्क्रॉल करने की आवश्यकता हो। बस स्पेस की को छोड़ दें और पेन एक बार फिर से सक्रिय टूल बन जाएगा।
सामान्य आकार
हमारे टूलबॉक्स में आपको कई और सामान्य रूप से उपयोग की जाने वाली वेक्टर आकृतियाँ मिलेंगी।
ये आकार सभी प्रकार के प्रोजेक्ट में दिखाई देते हैं (टूलबॉक्स में अन्य स्टैंसिल एक प्रोजेक्ट प्रकार के लिए विशिष्ट होते हैं)।
वेक्टर वस्तुओं के सामान्य गुण
हमारे सभी वेक्टर ऑब्जेक्ट गुणों के एक सामान्य सेट के साथ समर्थित हैं - स्ट्रोक ब्रश, स्ट्रोक चौड़ाई और भरण ब्रश (जहां लागू हो)।
यह आपको ऐसी शैली में जल्दी से आकृति बनाने की सुविधा देता है जो आपके बाकी डिज़ाइन से मेल खाती हो।
पृष्ठ लिंक दृश्य संकेतक
कभी-कभी आप अपने वायरफ्रेम में केवल कुछ सक्रिय लिंक जोड़ना चुन सकते हैं। ऐसे मामलों में, दर्शकों के लिए यह जानना मुश्किल हो सकता है कि आपके डिज़ाइन के कौन से तत्व वास्तव में क्लिक करने योग्य हैं। इस कारण से हमने किसी प्रोजेक्ट को शेयर या पूर्वावलोकन मोड में देखते समय कुछ सूक्ष्म पृष्ठ लिंक संकेतकों को चालू और बंद करने की क्षमता शामिल की है। ये संकेत क्लिक करने योग्य तत्वों का एक दृश्य संकेत प्रदान करते हैं जो आपके डिज़ाइन के प्रत्येक पृष्ठ पर मौजूद होते हैं।
यदि आपने डिज़ाइन मोड में किसी तत्व के लिए एक पृष्ठ लिंक असाइन किया है, तो प्रोजेक्ट को शेयर या पूर्वावलोकन मोड में देखते समय उस तत्व पर संबंधित पृष्ठ लिंक संकेतक प्रदर्शित किया जाएगा।
पूर्वावलोकन या साझा मोड में होने पर पृष्ठ लिंक संकेतक डिफ़ॉल्ट रूप से चालू होते हैं, लेकिन पृष्ठ के ऊपरी दाएं कोने में लिंक टॉगल पर क्लिक करके इसे आसानी से बंद किया जा सकता है।
कॉपी और पेस्ट करना
आप पृष्ठों या प्रोजेक्ट के बीच तत्वों को आसानी से कॉपी और पेस्ट कर सकते हैं। आप एक ही वायरफ्रेम प्रोजेक्ट में कॉपी और पेस्ट कर सकते हैं, या एक प्रोजेक्ट से कॉपी करके दूसरे प्रोजेक्ट में पेस्ट कर सकते हैं जो एक अलग टैब, विंडो या यहां तक कि एक अलग ब्राउज़र में खुला है।
बस अपने डिज़ाइन में उन तत्वों का चयन करें जिन्हें आप कॉपी करना चाहते हैं और उन्हें क्लिपबोर्ड पर कॉपी करने के लिए अपने कीबोर्ड पर Ctrl+C (Mac पर Cmd+C) कुंजी संयोजन का उपयोग करें।
अब आपके क्लिपबोर्ड पर मौजूद तत्वों को चिपकाने के लिए, बस उस प्रोजेक्ट के पेज पर ब्राउज़ करें जिस पर आप उन्हें कॉपी करना चाहते हैं, और अपने कीबोर्ड पर Ctrl+V (Mac पर Cmd+V) बटन दबाएं। इतना ही! पिछले तत्वों को अब नए स्थान पर कॉपी किया गया है।
सुरक्षा कारणों से, ब्राउज़र टैब के बीच कॉपी करना केवल कीबोर्ड शॉर्टकट का उपयोग करते समय ही काम करता है। यह राइट क्लिक से सक्रिय किए गए संदर्भ मेनू से काम नहीं करेगा।
ग्राफिक्स चिपकाना
निन्जामॉक आपके वर्कफ़्लो का समर्थन करता है, तब भी जब आप Adobe Photoshop जैसे अन्य ग्राफ़िक्स अनुप्रयोगों में उच्च-निष्ठा डिज़ाइन के साथ काम कर रहे हों। भले ही आप अपने डिज़ाइन कार्य के वैचारिक और वायरफ़्रेमिंग चरणों के साथ समाप्त हो गए हों, फिर भी आप अपने पिक्सेल-परफेक्ट डिज़ाइन को निन्जामॉक में पेस्ट करके अपने वर्कफ़्लो को जारी रखने के लिए आसानी से निन्जामॉक का उपयोग कर सकते हैं। इससे आपके लिए अपने पॉलिश किए गए विज़ुअल डिज़ाइन को अपने सहकर्मियों, हितधारकों और ग्राहकों को प्रतिक्रिया और अनुमोदन के लिए वितरित करना आसान हो जाता है। आपकी डिज़ाइन समीक्षाओं को संभालने के लिए कोई और अधिक भारी ईमेल थ्रेड या अव्यवस्थित फ़ाइल शेयर नहीं!
जब आप अपनी पसंद के ग्राफ़िक्स एप्लिकेशन में अपने मॉकअप डिज़ाइन कार्य के साथ समाप्त कर लें, तो आपको बस अपने पास मौजूद डिज़ाइनों को कॉपी करने के लिए एप्लिकेशन के कॉपी कमांड का उपयोग करना होगा, निन्जामॉक पर वापस लौटना होगा और फिर अपने ग्राफिक्स को निन्जामॉक में पेस्ट करना होगा। Ctrl+V (Mac पर Cmd+V) कुंजी संयोजन। अब आपको ग्राफ़िक्स एप्लिकेशन से छवि फ़ाइलों के रूप में अपने डिज़ाइन कार्य को सहेजने या निर्यात करने के बारे में चिंता करने की आवश्यकता नहीं है! आप अपने इच्छित ग्राफ़िक्स को कॉपी करने के लिए अपने ऑपरेटिंग सिस्टम की क्लिपबोर्ड कार्यक्षमता का भी उपयोग कर सकते हैं। उदाहरण के लिए, मैक पर आप क्लिपबोर्ड कॉपी चयन मार्की खोलने के लिए सीएमडी + Ctrl + Shift + 4 कुंजी संयोजन का उपयोग कर सकते हैं, जिसे आप कॉपी करना चाहते हैं उसे फिट करने के लिए चयन खींचें, और फिर इसे निन्जामॉक में पेस्ट करें।
पारदर्शिता समर्थित नहीं है। विज़ुअल में पारदर्शी क्षेत्र जिन्हें आप अन्य एप्लिकेशन से कॉपी करते हैं, उन्हें एक सफेद पृष्ठभूमि के साथ प्रस्तुत किया जाएगा।
कुछ प्रतिबंधों के कारण, इस प्रकार की पेस्टिंग वर्तमान में फ़ायरफ़ॉक्स ब्राउज़र में समर्थित नहीं है।
सहयोग
वायरफ्रेमिंग के पीछे मूल विचार आपके विचारों को संप्रेषित करने के बारे में है। तत्काल प्रतिक्रिया प्राप्त करने के लिए अपनी टीम या ग्राहकों के साथ अपना काम साझा करें और सुनिश्चित करें कि हर कोई परियोजना की प्रगति के साथ अप-टू-डेट है।
शेयरिंग
एक क्लिक से आप अपने वायरफ्रेम प्रोजेक्ट को किसी के भी साथ साझा कर सकते हैं। निंजामॉक स्वचालित रूप से एक विशेष गुप्त लिंक उत्पन्न करता है (उदाहरण के लिए "ninjamock.com/s/some-code") जिसका उपयोग तब आपके प्रोजेक्ट को खोलने और देखने के लिए किया जा सकता है।
जिन लोगों के साथ आप इस लिंक को साझा करते हैं, उन्हें निन्जामॉक खाते की आवश्यकता नहीं है। यह आपके काम को आपके ग्राहकों को प्रस्तुत करने के लिए विशेष रूप से उपयोगी है जो वायरफ्रेमिंग टूल का उपयोग नहीं करते हैं। भले ही आपके ग्राहकों के पास निन्जामॉक खाता नहीं है, फिर भी वे डिजाइन और टिप्पणियों को देख सकते हैं, और यहां तक कि आपकी परियोजना में अपनी टिप्पणियां भी जोड़ सकते हैं।
अगर कोई ऐसा व्यक्ति जिसके पास निन्जामॉक खाता नहीं है, वह आपके वायरफ्रेम या मॉकअप डिजाइन पर टिप्पणी करता है, तो टिप्पणी लेखक को "शैडो निंजा #some-number" के रूप में प्रदर्शित किया जाएगा। यह एक विशेष अस्थायी खाता है जिसे हम विशेष रूप से गैर-ग्राहकों के लिए बनाते हैं जब वे टिप्पणियां जोड़ते हैं।
अपनी परियोजना साझा करना कैसे शुरू करें:
1. शीर्ष नेविगेशन बार में, शेयर बटन पर क्लिक करें।
2. "साझा करना शुरू करें" बटन पर क्लिक करें।
3. जिसे आप चाहते हैं उसे स्वचालित रूप से जेनरेट किया गया लिंक भेजें।
अपना प्रोजेक्ट साझा करना बंद करने के लिए, बस उसी संवाद में "साझा करना बंद करें" बटन पर क्लिक करें। आपका गुप्त लिंक तब तक काम नहीं करेगा जब तक आप फिर से साझा करना शुरू नहीं करते।
आंशिक बंटवारा
यह सामान्य है कि आप अपने ग्राहकों के साथ अपने वायरफ़्रेम प्रोजेक्ट के केवल एक विशिष्ट भाग को साझा करना चाहते हैं, उनके बिना उन अनुभागों तक पहुँच प्राप्त करना जो अधूरे हैं। हो सकता है कि आप प्रोजेक्ट के अगले भाग पर काम करना जारी रखना चाहें, जबकि वे तैयार सामग्री की समीक्षा करने की प्रतीक्षा कर रहे हों। हमारी पृष्ठ स्थितियों का उपयोग करके आप आसानी से नियंत्रित कर सकते हैं कि कौन से पृष्ठ साझा किए जाएं और कौन से नहीं।
ऊपर दिए गए उदाहरण में, केवल "डिज़ाइन पूर्ण" या "स्वीकृत" स्थिति वाले पृष्ठ साझा किए जाते हैं। कोई भी व्यक्ति जो गुप्त लिंक का उपयोग करता है (यदि आप इसका परीक्षण करना चाहते हैं तो स्वयं सहित) को कोई भी वायरफ्रेम पृष्ठ नहीं दिखाई देंगे जो "प्रगति में" के रूप में चिह्नित हैं।
स्टार्टअप पेज
अपने वायरफ्रेम के भीतर विभिन्न प्रवाहों का परीक्षण करने के लिए, एक विशिष्ट पृष्ठ चुनना अक्सर उपयोगी होता है जहां आप चाहते हैं कि आपके समीक्षक आपके डिज़ाइन देखना शुरू करें। निंजामॉक में, आप स्टार्टअप पेज को सीधे शेयर डायलॉग पर सेट कर सकते हैं।
स्टार्टअप पृष्ठ प्रोजेक्ट के भीतर ही सहेजा गया है। इसका मतलब है कि आप अपने ग्राहकों को ढेर सारे अलग-अलग सीक्रेट लिंक भेजे बिना स्टार्टअप पेज को कभी भी बदल सकते हैं। गुप्त लिंक के माध्यम से आपके प्रोजेक्ट तक पहुंचने वाला कोई भी व्यक्ति उसी स्टार्टअप पेज पर शुरू होगा।
मोबाइल उपकरणों पर खुल रहा है
निन्जामॉक प्रोजेक्ट टैबलेट और स्मार्टफोन पर भी खोले जा सकते हैं, जिससे यह देखना बहुत सुविधाजनक हो जाता है कि आपके वायरफ्रेम और मॉकअप डिजाइन विशिष्ट उपकरणों पर कैसे दिखाई देते हैं!
एक टीम की तरह काम करो
समीक्षा के लिए किसी प्रोजेक्ट को साझा करने और टिप्पणियां प्राप्त करने में सक्षम होना कभी-कभी पर्याप्त नहीं होता है। निंजामॉक वायरफ्रेम संपादक आपको अपना कार्यक्षेत्र साझा करने और अपनी टीम के साथ रीयल-टाइम में सहयोग करने की अनुमति देता है। अपने व्यावसायिक भागीदारों और सहकर्मियों को अपनी परियोजना में शामिल होने के लिए आमंत्रित करें और उन्हें विशेषाधिकार प्रदान करें ताकि वे सीधे योगदान कर सकें।
आपके साझा कार्यक्षेत्र पर काम करने के लिए सभी को आमंत्रित किया जा सकता है। बस आमंत्रण भेजें और यदि आपके आमंत्रणों का पहले से कोई खाता नहीं है, तो वे कुछ ही सेकंड में अपना खाता बना लेते हैं। एक और बड़ी बात यह है कि अगर वे आपकी परियोजनाओं में शामिल होते हैं तो वे अपनी उपलब्ध परियोजनाओं का उपयोग नहीं करते हैं! - और चिंता न करें - आप बॉस हैं, और आप तय करते हैं कि आपके प्रत्येक प्रोजेक्ट के लिए आपके सहयोगियों के पास क्या विशेषाधिकार होंगे।
पहुँच भूमिकाएँ
कार्यस्थान पर अनुमतियां उपयोगकर्ता की निर्दिष्ट भूमिका के साथ परिभाषित की जाती हैं। निन्जामॉक में चार भूमिकाएँ हैं: मालिक, प्रशासक, डिज़ाइनर और समीक्षक।
कौन क्या कर सकता है?
स्वामी - वह उपयोगकर्ता है जो फ़ोल्डर और प्रोजेक्ट बनाता है। परियोजना पर स्वामी का पूर्ण नियंत्रण होता है। स्वामी सहयोगियों को आमंत्रित करता है और उन्हें भूमिकाएँ सौंपता है। प्रत्येक बनाया गया प्रोजेक्ट स्वामी के उपलब्ध प्रोजेक्ट्स की संख्या में गिना जाता है।
प्रबंधक - फ़ोल्डरों और परियोजनाओं पर पूर्ण नियंत्रण रखता है और अन्य सहयोगियों को आमंत्रित कर सकता है। प्रोजेक्ट्स की गणना व्यवस्थापक के स्वयं के खाते के लिए उपलब्ध वायरफ़्रेम और मॉकअप प्रोजेक्ट्स की संख्या में नहीं होती है।
डिजाइनर - जैसा कि कोई उम्मीद कर सकता है कि डिजाइनर परियोजना में काम करेंगे। हालांकि, यह उपयोगकर्ता अन्य उपयोगकर्ताओं और उनकी भूमिकाओं को प्रशासित करने में सक्षम नहीं होगा। यह परियोजना डिजाइनरों के अपने खाते के लिए उपलब्ध परियोजनाओं की संख्या में भी शामिल नहीं है।
आलोचक - सबसे कम अनुमतियों वाली भूमिका समीक्षक की होती है। जैसा कि नाम से पता चलता है, वे प्रोजेक्ट को देख सकते हैं और उस पर टिप्पणी कर सकते हैं, लेकिन प्रोजेक्ट में डिज़ाइन करने और मॉकअप को बदलने में सक्षम नहीं होंगे। साथ ही, समीक्षक अन्य उपयोगकर्ताओं और उनकी भूमिकाओं को प्रशासित नहीं कर सकते हैं। परियोजना समीक्षकों के अपने खाते के लिए उपलब्ध परियोजनाओं की संख्या में नहीं गिना जाता है।
कार्यस्थान साझा करें
प्रोजेक्ट के कार्यक्षेत्र को साझा करना इतना आसान कभी नहीं रहा: बस प्रोजेक्ट एडिटर में टीम विकल्प पर क्लिक करें।
आप प्रोजेक्ट, फ़ोल्डर या खाता स्तर पर टीम को प्रबंधित करने के विकल्प का उपयोग करके मेरे प्रोजेक्ट्स पेज पर वायरफ्रेम और मॉकअप प्रोजेक्ट्स की अपनी सूची से वर्कस्पेस शेयरिंग भी शुरू कर सकते हैं।
जब आप अपना कार्यक्षेत्र साझा करने के लिए आमंत्रण भेजते हैं, तो आप मौजूदा निन्जामॉक उपयोगकर्ताओं को जोड़ सकते हैं या नए उपयोगकर्ताओं को अपना निन्जामॉक खाता बनाने और अपने प्रोजेक्ट में शामिल होने के लिए आमंत्रित कर सकते हैं।
आप जितने चाहें उतने सहयोगी जोड़ सकते हैं।
टीम का प्रबंधन करें
एक प्रोजेक्ट स्वामी के रूप में, आपके पास अपने वायरफ़्रेम और मॉकअप प्रोजेक्ट्स पर पूर्ण नियंत्रण होता है।
निंजामॉक वायरफ्रेम संपादक आपको प्रोजेक्ट, फ़ोल्डर और खाता स्तर दोनों पर उपयोगकर्ता विशेषाधिकार सेट करने देता है। अपने सहयोगियों को प्रोजेक्ट पर जितनी चाहें उतनी या कम शक्ति प्रदान करें: उन्हें व्यवस्थापक, डिज़ाइनर या समीक्षक बनाएं।
प्रबंधन टीम तीन अलग-अलग स्तरों पर काम करती है: खाता, फ़ोल्डर या प्रोजेक्ट। अनुमतियाँ जोड़ें और पहुँच अधिकारों और अनुमतियों का पूर्ण अनुकूलन प्राप्त करें। सबसे निचले स्तर पर सेट की गई अनुमतियां हमेशा प्राथमिकता लेंगी।
साझा कार्यक्षेत्र तक पहुंचना
अगर कोई आपके साथ प्रोजेक्ट वर्कस्पेस साझा करता है, तो आपको प्रोजेक्ट एक्सेस करने के लिए एक लिंक के साथ एक ईमेल प्राप्त होगा। यदि आपके पास अभी तक एक निंजामॉक खाता नहीं है, तो आपको एक बनाने के लिए कहा जाएगा। इसमें केवल सेकंड लगते हैं!
प्रोजेक्ट एक्सेस के साथ, आपको कुछ अनुमतियाँ दी जाएंगी: व्यवस्थापक, डिज़ाइनर या समीक्षक। ये अनुमतियां आपको खाता स्वामी द्वारा दी गई हैं।
सभी प्रोजेक्ट्स के कार्यक्षेत्र (आपके या आपके साथ साझा किए गए) को एक ही स्थान से एक्सेस करें: माई प्रोजेक्ट्स। अपनी परियोजनाओं तक पहुँचने के लिए खातों के बीच स्विच करें।
प्रोजेक्ट एक्सेस के अलावा, आपको फोल्डर या अकाउंट लेवल तक पहुंच प्रदान की जा सकती है। इस तरह आपके पास फ़ोल्डर में या पूरे खाते के सभी प्रोजेक्ट पर समान अधिकार होंगे।
आपके साथ साझा किए गए प्रोजेक्ट आपकी अपनी योजना की प्रोजेक्ट संख्या को प्रभावित नहीं करेंगे।
एक साथ काम करना
किसी प्रोजेक्ट पर सहयोग का अर्थ है कि सभी उपयोगकर्ता प्रोजेक्ट कार्यक्षेत्र तक पहुंच सकते हैं और अपने विशेषाधिकारों के आधार पर प्रोजेक्ट में योगदान कर सकते हैं।
सभी परिवर्तन और चालें बाकी टीम को रीयल-टाइम में प्रदर्शित की जाती हैं और सर्वर पर सहेजी जाती हैं।
पृष्ठ स्थिति
हो सकता है कि आप यह समझने के लिए अपने काम की प्रगति को ट्रैक करना चाहें कि परियोजना पूरी होने के कितने करीब है। निंजामॉक वायरफ्रेम संपादक में, आप और आपके समीक्षक अलग-अलग पृष्ठों की स्थिति को नियंत्रित कर सकते हैं।
प्रत्येक पृष्ठ में निम्न में से एक स्थिति "प्रगति में" (डिफ़ॉल्ट स्थिति), "डिज़ाइन पूर्ण" और "स्वीकृत" हो सकती है।
किसी पृष्ठ की स्थिति में सभी परिवर्तन मैन्युअल रूप से होते हैं। हमने कोई जटिल कार्यप्रवाह लागू नहीं किया है जो यह तय करता है कि कौन स्थिति बदल सकता है या किस समय। इसके बजाय, हमने इसे सरल और लचीला रखने का निर्णय लिया है; कोई भी उपयोगकर्ता जिसके पास आपकी परियोजना तक पहुंच है, वह किसी भी समय किसी भी स्थिति को बदल सकता है।
पृष्ठ की स्थिति रीयल-टाइम में सिंक्रनाइज़ की जाती है, इसलिए आपको किसी पृष्ठ की नवीनतम स्थिति देखने के लिए अपने ब्राउज़र को रीफ़्रेश करने की आवश्यकता नहीं है।
परियोजना अवलोकन
किसी विशिष्ट पृष्ठ के बजाय संपूर्ण वायरफ़्रेम या मॉकअप प्रोजेक्ट की स्थिति देखने के लिए, आप प्रोजेक्ट अवलोकन वेब पेज का उपयोग कर सकते हैं। आप "अवलोकन" पर क्लिक करके इसे एक्सेस कर सकते हैं।
अवलोकन पृष्ठ में आपके प्रोजेक्ट के सभी पृष्ठों का विवरण होता है, जैसे पृष्ठ की स्थिति और अनसुलझे टिप्पणियों की संख्या।
पीडीएफ/पीएनजी में निर्यात करें
पीडीएफ में निर्यात करना और कागज पर प्रिंट करना अभी भी वायरफ्रेमिंग का एक अनिवार्य हिस्सा है। कई विचार निर्माता अपने वायरफ्रेम का प्रिंट आउट लेते हैं और उन्हें कार्यालय की दीवारों पर लगाते हैं; कुछ उन्हें प्रेरणा के लिए उपयोग करते हैं, अन्य समूह के रूप में डिजाइनों पर चर्चा कर रहे हैं और दीवार पर टिप्पणियां जोड़ रहे हैं।
निंजामॉक वायरफ्रेम संपादक में हम आपको पेज लिंक और पेज टिप्पणियों के साथ अपने वायरफ्रेम निर्यात करने का अवसर देकर इस अभ्यास का समर्थन करते हैं। इस तरह आप कागज पर होने पर भी अपने डिजाइन की बातचीत को नेविगेट कर सकते हैं।
जब आप निर्यात करते हैं और टिप्पणियों को शामिल करना चुनते हैं, तो हम वायरफ़्रेम पृष्ठ के आगे सभी पृष्ठ टिप्पणियाँ जोड़ते हैं।
टिप्पणियों में वही अद्वितीय टिप्पणी संख्याएं हैं जो उनके पास निन्जामॉक की डिज़ाइन सतह में हैं।
HTML में निर्यात करें
आप अपने प्रोजेक्ट्स को HTML के रूप में भी निर्यात कर सकते हैं। HTML के रूप में निर्यात करने से आप अपने कंप्यूटर पर फ़ाइलें डाउनलोड कर सकते हैं या सुविधाजनक पहुंच और भंडारण के लिए उन्हें अपने स्वयं के वेब सर्वर में जोड़ सकते हैं। यह आपकी परियोजनाओं को अपने भागीदारों और ग्राहकों के साथ साझा करने के लिए आसान हो सकता है।
HTML प्रोटोटाइप आपके काम का पूर्वावलोकन करते समय अधिक इंटरैक्टिव अनुभव प्रदान करते हैं, उदाहरण के लिए, आपको टेक्स्ट टाइप करने और चेकबॉक्स को चिह्नित करने की अनुमति देता है।
परियोजना प्रबंधन
हम निन्जामॉक वायरफ्रेम संपादक के अंदर चीजों को व्यवस्थित रखना पसंद करते हैं। हम आपकी परियोजनाओं के भीतर पृष्ठों को समूहबद्ध करने के लिए सुविधाजनक तरीके प्रदान करते हैं और हम आपको अपनी परियोजनाओं को फ़ोल्डरों के अंदर व्यवस्थित करने की अनुमति भी देते हैं - ठीक आपके कंप्यूटर की फाइलों की तरह।
पृष्ठ समूह
जब आपका प्रोजेक्ट बढ़ता है और नेविगेट करना अधिक कठिन हो जाता है, तो अपने पृष्ठों को समूहों में अलग करना अच्छा होता है। उदाहरण के लिए, आप उन्हें अपने एप्लिकेशन डिज़ाइन में उनके संबंधित क्षेत्रों के अनुसार समूहित कर सकते हैं; जैसे लॉगिन पृष्ठ, सेटिंग पृष्ठ, आदि - या कोई अन्य तरीका जो आपको पसंद हो।
एक पृष्ठ समूह केवल पृष्ठों का एक नामित समूह होता है (एक पृष्ठ एक समय में केवल एक समूह में हो सकता है)। आप जितने चाहें उतने समूह बना सकते हैं, समूहों के बीच पृष्ठों को स्थानांतरित कर सकते हैं, या उन्हें समूह के भीतर क्रमबद्ध कर सकते हैं।
पृष्ठ समूह बनाने के लिए, फलक के ऊपरी-दाएँ कोने में संबंधित चिह्न पर क्लिक करके पृष्ठ फलक का विस्तार करें।
प्रोजेक्ट फोल्डर
एक पल के लिए अपने कंप्यूटर की फाइलों के बारे में सोचें। जब आपके पास बहुत अधिक फ़ाइलें होती हैं और आप जो चाहते हैं उसे ढूंढना कठिन हो जाता है, तो आप बस फ़ोल्डर बनाते हैं और फ़ाइलों को अंदर ले जाते हैं, है ना?
हमने उसी अनुभव को निन्जामॉक में पुन: प्रस्तुत किया है; आप प्रोजेक्ट फोल्डर बना सकते हैं, विभिन्न वायरफ्रेम और मॉकअप प्रोजेक्ट्स को फोल्डर में डाल सकते हैं, फोल्डर को अन्य फोल्डर में ले जा सकते हैं, आदि। यह आपके काम को व्यवस्थित करने का एक सुविधाजनक और परिचित तरीका है।
किसी प्रोजेक्ट (या फ़ोल्डर) को किसी फ़ोल्डर में ले जाने के लिए:
1. प्रोजेक्ट सूची में आइटम को हाइलाइट (होवर करें) करें।
2. "मूव..." टेक्स्ट-लिंक पर क्लिक करें।
3. गंतव्य फ़ोल्डर का चयन करें, और मूव बटन पर क्लिक करके समाप्त करें।
पॉपअप में फ़ोल्डर को विस्तृत या संक्षिप्त करने के लिए ग्रे फ़ोल्डर आइकन पर क्लिक करें।
त्वरित मार्गदर्शिका - वायरफ़्रेम संपादक के लिए
टिप्पणियाँ
निन्जामॉक वायरफ्रेम संपादक व्यक्तिगत वायरफ्रेम पर टिप्पणी छोड़ने और उनकी स्थिति को ट्रैक करने का एक सहज और परिचित तरीका पेश करता है।
टिप्पणियाँ उस पृष्ठ के लिए विशिष्ट हैं जिस पर उन्हें छोड़ा गया है। यदि कोई पृष्ठ हटा दिया जाता है, तो उसकी संगत टिप्पणियाँ अब दिखाई नहीं देंगी।
हमारी टिप्पणियां रीयल-टाइम में सिंक्रनाइज़ की जाती हैं, इसलिए आपको नवीनतम टिप्पणियां प्राप्त करने के लिए प्रोजेक्ट को फिर से खोलने या रीफ्रेश करने की आवश्यकता नहीं है!
टिप्पणियाँ जोड़ना
नई टिप्पणियाँ या तो डिज़ाइन सतह के दाईं ओर टिप्पणी फलक से या वायरफ़्रेम पर कहीं भी राइट-क्लिक करके और पॉपअप मेनू से "टिप्पणी जोड़ें" चुनकर जोड़ी जा सकती हैं।
टिप्पणियों को कौन छोड़ सकता है या संपादित कर सकता है, इस पर हमारे पास कोई प्रतिबंध नहीं है। जो कोई भी आपका प्रोजेक्ट खोलता है, वह किसी भी टिप्पणी को जोड़, संपादित या हटा भी सकता है।
टिप्पणी बुलबुले
प्रत्येक टिप्पणी को डिज़ाइन की सतह पर नीले 'स्पीच बबल' आइकन द्वारा दर्शाया जाता है। स्पीच बबल के अंदर, एक अद्वितीय टिप्पणी संख्या प्रदर्शित होती है।
आप बबल को डिज़ाइन की सतह पर कहीं भी स्वतंत्र रूप से घुमा सकते हैं ताकि दर्शकों को यह समझने में मदद मिल सके कि टिप्पणी किस वायरफ्रेम तत्व को संदर्भित करती है।
टिप्पणी देखने या संपादित करने के लिए स्पीच बबल आइकन पर डबल-क्लिक करें।
ट्रैकिंग टिप्पणी स्थिति
जब कोई टिप्पणी हल हो जाती है, तो वाक् बबल आइकन धूसर हो जाता है, और टिप्पणी को टिप्पणी फलक में सूची के निचले भाग में ले जाया जाता है। यह आपको सक्रिय (अनसुलझे) टिप्पणियों पर ध्यान केंद्रित करने में मदद करता है जो टिप्पणियों की सूची के शीर्ष पर प्रदर्शित होती हैं।
यह जाँचने के लिए कि क्या पूरे प्रोजेक्ट में कोई अनसुलझी टिप्पणियाँ हैं, का उपयोग करें सब टिप्पणियाँ फलक के शीर्ष पर स्विच करें। इस तरह आप केवल वर्तमान पृष्ठ के लिए टिप्पणियों के बजाय सभी पृष्ठों के लिए टिप्पणियां देखेंगे।
कमेंट स्पीच बबल आइकन पर क्लिक करें और आपको सीधे उस पेज पर ले जाया जाएगा जिस पर वह कमेंट छोड़ा गया था। स्क्रॉल स्थिति को भी समायोजित किया जाएगा ताकि यह स्पीच बबल आइकन स्क्रीन के केंद्र में स्थित हो।
ईमेल सूचनाएं
जब नई टिप्पणियां या उत्तर जोड़े जाते हैं तो निंजामॉक वायरफ्रेम संपादक में स्वचालित ईमेल सूचनाएं भी होती हैं।
परियोजना के स्वामी के रूप में, आपको सभी समीक्षकों से टिप्पणियों के बारे में सूचनाएं प्राप्त होंगी।
हालाँकि, समीक्षकों को केवल उन टिप्पणी थ्रेड्स के लिए सूचनाएं प्राप्त होंगी जिनमें वे भाग ले रहे हैं यदि वे एक पंजीकृत निंजामॉक उपयोगकर्ता हैं। गैर-निंजामॉक-उपयोगकर्ता जो गुप्त लिंक के माध्यम से परियोजना तक पहुंचते हैं और टिप्पणी छोड़ते हैं, उन्हें सूचित नहीं किया जाएगा।