01 کے 09
UXPin کے ساتھ خود کو کیسے حاصل کرنے کے لۓ
جیسا کہ ہم موبائل ڈیزائن، ایپ ڈیزائن اور ذمہ دار ڈیزائن کے میدان میں منتقل کرتے ہیں، وہاں UX (صارف کے تجربے) اور تار فریمنگ ، انٹرایکٹو پروٹوٹائپ اور ملک اپ پر بڑھتی ہوئی توجہ ہوئی ہے. اس جگہ کا ایک ٹن ٹولز موجود ہے اور وہ پیچیدہ، نمایاں لادن بسموت سے مکمل طور پر اور بسمی طور پر مفید سے لے جاتے ہیں. میری آنکھوں کو پکڑا گیا ہے کہ ایک اوزار میں سے ایک صرف UXPin ہے کیونکہ یہ ڈیزائنرز کے لئے ڈیزائنرز کی طرف سے تیار کیا گیا تھا.
آگے بڑھنے سے پہلے ... ایک غار. اگر آپ کا ایسا ادارہ ہے جس میں سافٹ ویئر کا مالک بننا پسند ہے تو UXPin آپ کے لئے نہیں ہے. اس اپلی کیشن میں کئے جانے والے تمام کام براؤزر میں کئے جاتے ہیں اور آپ کی بچت والے منصوبوں کو آپ کے اکاؤنٹ میں محفوظ کیا جاتا ہے.
UXPin کے ساتھ شروع کرنے کے لئے آپ کو ایک براؤزر اور UXPin کے سربراہ کا آغاز. یہاں سے آپ مفت آزمائشی کے لئے سائن اپ کرسکتے ہیں یا اپنی متوقع ضرورت پر مبنی ماہانہ منصوبہ بندی کرسکتے ہیں. سائن اپ کا عمل بہت آسان ہے اور ایک بار جب آپ نے اپنا صارف کا نام اور پاس ورڈ مقرر کیا ہے، آپ شروع کرنے کے لئے تیار ہیں.
02 کے 09
UXPin میں ایک پروجیکٹ کیسے شروع کریں
جب آپ لاگ ان کرتے ہیں تو ڈیش بورڈ پر پہنچ جاتے ہیں اور یہاں سے، آپ کو ایک نیا تار فریم، ایک نئی موبائل پروجیکٹ یا ایک قبول ویب ڈیزائن پروجیکٹ بنانے کا فیصلہ کر سکتا ہے. UXPin کے لئے پلگ ان بھی موجود ہیں جو آپ کو آپ کی فوٹوشاپ یا اسکیچ پراجیکٹ میں لے جانے کی اجازت دے گی. اس کے لئے میں کچھ ٹیکسٹ کے ساتھ بینر بنانا اور بینر میں ایک ای میل بٹن شامل کرنے کے لئے جا رہا ہوں. اس کو پورا کرنے کے لئے میں نے ایک نیا تار فریم بنائیں.
03 کے 09
UXPin انٹرفیس کا استعمال کیسے کریں
ڈیزائن سطح چار علاقوں میں ٹوٹ گیا ہے. بائیں جانب سیاہ علاقے میں ایسے اوزار ہیں جو آپ کو ڈیش بورڈ پر واپس آتے ہیں، عناصر کو کھولیں گے جو آپ استعمال کریں گے، اسمارٹ عناصر پینل کھولیں، عناصر کی تلاش کریں، صفحہ پر نوٹ شامل کریں اور ٹیم کے ارکان کو شامل کریں. نچلے حصے میں ایک بٹن ہے جو مختصر ٹیوٹوریل کھولتا ہے، دوسرا آپ کو آپ کے اکاؤنٹ تک رسائی حاصل کرنے کی اجازت دیتا ہے اور ایک اور سوال ہے کہ سوالات کے ذریعہ تک رسائی حاصل ہے، آپ سوالات پوچھیں اور فیڈریشن بھی فراہم کریں.
سب سے اوپر کے نیلے رنگ کے علاقے میں اوزار اور خصوصیات کی ایک سیریز ہے. دائیں جانب سیاہ بٹن آپ کو آپ کے ڈیزائن کو بحال کرنے، منصوبے کی ترتیبات کو ایڈجسٹ کرنے کے لۓ، صفحہ کا اشتراک کریں اور صفحہ کے ان براؤزر کے تخروپن کو کرنے کی اجازت دیتے ہیں.
عنصر پینل ہے جہاں آپ ڈیزائن سطح کے بٹس اور ٹکڑوں کو قبضہ کرتے ہیں، اپنے منصوبے کا نام دیں اور صفحات کو شامل یا ہٹائیں.
عناصر لائبریری یو ایکس ڈیزائنرز کے لئے ایک خوشگوار حیرت ہے. یہ پاپ آپ کو iOS 30 لائبریری سے لے کر انون 30 لائبریریوں سے آپ کی اجازت دیتا ہے کہ آپ بوٹسٹریپ اور فاؤنڈیشن عناصر تک رسائی حاصل کرسکیں. فونٹ بہت اچھے شبیہیں، موبائل کے لئے اشارہ شبیہیں اور سماجی وگیٹس کا مجموعہ.
04 کے 09
ایک UXPin صفحے پر عنصر شامل کریں
شروع کرنے کے لئے میں نے ڈیزائن کی سطح پر باکس عنصر ڈالا اور، جب میں ماؤس کو آزاد کرتا ہوں تو، پراپرٹیز پینل کھولتا ہے. پراپرٹی بٹن آپ کو عنصر کا نام دیتا ہے اور عنصر کی چوڑائی کی اونچائی اور پوزیشن اقدار مقرر کرنے کی اجازت دیتا ہے. آپ عنصر کو بھرتی بھی شامل کر سکتے ہیں، کناروں سے دور ہوتے ہیں اور اس کی دھندلاپن کو ایڈجسٹ کر سکتے ہیں. پس منظر کا رنگ بٹن پر کلک کریں RGBA رنگ چنندہ کھولتا ہے.
آپ منتخب کردہ عنصر پر فونٹ، سرحد اور پیٹرن کو بھی تفویض کرسکتے ہیں. بجلی کی بولٹ آپ کو ایک منتخب عنصر کے ساتھ مداخلت کو شامل کرنے کی صلاحیت فراہم کرتا ہے.
05 کے 09
UXPin میں متن کیسے شامل کریں اور فارمیٹ کریں
متن شامل کرنے کے لئے، متن کی عنصر ڈھانچے کی سطح پر ڈرا اور اپنے متن درج کریں. فونٹ کی خصوصیات کو کھولنے کے لئے ٹیکسٹ پراپرٹی کے بٹن پر کلک کریں اور اپنے متن کی شکل پر کلک کریں. اگر آپ کو ڈمی ٹیکسٹ کا ایک بلاک کی ضرورت ہو تو، ایک متن عنصر شامل کریں اور فونٹ کی خصوصیات میں عام علامہ IPSUM بٹن پر کلک کریں.
06 کے 09
UXPin صفحہ پر ایک تصویر کو کیسے شامل کریں
اس کام کو پورا کرنے کے کئی طریقے ہیں. آپ ٹول بار میں تصویری کا آلہ استعمال کرسکتے ہیں، لائبریری سے تصویری عنصر شامل کرسکتے ہیں یا صرف آپ کے ڈیسک ٹاپ سے کسی تصویر کو ڈریگ اور ڈرا سکتے ہیں جیسا کہ مندرجہ ذیل دکھایا گیا ہے.
07 کے 09
ایک UXPin صفحہ پر ایک بٹن شامل کریں
اگرچہ ایک بٹن عنصر موجود ہے، جس کے اوپر تلاش کے علاقے میں " بٹن " داخل ہو، جیسا کہ اوپر دکھایا گیا ہے، تمام لائبریریوں میں پایا جانے والی تمام بٹنوں کو کھولتا ہے. اس کو ڈریگ کریں جو آپ کے لئے ڈیزائن کی سطح پر کام کرتا ہے اور رنگ، فونٹ، اور حتی بارڈر ریڈیو کو تبدیل کرنے کے لئے پراپرٹیز استعمال کرتی ہے. متن کے اندر متن کو تبدیل کرنے کے لئے متن میں ایک بار کلک کریں اور نئے متن درج کریں.
08 کے 09
ایک UXPin کے صفحے پر انٹرایکٹوٹی کو کیسے شامل کریں
یہ پیچیدہ نہیں ہے کیونکہ یہ پہلے ظاہر ہوتا ہے. ای میل ان پٹ کے لئے، میں نے ان پٹ عنصر کو شامل کیا، اسے دوبارہ تبدیل کیا، متن میں درج کی اور متن کو شکل دی. ان پٹ عنصر کے ساتھ منتخب کردہ پراپرٹیز کے بٹن پر کلک کریں اور، جب عنصر خصوصیات پر کلک کریں تو نظر ثانی کے بٹن پر کلک کریں - آنکھ - پینل کے اوپری دائیں کونے میں.
بٹن منتخب کریں اور تعامل کے بٹن پر کلک کریں - اسمبلی میں بولٹ- خصوصیات میں. جب انٹیلیزشن پینل کھولتا ہے تو، نیا انٹرایکٹو منتخب کریں. ٹریگر سے پاپ کریں پر کلک کریں. ایکشن علاقے میں عنصر دکھائیں. اب آپ سے پوچھا جائے گا کہ عنصر ظاہر کرنے کے لئے. بندوقیں پر ایک بار کلک کریں اور ان پٹ عنصر پر کلک کریں. عنصر کی شناخت کے ساتھ، آپ اب عنصر کو متحرک کرنے کے لئے یا نہیں کر سکتے ہیں. اس معاملے میں میں نے ان پٹ باکس کو آسانی سے آسان کرنے کا فیصلہ کیا اور 300ms کے ڈیفالٹ دورانیہ کی قیمت کے ساتھ چلایا.
میں یہ بھی کرنا چاہتا ہوں کہ بٹن کو 65 پکسلز صحیح دائیں طرف منتقل کریں جب اسے کلک کیا جائے. میں نے بٹن کا انتخاب کیا، انٹرفیس پینل کھول دیا اور نئے انٹرایکٹو منتخب کیا. میں نے یہ ترتیبات استعمال کیا:
- ٹرگر : کلک کریں
- ایکشن: کی طرف سے منتقل
- سمت منتقل کریں : 65 ایکس ایکس ایکس محور
- حرکت پذیری : لکیری
- دورانیہ: 300 ایم ایس
ایک بات چیت کو دور کرنے کے عنصر کو منتخب کریں اور انٹرویو پینل کو کھولیں. پینل میں بات چیت کا انتخاب کریں اور اسے خارج کرنے کے لئے کوڑے ہوئے کٹ پر کلک کریں.
09 کے 09
آپ کا صفحہ کس طرح UXPin میں ٹیسٹ کرنے کے لئے
اس حقیقت کی وجہ سے آپ براؤزر میں کام کررہے ہیں، جانچ پڑتال مردہ سادہ ہے. سمول ڈیزائن ڈیزائن پر کلک کریں. یہ صفحہ براؤزر میں کھل جائے گا اور آپ کو ٹیسٹ کر سکتے ہیں. اس صفحے کے بائیں طرف بھی ایک پینل شامل کیا جاسکتا ہے جو تبصروں کے لئے اجازت دیتا ہے، اگر ایک سے زیادہ صفحات، ویب سائٹ کا نقشہ، استعمال کرنے کا امتحان، لائیو شیئرنگ، ترمیم اور ڈیش بورڈ میں واپسی کی سائٹ کا نقشہ.
صفحے کے نچلے حصے میں ایک اور چھوٹا سا پینل ہے جو آپ کو انٹرایکٹو عناصر کو دکھانے، تبصروں کو ظاہر کرنے یا چھپانے کی اجازت دیتا ہے اور دوسروں کے ساتھ پراجیکٹ لنک کا اشتراک کرنے کی اجازت دیتا ہے.