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

उपकरण खोज

मुझे जल्दी से आवश्यक सॉफ्टवेयर की सूची के साथ दो अच्छे लेख मिले:

• वायरफ्रेम प्रोटोटाइप और निर्माण उपकरण
• रैपिड प्रोटोटाइप उपकरण

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

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

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

इंटरफ़ेस

यह उन लोगों के लिए थोड़ा अपरिचित लग सकता है जो ग्रहण से परिचित नहीं हैं, लेकिन यह जल्दी से गुजर जाएगा।



सब कुछ बहुत सरल और स्पष्ट है।
प्रत्येक तत्व के लिए, आप तत्व और उसके गुणों के पाठ को संपादित कर सकते हैं
स्वरूपण समर्थन के साथ पाठ संपादन एक बहुत ही लचीला उपकरण है, उदाहरण के लिए, पेड़ घटक का पाठ:

wireframing-tutorial
-assets
--icons
---7-location-map.svg
---9-av-shuffle.svg
--logo.png
--logo.screen
--Star.svg


हम इस रूप में देखेंगे:


तत्वों के गुण विंडो में संपादित किए गए हैं:



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

ट्यूटोरियल कहानी

यह इस तरह दिखता है:

वास्तव में, यह एक प्रोजेक्ट मैप है जो (केवल यह हो सकता है, अन्यथा केवल अलग-अलग पृष्ठ होंगे) HTML में पृष्ठों के बीच संक्रमण के साथ निर्यात किया जाता है।

खूनी विशेषताएं

वायरफ्रेमकेचर में कुछ बहुत ही सुविधाजनक विशेषताएं हैं जो संभव के रूप में प्रोटोटाइप प्रक्रिया को कम से कम करते हैं।

• एक क्लिक में अपने घटक बनाना (नवीनतम संस्करण 3.8.2 में)
• Screenflow

घटकों

एक घटक तत्वों के समूह से बनाया गया है।

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

Screenflow

यह लिंक का एक मानचित्र है, स्पष्ट रूप से पृष्ठों के बीच संभावित बदलाव के विकल्प दिखाता है।

निर्यात

यहाँ सब कुछ सरल है:

• एचटीएमएल
• पीडीएफ
• Png

पुनश्च

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

---

युपीडी

टिप्पणियों से लिंक जोड़ें:
ptizza

फ्लिअरबिल्डर । 12 वेब और डेस्कटॉप एनालॉग के विश्लेषण के बाद चयनित ...

Dyz

मैं www.easel.io का उपयोग करता हूं
मैं अब "स्केच" प्रोटोटाइप में बिंदु नहीं देख सकता हूं यदि आप तुरंत उसी गति से html + सीएसएस कर सकते हैं।