09 ते 01
स्वतः UXPin सह प्रारंभ करण्यासाठी कसे
आम्ही मोबाइल डिझाईनच्या क्षेत्रामध्ये जात असताना, अॅप डिझाइन आणि प्रतिसाद डिझाइनमध्ये युएक्स (युजर एक्सपीरियंस) आणि वायरफेमिंग , परस्परसंवादी प्रोटोटाइप आणि मॉकअप या गोष्टींवर भर देण्यात आला आहे. या कोनाडा येथे तेथे एक टन साधने आहेत आणि ते गुंतागुंतीच्या, वैशिष्ट्य लादेन behemoths पासून विरळ आणि केवळ उपयुक्त उपयुक्त पूर्ण विन्यास चालवा. माझ्या डोळ्यांनी पकडलेल्या साधनांपैकी एक म्हणजे युक्सपिन आहे कारण हे डिझाइनर्सने डिझायनर्ससाठी विकसित केले होते.
आम्ही पुढे जाण्यापूर्वी ... एक इशारा जर आपल्याजवळ अशी संस्था आहे जी सॉफ्टवेअरची मालकी घेईल आणि नंतर UXPin आपल्यासाठी नसेल. या अॅपमध्ये केलेले सर्व काम ब्राउझरमध्ये केले जाते आणि आपण जतन केलेले प्रकल्प आपल्या खात्यात जतन केले जातात.
UXPin सह प्रारंभ करण्यासाठी आपण ब्राउझर लॉन्च करा आणि UXPin वर जा. येथून आपण विनामूल्य चाचणीसाठी साइन अप करू शकता किंवा आपल्या अपेक्षित गरजेनुसार मासिक योजना तयार करू शकता. साइन अप प्रक्रिया खूपच सोपी आहे आणि एकदा आपण आपले यूझरनेम आणि पासवर्ड सेट केल्यानंतर, आपण सुरु करण्यास तयार आहात.
02 ते 09
UXPin मध्ये एक प्रकल्प कसे सुरू करावे
आपण लॉग इन करता तेव्हा आपण डॅशबोर्डवर पोहचतो आणि येथून आपण एक नवीन वायरफ्रेम तयार करण्याचा निर्णय घेऊ शकता, एक नवीन मोबाइल प्रोजेक्ट किंवा एक प्रतिसाद वेब डिझाईन प्रकल्प. UXPin साठी प्लग-इन देखील आहेत जे आपल्याला आपल्या फोटोशॉप किंवा स्केच प्रोजेक्टमध्ये आणण्यास अनुमती देईल. या साठी मी काही मजकूर असलेले एक बॅनर तयार कसे करणार आहे आणि बॅनरवर ईमेल बटण जोडेल. हे पार पाडण्यासाठी मी नवीन वायरफ्रेम तयार केले आहे.
03 9 0 च्या
UXPin इंटरफेस कसे वापरावे
डिझाइन पृष्ठभाग चार भागात विभागलेला आहे. डावीकडील काळा भागामध्ये आपण डॅशबोर्डवर परत येऊ शकता, आपण वापरणार असलेले घटक उघडा, स्मार्ट अॅलेमेंट्स पॅनेल उघडा, घटकांसाठी शोध, पृष्ठावर टिपा जोडा आणि टीम सदस्यांना जोडू शकता. खाली एक बटण आहे जे एक लहान ट्यूटोरियल उघडते, दुसरे म्हणजे आपल्याला आपल्या खात्यात प्रवेश मिळविण्याची परवानगी मिळते आणि दुसरे जे सामान्यत: FAQ च्या ऍक्सेस करतात, आपण प्रश्न विचारूया आणि अभिप्राय देखील प्रदान करूया.
शीर्षस्थानी असलेल्या निळ्या क्षेत्रात टूल आणि गुणधर्मांची मालिका आहे. उजवीकडील गडद बटणे आपल्याला आपल्या डिझाईनची पुनरावृत्ती करण्यास परवानगी देतात, प्रोजेक्ट सेटिंग्ज समायोजित करतात, पृष्ठ सामायिक करतात आणि पृष्ठाचे इन-ब्राउझर सिम्युलेशन करतात
एलिमेंटस पॅनेल आहे जिथे आपण डिझाईन पृष्ठासाठी बिट आणि तुकडे हस्तगत करतो, आपल्या प्रोजेक्टला नाव द्या आणि पृष्ठे जोडा किंवा काढा.
एलिमेंट्स लायब्ररी UX डिझाइनरसाठी एक सुखद आश्चर्य आहे. हे पॉप डाउन आपल्याला ऍनो 30 लायब्ररीमधून निवडण्यास परवानगी देते आहे ते iOS पासून Android Lolipop तसेच आपल्याला फॉन्ट अप्रतिम चिन्ह, मोबाइलसाठी जेश्चर चिन्ह आणि सामाजिक विजेट्सच्या संकलनासह बूटस्ट्रॅप आणि फाउंडेशन घटकांपर्यंत प्रवेश आहे.
04 ते 9 0
एक UXPin पृष्ठात एक घटक जोडण्यासाठी कसे
प्रारंभ करण्यासाठी मी बॉक्सच्या साहाय्याने डिझाईन पृष्ठावर ड्रॅग केला आणि जेव्हा मी माऊस सोडते तेव्हा गुणधर्म पॅनेल उघडेल. गुणधर्म बटण आपल्याला घटक नाव देते आणि घटकांची रुंदी उंची आणि स्थान मूल्य सेट करते. आपण एलिमेंटला पॅडिंग जोडू शकता, कोप बाजूने गोल करू शकता आणि त्याच्या अपारदर्शकता समायोजित करू शकता. पार्श्वभूमी रंग बटणावर क्लिक करून एक RGBA रंग निवडक उघडेल.
आपण निवडलेल्या घटकांकडे फॉन्ट, सीमा आणि नमुना देखील प्रदान करू शकता. लाइटनिंग बोल्ट आपल्याला निवडलेल्या घटकास परस्परसंवेदी जोडण्याची क्षमता देते.
05 ते 05
UXPin मध्ये मजकूर जोडा आणि स्वरूपित कसे करावे
मजकूर जोडण्यासाठी, मजकूर घटक ड्रॉज पृष्ठावर ड्रॅग करा आणि आपला मजकूर प्रविष्ट करा. फॉन्ट गुणधर्म उघडण्यासाठी आणि मजकूर स्वरूपित करण्यासाठी मजकूर मालमत्ता बटण क्लिक करा . जर आपल्याला बनावट मजकूर ब्लॉक आवश्यक असेल तर एक मजकूर घटक जोडा आणि फॉन्ट गुणधर्म मध्ये लॉरॅम IPSUM बटणावर क्लिक करा.
06 ते 9 0
एक UXPin पृष्ठ एक प्रतिमा जोडा कसे
हे कार्य पूर्ण करण्यासाठी काही मार्ग आहेत. आपण टूलबारमधील प्रतिमा साधनाचा वापर करू शकता, लायब्ररीमधून एक प्रतिमा घटक जोडा किंवा उपरोक्त दर्शविल्याप्रमाणे डिझाईन पृष्ठावर आपल्या डेस्कटॉपवरील प्रतिमा ड्रॅग आणि ड्रॉप करा.
09 पैकी 07
एक UXPin पृष्ठ एक बटण जोडा कसे
जरी एक बटण घटक असले, तरीही शोध क्षेत्रामध्ये " बटण " प्रविष्ट करणे, वर दाखविल्याप्रमाणे, सर्व लायब्ररीमध्ये आढळलेल्या सर्व बटणे उघडते. आपल्यासाठी डिझाइन पृष्ठभागावर कार्य करते आणि रंग, फॉन्ट आणि बॉर्डर त्रिज्या देखील बदलण्यासाठी गुणधर्मांचा वापर करणारी एक ड्रॅग करा. बटनातील मजकूर बदलण्यासाठी, एकदा मजकूरवर क्लिक करा आणि नवीन मजकूर प्रविष्ट करा.
09 ते 08
UXPin पृष्ठावर परस्परसंवादात्मकता कशी जोडावी
हे प्रथम दिसणे शक्य तितके क्लिष्ट नाही. ईमेल इनपुटसाठी, मी एक इनपुट घटक जोडला, तो पुन्हा आकार दिला, मजकूर प्रविष्ट केला आणि मजकूर स्वरूपित केला. निवडलेल्या इनपुट घटकासह गुणधर्म बटण क्लिक करा आणि, जेव्हा एलिमेंट गुणधर्म दिसेल तेव्हा दृश्यमानता बटण - डोराबॉल क्लिक करा - पॅनेलच्या वरील उजव्या कोपर्यात.
बटण निवडा आणि संवाद साधणे बटण - लाइटनिंग बोल्ट- गुणधर्मांमध्ये जेव्हा संवाद पॅनेल उघडेल, तेव्हा नवीन संवाद निवडा. ट्रीगर पॉप अप क्लिक करा क्लिक करा. अॅक्शन एरियामधे एलामेंट सिलेक्ट करा निवडा. आता कोणती एलिमेंटस दर्शविली जाईल हे विचारले जाईल. बंदुकीच्या गोळीवर एकदा क्लिक करा आणि इनपुट घटक वर क्लिक करा घटक ओळखून, आता आपण घटक निश्चित करण्यासाठी किंवा नाही याचे निर्धारण करु शकता या प्रकरणात मी सहजतेने इनपुट बॉक्स दर्शविण्याचा निर्णय घेतला आणि 300 मि.मी.च्या डीफॉल्ट कालावधी मूल्यासह गेला.
मी क्लिक केल्यावर उजवीकडे 65 पिक्सल्स वर बटण हलू इच्छित आहे. मी बटण निवडले, संवाद पॅनेल उघडले आणि नवीन संवाद निवडला. मी या सेटिंग्ज वापरल्या:
- ट्रिगर : क्लिक करा
- कृती: द्वारा हलवा
- हलवा दिशा : x अक्षावर 65 पिक्सेल
- अॅनिमेशन : रेषेचा
- कालावधी: 300 एमएस
संवाद काढून टाकण्यासाठी घटक निवडा आणि संवाद पॅनेल उघडा. पॅनेलमधील संवाद निवडा आणि ते हटविण्यासाठी कचरा कॅन क्लिक करा.
09 पैकी 09
UXPin मध्ये आपले पृष्ठ कसे तपासावे
खरं तर आपण ब्राउझरमध्ये काम करत असल्यामुळे, चाचणी मृतसत्र सोपे आहे सिम्युलेट डिझाईन बटण क्लिक करा. पृष्ठ ब्राउजर मध्ये उघडेल आणि आपण मार्ग चाचणी करू शकता तेथे पृष्ठाच्या डाव्या बाजूमध्ये एक पॅनेल देखील सामील होईल जे टिप्पण्यांसाठी परवानगी देते, एक साइट मॅप असल्यास एकाधिक पृष्ठे असतील, उपयोगिता चाचणी, थेट सामायिकरण, संपादन आणि डॅशबोर्डवर परत.
पृष्ठाच्या तळाशी एक लहान पॅनेल आहे जो आपल्याला परस्परसंवादी घटक दर्शवू देतो, टिप्पण्या दर्शवू किंवा लपवू देतो आणि इतरांबरोबर प्रकल्प लिंक सामायिक करू देतो.