01 جو 09
ايڪسپين سان پنهنجو پاڻ ڪيئن شروع ڪيو
جيئن ته اسان موبائل ڊزائن، ايپ ڊزائن ۽ جوابي ڊزائن جي خاطري ۾ منتقل ڪيو ويو آهي يو ايس (صارف تجربو) ۽ تار ڀرمنگ ، انٽرويو پروٽوڪائپنگ ۽ ماک اپ اپ تي. اوزار مان هڪ ٽين آهي، هن جڳهه جو مقصد آهي ۽ اهي پيچيده، فيڊيز ڀريل بيٺڪن کان مڪمل گامن کي ڦهل ۽ بروهي مفيد آهن. منهنجي اوزارن کي پڪڙي ورتو آهي منهنجي اکين کي UXPin آهي ڇاڪاڻ ته اها ڊزائنر طرفان ڊزائنر لاء ترقي يافته هئي.
پهرين اڳتي وڌڻ کان اڳ ... هڪ caveat. جيڪڏهن توهان هڪ تنظيم آهي جيڪا سافٽ ويئر جي مالڪ کي ترجيح ڏني آهي ته پوء اوڪسپين توهان لاء ناهي. هن ايپ ۾ سڀ ڪم ڪيو ويو آهي برائوزر ۾ ٿي چڪو آهي ۽ توهان کي بچايو ٿا منصوبو توهان جي اڪائونٽ ۾ محفوظ ڪيون ويون آهن.
UXPin سان شروع ڪرڻ لاء توهان هڪ برائوزر شروع ڪيو ۽ يوڪسپين جي سر تي. هتي کان توهان مفت آزمائشي لاء سائن اپ ڪري سگهو ٿا يا هڪ پيش ڪيل ضرورت جي بنياد تي هڪ مهيني منصوبي جو بندوبست ڪري سگهو ٿا. سائن اپ وارو عمل بلڪل آسان آهي ۽ هڪ دفعو توهان پنهنجي صارف جو نالو ۽ پاسورڊ قائم ڪيو آهي، توهان شروعات ڪرڻ لاء تيار آهيو.
02 جو 09
يوڪسپين ۾ هڪ منصوبي ڪيئن شروع ڪجي
جڏهن توهان توهان کي لاگ ان ڪري ڊيش بورڊ تي پهچي وڃو، ۽ هتي کان هتي هڪ نئين تار فريم، نئين موبائيل منصوبو يا هڪ قبول ويب ڊيزائن منصوبي ٺاهڻ جو فيصلو ڪري سگهو ٿا. UXPin لاء پڻ پلگ ان آهن جيڪي توهان کي پنهنجي فوٽوشاپشاپ يا اسڪاچ پراجيڪٽ ۾ آڻڻ جي اجازت ڏين ٿيون. انهي لاء آئون ڪيئن ڪجهه متن سان بينر ٺاهي وڃڻ وارو آهيان ۽ بينر ڏانهن هڪ اي ميل بٽڻ شامل ڪري رهيو آهيان. هن کي مڪمل ڪرڻ لاء منهنجو چونڊيو هڪ نئون wireframe ٺاهي.
03 جو 09
يوڪسپين انٽرنيٽ کي ڪيئن استعمال ڪجي
ڊيزائن جي مٿاڇري کي چار علائقن ۾ ڀڄي ويو آهي. کاٻي پاسي واري کاٻي پاسي واري اوزار جا هڪ سلسلو آهن جنهن کي توهان ڊيش بورڊ ڏانهن واپس آڻيندا، توهان کي استعمال ڪندي عناصر کليل، Smart Elements پينل کولڻ، عناصر جي ڳولا ڪريو، صفحي ڏانهن نوٽس شامل ڪريو ۽ ٽيم ميمبرن کي شامل ڪريو. تري ۾، هڪ بٽڻ آهي، جيڪو ننڍڙو ننڍڙو سبق آهي، ٻيو توهان کي توهان جي اڪائونٽ جي رسائي جي اجازت ڏئي ٿو ۽ ٻيڙي جي پڇي وڃڻ جي اجازت ڏئي ٿي، توهان سوالن جا جواب ڏيو ۽ موٽ ڏيو پڻ.
نيري ايراضي ۾ اوپري سان گڏ اوزار ۽ ملڪيت جا هڪ سلسلو آهن. ساڄي پاسي تي گندي بٽڻ توهان کي پنهنجي ڊزائينزن کي آڇ ڪرڻ جي، منصوبي جي ترتيبن کي ترتيب ڏيڻ، صفحي کي حصيداري ڪرڻ ۽ صفحي جي ان ۾ برائوزر تخليق ڪرڻ جي اجازت ڏين ٿا.
عناصر پينل آھي جتي توھان بٽ ۽ ڊزائينر جي سطح لاء ٽڪراڳيندا آھيو، پنھنجي منصوبو کي نالو ڏيو ۽ صفحا شامل ڪريو يا ڊاٽيو.
عناصر لائبريري يو آر جي ڊزائنر لاء خوشگوار تعجب آهي. هي پاپ توهان کي آنون 30 لائسنس مان iOS کان ۽ Android Lolipop کان چونڊڻ جي اجازت ڏئي ٿو توهان سان گڏ بوٽ اسٽيٽپ ۽ فائونڊيشن عناصر تائين فونٽ تمام بهترين شقن، موبائل لاء گستور شڪنز ۽ سوشل وگٽس جي هڪ جمع.
04 جو 09
ايڪسپين پيج تي هڪ عنصر شامل ڪرڻ لاء
شروعات ڪرڻ لاء آئون باڪس ڊزائن جي مٿاڇري کي ڇڪيو ۽ جڏهن، جڏهن مائوس ڇڏائي، پراجنٽ پينل کوليو. پراپرٽمنٽس بٽڻ کي توھان کي عنصر جو نالو ڏئي ٿو ۽ عنصر جي چوٽي جي اوچائي ۽ پوزيشن جا قدر مقرر ڪن ٿا. توهان کي عنصر ڏانهن وڌائڻ به شامل ڪري سگهو ٿا، ڪائنات کي گول ڪيو ۽ ان جي استحڪام کي ترتيب ڏيو. پس منظر واري رنگ وارو بٽڻ ڪلڪ ڪريو RGBA رنگ چنار کي.
توهان چونڊيل عنصر لاء فونٽ، سرحد ۽ نمونہ پڻ تفويض ڪري سگھو ٿا. برقينگ بولٽ توهان کي منتخب ٿيل عنصر کي مداخلت شامل ڪرڻ جي صلاح ڏئي ٿي.
05 جو 09
يوڪسپين ۾ ٽيڪسٽ شامل ۽ ٺاهيو
متن شامل ڪرڻ لاء، خاڪو مٿاڇري تي ٽيڪسٽ عنصر ڇڪيو ۽ پنهنجو ٽيڪسٽ داخل ڪريو. فونٽ جي خاصيت کي کولڻ ۽ پنهنجي ٽيڪسٽيٽ کي شڪل ڏيڻ لاء ٽيڪسٽ ملڪيت ملڪيت تي ڪلڪ ڪريو . جيڪڏهن توهان کي ڊمي متن جي بلاڪ جي ضرورت هوندي آهي، ٽيڪسٽ عنصر شامل ڪريو ۽ فرنٽ جا خاصيت ۾ عام ليزر IPSUM بٽڻ تي ڪلڪ ڪريو.
06 جو 06
ايڪسپين پيج تي هڪ تصوير ڪيئن شامل ڪرڻ
هن ڪم کي مڪمل ڪرڻ لاء ڪجهه طريقا آهن. توهان ٽول بار ۾ تصوير جو اوزار استعمال ڪري سگهو ٿا، لائبريري مان هڪ تصوير عنصر شامل ڪريو يا صرف پنهنجي ڊيسڪيس مان تصوير ڊرايو ۽ ڊرايو، مٿي ڄاڻايل آهي جيئن ڊزائن جي سطح تي عنصر.
07 جو 09
ايڪسپين صفحي ڏانهن ڪو بٽڻ شامل ڪريو
جيتوڻيڪ اتي جو هڪ بٹن عنصر موجود آهي، ڳولهائي ۾ " بٽڻ " داخل ٿيو، جيئن مٿي ڏيکاريل آهي، सबै पुस्तकालयहरूमा पाइने सबै बटनहरू खोल्छ. ھڪڙو ڇڪيو ته توھان لاء ڊزائن جي مٿاڇري تي ڪم ڪريو ۽ رنگ تبديل ڪرڻ لاء، فونٽ، ۽ حتي بارڊ ريڊيز کي استعمال ڪريو. بٽڻ اندر متن کي تبديل ڪرڻ لاء، لکت تي هڪ ڀيرو ڪلڪ ڪريو ۽ نئين متن داخل ڪريو.
08 جو 09
يو ايڪس پيئن صفحي ڏانهن لڏپلاڻ وارو ڪئين شامل ڪريو
هي جئين پيچيده نه آهي جيئن ته اها ظاهر ٿي سگهي ٿي. اي ميل ان پٽ لاء، مون هڪ ان پٽ عنصر شامل ڪيو، ان کي ٻيهر ٺهيل، متن ۾ داخل ڪيو ۽ متن کي ترتيب ڏنو. انپٽ انٽرويو سان منتخب ٿيل پراپرڪٽس بٽڻ تي ڪلڪ ڪريو ۽، جڏهن عنصر خاصيتون ويهڻ ڪلڪ ڪريو نظر ثانيه بٽڻ- eyeball - پينل جي مٿئين ساڄي ڪنڊ ۾.
بٽڻ کي منتخب ڪريو ۽ انٽرنيٽيونشن بٽڻ تي ڪلڪ ڪريو - برقي برتن- ملڪيت ۾. جڏهن انٽرويوشن پينل کي کوليو ويندو، نئين انٽرنيشنل کي چونڊيو. ٽريگر پاپ ھيٺ کان ڪلڪ ڪريو. ڪارناما جي حصي ۾ چونڊ عنصر ڏيکاريو. توهان کي هاڻي چيو ويندو ته ڇا عنصر ڏيکارڻ لاء. بندوقسائيٽ تي هڪ ڀيرو ڪلڪ ڪريو ۽ انوٽ عنصر تي ڪلڪ ڪريو. سڃاڻپ عنصر سان، توهان اهو طئي ڪري سگھو ٿا ته عنصر کي متحرڪ ڪرڻ يا نه. انهي حالت ۾ مون انٽرويو بڪس کي آسانيء سان ڏيکارڻ جو فيصلو ڪيو ۽ 300ms جي ڊفالٽ جي ڊيگهه جي قيمت سان ٿي ويو.
آئون چاهيان ٿو ته بٽڻ دٻايو ته بٽڻ دٻايو وڃي تقريبا 65 پکسلز جڏهن ڪلڪ ڪيو ويندو آهي. مون بٽڻ کي چونڊيو، انٽرويوشن پينل ۽ چونڊيل نيو انٽرنيٽ کي کوليو. مون هنن سيٽنگون استعمال ڪيو:
- ٽرڻو : ڪلڪ ڪريو
- عمل: طرف منتقل ڪريو
- ھدايتون منتقل ڪريو : 65 پيڪس واري محور تي
- انيميشن : لائينار
- عرصي: 300 ايس ايم
ھڪڙي رابطي کي ختم ڪرڻ لاء عنصر چونڊيو ۽ ڪميلينشن پينل کي کوليو. پينل ۾ منسلڪ چونڊيو ۽ ٽريش ڪاس کي ڪلڪ ڪريو ان کي ختم ڪرڻ لاء.
09 جو 09
توهان جو صفحو آزمائشي ۽ يوڪسپين ۾
انهي حقيقت جي ڪري توهان برائوزر ۾ ڪم ڪري رهيا آهيو، جاچ پڙتال آسان آهي. سيمليز ڊيزائن جي بٽڻ تي ڪلڪ ڪريو. صفحو برائوزر ۾ کوليندو ۽ توھان کي جانچ ڪري سگھو ٿا. هتي هڪ پينل پڻ هن صفحي جي کاٻي پاسي ۾ شامل ڪيو ويندو آهي جيڪا تبصري جي اجازت ڏني وئي آهي، هڪ سائيٽ جي سائيٽ جيڪڏهن گهڻن صفحن ۾ آهن، استعمال جي جاچنگ، لائیو شيئرنگ، ايڊيٽنگ ۽ ڊيش بورڊ ڏانهن واپسي.
صفحي جي تري ۾ هڪ ٻيو ننڍڙو پينل آهي جيڪو توهان کي انٽرويو عناصر ڏيکاريندو، تبصرن کي ڏيکاري يا لڪائي ٿو ۽ ٻين سان منصوبي جي لنڪ حصيداري ڪري ٿو.