حیرت انگیز کے ساتھ کامل پروٹوٹائپ اور ہاتھ سے دور ڈیزائن

Sep 14, 2025

کيسے

A person sat in a cafe using Marvel on their laptop and displaying a finished prototype on their smartphone.

انٹرپرائز ٹیموں کے لئے پوشیدہ اے پی پی اور برانڈ کے نئے ڈیزائن ہینڈوف کے اوزار کے مقابلے میں کم سیکھنے کی وکر کے ساتھ، یہ معلوم کرنے کا کوئی بہتر وقت نہیں ہے کہ کس طرح مارول ٹیموں میں پروٹوٹائپ ویب اور موبائل ایپلی کیشنز کے لئے ایک تیز اور آسان حل ہوسکتا ہے.

چمتکار ٹیموں کو ان کے ڈیزائن (یا تو خالی یا حیرت انگیز طور پر خود کو) لے جانے میں مدد ملتی ہے. اس کے باہمی تعاون کے اوزار کے حصول داروں کو حوصلہ افزائی نہ صرف ان کا کہنا ہے کہ بلکہ ڈیزائن کے کام کے بہاؤ کا حصہ بننے کے لئے.

01. اپنی پہلی حیرت انگیز منصوبے بنائیں

Marvel's new design screen, indicating the locations of the buttons to create new designs. — ایک بار جب آپ نے اپنا منصوبہ اٹھایا ہے، ڈیزائن کے عمل کو شروع کرنے کے لئے دو بٹنوں میں سے ایک پر کلک کریں

شروع کرنے کے لئے حیرت میں سائن اپ کریں، جہاں صرف آپ کا نام اور ای میل پتہ ضروری ہے. ڈیزائن پروجیکٹ یا پروٹوٹائپ منصوبے کو منتخب کریں. ایک پروٹوٹائپ پروجیکٹ ہے جب آپ اسکرین اپ لوڈ کرتے ہیں جو آپ نے پہلے سے ہی ڈیزائن کیا ہے (عام طور پر خاکہ میں). ایک ڈیزائن پروجیکٹ یہ ہے جب آپ سکریچ سے شروع ہوتے ہیں اور آپ کو کم مخلص ماک اپ بنانے کے لئے مارول کے اپنے ڈیزائن کے اوزار استعمال کرنا چاہتے ہیں (یہ تیزی سے تکرار اور دماغی دماغ کے لئے ایک حیرت انگیز اختیار ہے).

ڈیزائن منصوبے کا انتخاب کریں، پھر اسے ایک نام دیں، پھر آئی فون ایکس کا انتخاب کریں اور تخلیق پروجیکٹ بٹن پر کلک کریں. یہاں سے (ہم اس پراجیکٹ ڈیش بورڈ کو یہاں سے یہاں سے فون کریں گے)، بائیں طرف کی طرف سے ڈیزائن کے بٹن پر کلک کریں، یا ونڈو کے وسط میں ڈیزائن ڈیزائن کے بٹن پر کلک کریں.

02. ڈیزائن کم مخلص پروٹوٹائپ

Marvel's protoyping screen, showing how easy it is to add mocked up components, include smartphone camera screens. — آپ اس کیمرے کی سکرین کی طرح تیار کردہ اجزاء کو استعمال اور اپنائیں

ہمارے بنیادی مقصد یہاں ہمارے خیالات کو تیزی سے ضائع کرنے کے بغیر بہت زیادہ وقت ضائع کرنے کے بارے میں فکر مند ہے کہ حتمی نتائج کس طرح نظر آئے گا. یہاں سے ہم سائز، تصاویر، متن، تیار کردہ اجزاء جیسے ٹیب سلاخوں، اور اس کیمرے کی سکرین کی طرح بھی مکمل مکمل سکرین کے اجزاء (جو بائیں ہاتھ سائڈبار سے منتخب کیا گیا تھا اور دائیں ہاتھ کا استعمال کرتے ہوئے دوبارہ استعمال کیا گیا تھا. سائڈبار).

ڈرائنگ کے سائز، متن تہوں بنانے اور سادہ بصری تبدیلیوں کو بنانے کے لئے ایک غیر ڈیزائنر کے لئے بھی آسان ہے، اگرچہ موسمی ڈیزائنرز سے محبت کرے گی کہ وہ کس طرح تیزی سے ایک دوسرے کے ساتھ ایک خیال کو پھینک دیں اور پروجیکٹ کے بٹن پر شامل کریں پر کلک کریں.

اگرچہ آپ ویکٹر ڈرائنگ، ماسکنگ اور دیگر پیچیدہ ڈیزائن کے اوزار کی توقع نہیں کر سکتے ہیں، یہ انٹرفیس اس کے باوجود بہت واقف محسوس کرے گا اگر آپ ایک خاکہ، ایڈوب XD یا Figma صارف ہیں (حقیقت میں، ہم خاکہ سے اعلی مخلص ڈیزائن درآمد درآمد کریں گے. ایک لمحے میں). آپ کی توقع کیا جا سکتا ہے زومنگ، سیدھا، گروپ سازی، بنیادی بصری ڈیزائن کے اوزار، ماؤس کنٹرول جیسے ڈریگنگ، سائز اور گھومنے اور چند آسان کی بورڈ شارٹ کٹس.

03. رائے حاصل کریں

تاہم، چمتکار صرف ڈیزائنرز کے لئے نہیں ہے. جبکہ یہ ایک صنعت کار معیاری ڈیزائن ایپ میں حتمی ڈیزائن بنانے کے لئے ڈیزائنر کی ضرورت ہوسکتی ہے، خیالات (اور کرتے ہیں) ہر قسم کے حصول داروں (مینیجرز، گاہکوں، ڈویلپرز، اور اسی طرح) سے آتے ہیں.

اس بات کی کوئی بات نہیں کہ آپ کی بنیادی کردار کسی ٹیم میں کیا ہے، یہ کہنا آسان ہونا چاہئے کہ: "ارے، یہ ایک خیال ہو سکتا ہے؟"، اور پھر اس کا مظاہرہ کریں. چمتکار پاپ موبائل اپلی کیشن کو ان آسان ڈیزائن کے اوزار کو موبائل آلات پر لے کر اندراج کے رکاوٹ کو کم کر دیتا ہے، کیونکہ اس کا سامنا کرنا پڑتا ہے، اس کا سامنا کرنا پڑتا ہے، خیالات ہمارے پاس سب سے طویل وقت میں ہمارے پاس آ سکتے ہیں. کاغذ پر خالی خیالات آلہ کیمرے کا استعمال کرتے ہوئے ایک انٹرایکٹو مارول اسکرین میں تبدیل کیا جا سکتا ہے. ڈیزائن ایک جمہوریت کی ضرورت ہے، جہاں کسی کو پیچیدہ ڈیزائن ایپلی کیشنز کا استعمال کرنے کے بغیر کسی کو محدود نہیں ہوسکتا ہے.

04. خاکہ کے ساتھ حیرت انگیز ضم

اپنی ٹیم کے ساتھ کم مخلص خیالات کو فروغ دینے کے بعد، آپ کو انتخاب کے اپنے ڈیزائن ایپ میں پہلی تکرار کو مذاق کرنا چاہتے ہیں. جب آپ کسی بھی ڈیزائن ایپ سے مکمل طور پر پی ایس جی اسکرینز کو برآمد کر سکتے ہیں تو، خاکہ سفارش شدہ ایپ ہے کیونکہ وہاں ایک سرشار خاکہ پلگ ان ہے جو عمل کو خودکار کرتا ہے (اور یہاں تک کہ ڈیزائن بھی پڑھاتا ہے تاکہ اسے بعد میں ڈویلپرز کی طرف سے معائنہ کیا جاسکتا ہے). ڈیزائن ہینڈف کے لئے فوٹوشاپ سپورٹ بعد میں آ جائے گا، تاہم ایڈوب صارف انٹرفیس ڈیزائن کے لئے فوٹوشاپ کو تسلیم نہیں کر رہا ہے، کیونکہ اس نے ایڈوب ایکس ڈی کو پیدا کیا.

ڈیش بورڈ سے، ترتیبات اور جی ٹی پر کلک کریں؛ انٹیگریشنز اور جی ٹی؛ اسکرین پلگ ان، پھر پلگ ان ڈاؤن لوڈ کریں. ایک بار جب آپ نے انسٹال کیا ہے، اور آپ کے ڈیزائن فائل کو کھولنے کے بعد، ہم آہنگی کو منتخب کریں یا چمتکار بار میں تمام بٹنوں کو منسلک کریں (یہ پرت فہرست کے اوپر ظاہر ہوتا ہے) اسکرین کو مطابقت پذیر کرنے کے لئے ایک حیرت انگیز منصوبے کو منتخب کرنے کے لئے.

05. پروٹوٹائپ تعاملات

Marvel screen showing how you can create interactions, for example placing your thumb on the thumbprint scanner to progress to the next screen. — ایک اسکرین سے دوسرے سے منسلک کرنے کے لئے ہاٹ پوٹس بنانے کے لئے علاقوں کو ڈریگ منتخب کریں

لیکن یقینا ہم پروٹوٹائپ کی جانچ نہیں کر سکتے ہیں اگر ہم نے ان سے کوئی بات چیت شامل نہیں کی ہے، تو اب ایسا کرو. چمتکار ڈیش بورڈ میں واپس منتقل، جہاں آپ اس سکرین کو دیکھیں گے جو ہم نے مطابقت پذیری، اسکرین موڈ میں داخل کرنے کے لئے اسکرین میں سے کسی کو دیکھیں پر کلک کریں.

یہاں سے ہم اب بھی ونڈو کے کسی بھی طرف بائیں اور دائیں تیروں کا استعمال کرتے ہوئے اسکرینز کے ذریعہ تشریف لے سکتے ہیں، ٹائمر پر کلک کریں ایک مخصوص تعداد کے سیکنڈ کے بعد اسکرین کے ذریعہ چمتکار سائیکل پر کلک کریں (پیشکشوں کے لئے مفید!)، یا شامل کرنے کے لئے کوئی تبصرہ نہیں پر کلک کریں. اسکرین پر آپ کی پہلی تبصرہ یا تشریح.

شاید پہلی چیز آپ کو نوٹس آپ کو مقررہ ہیڈر اور فکسڈ فوٹر کے بٹن ہیں جو ترتیب کے سب سے اوپر بائیں اور نیچے بائیں کونے کے قریب ظاہر ہوتے ہیں. یہ بٹن draggable ہیں اور وہ ایک ہیڈر سیکشن کے cutoff کے علاقے کو نشان زد کرنے کے لئے بھی منتقل کیا جا سکتا ہے جو ایک طومار کے نقطہ نظر کے سب سے اوپر پر مقرر رہنا ہے. آپ اس قیمت کو دستی طور پر اس قدر کی وضاحت کرنے کے لئے اوپر دائیں اور نیچے دائیں کونے میں ٹیکسٹ فیلڈز بھی استعمال کرسکتے ہیں.

لیکن ہم اصل میں ایک سکرین کو ایک دوسرے سے کیسے لنک کرتے ہیں؟ سادہ: ماؤس کے ساتھ، اسکرین پر ایک علاقے کو ڈریگ کریں جو کسی اور اسکرین سے منسلک کرنا (اسے 'ہاٹ پوٹ' کہا جاتا ہے). ایک بار جب آپ نے ایسا کیا ہے، ایک انٹرفیس ونڈو کے نچلے حصے میں ظاہر ہوتا ہے جو آپ کو اپنی مرضی کے مطابق کرنے کے قابل بناتا ہے، جہاں صارف کو لے جایا جاتا ہے، کسی بھی منتقلی کی بات چیت کے دوران ہوتا ہے اور اس بات کا اشارہ اس بات چیت کو چالو کرنے کے لئے کیا ضرورت ہے (ٹیپ، سوئائپ وغیرہ وغیرہ کو چالو کرنے کی ضرورت ہے. ).

اور یقینا، ہم ان پروٹوٹائپ کے اوزار بھی کم مخلص ماک اپ پر بھی استعمال کرسکتے ہیں. اصل میں، یہ سفارش کی جاتی ہے کہ آپ کرتے ہیں، بحث کرنے کے لئے تبصرہ کرنے والے خصوصیات کا استعمال کرتے ہوئے اور دوبارہ دوبارہ دوبارہ استعمال کرتے ہیں.

06. ڈویلپرز کو ڈیزائن بند کرنا

A screen grab of Marvel showing how easy it is for developers to access detailed information from handed off designs, such as the positions and sizes of each element. — ڈیزائن ہینڈوف ڈیزائن اور ڈویلپر کے لئے ایک دوسرے کے ساتھ کام کرنے کے لئے آسان بناتا ہے

جب آپ کی ٹیم حتمی ڈیزائن میں مکمل اعتماد کو برقرار رکھتا ہے تو، تبصرہ اور صارف کی جانچ کے اوزار کا استعمال کرتے ہوئے توثیق کیا جاتا ہے، اس وقت یہ ڈویلپرز کو ہاتھ دینے کا وقت ہے جو اس کا معائنہ اور کوڈ کرسکتے ہیں. یہ یاد رکھنا اہم ہے کہ ڈیزائن ختم ہونے کے بعد ایک ڈیزائنر 'کیا نہیں' ہے اور ڈیزائنرز اور ڈویلپرز کو ہمیشہ تکمیل تک ترقی کی نگرانی کے لئے ہم آہنگی میں بات چیت کرنا چاہئے. ڈویلپر بھی کچھ سوالات ہوسکتے ہیں، لہذا ان کی تبصرہ کی خصوصیات اب بھی بہت فعال ہونا چاہئے.

کھیل کے بٹن کو مار ڈالو، پھر ڈیزائن ہینڈف انٹرفیس کو کھولنے کے لئے نیچے بائیں کونے میں ہینڈوف پر کلک کریں. یہاں سے، ڈویلپرز ڈیزائن عناصر پر کلک کرنے کے قابل ہو جائیں گے اور انفرادی شیلیوں کا معائنہ کریں گے جو انہیں صحیح ہاتھ کی طرف سے سائڈبار کا استعمال کرتے ہوئے کرتے ہیں (اسکی شکل میں انسپکٹر انٹرفیس کی طرح، Figma یا ایڈوب XD). یہاں صرف فرق یہ ہے کہ ڈویلپرز کلپ بورڈ میں کوڈ کے طور پر شیلیوں کاپی کرنے کے لئے ڈویلپرز کاپی بٹن پر کلک کرنے کے قابل ہیں.

یہ مضمون اصل میں 301 نیٹ ورک، ویب ڈیزائنرز اور ڈویلپرز کے لئے دنیا کے سب سے بہترین فروخت میگزین کے مسئلہ میں شائع کیا گیا تھا. خریدنے مسئلہ 301. یا نیٹ ورک سبسکرائب کریں .

اساتذہ پروٹوٹائپ میں زیادہ بصیرت حاصل کریں

Generate NYC 2018 runs from the 25th-27th April 2018 — ماریسا موربی نے اس بات کی مذمت کی ہے کہ کس طرح آپ کو ایک جیتنے والی ڈیزائن کی تشکیل میں مدد ملے گی، ہر وقت 25-27 اپریل 2018 تک نیویارک پیدا کرنے میں مدد ملے گی.

جب زیادہ تر کمپنیوں کو ایک نیا ویب ڈیزائن بنانے کی ضرورت ہوتی ہے، تو یہ عمل عام طور پر پچاس خیالات کے ساتھ شروع ہوتا ہے، ڈیزائن کرنے کے لئے چلتا ہے، پھر ترقی، اور پھر زندہ رہتا ہے. لیکن اگر یہ کام نہیں کرتا تو کیا ہے؟ یہ بہت زیادہ وقت، کوشش، اور پیسہ ہے کہ یہ معلوم کرنے کے لئے کہ ایک خیال کمزور کارکردگی کا مظاہرہ کیا.

خوش قسمتی سے، اس کی بات میں 25-27 اپریل 2018 تک نیویارک پیدا کریں ، ماریسا موربی، صاف ہیڈ میں تحقیق کے سربراہ، آپ کو نئے ڈیزائن تخلیق کرنے اور اس کی توثیق کرنے کے لئے ایک بہتر طریقہ دکھائے گا جو روایتی ڈیزائن کے عمل سے متعلق روایتی ڈیزائن کے عمل سے زیادہ تیزی سے، آسان، اور کم مہنگی ہے.

نیو یارک پیدا کریں 25-27 اپریل 2018 تک. اب اپنا ٹکٹ حاصل کرو .

متعلقہ مضامین:

10 اوپر پروٹوٹائپ اوزار
18 بہترین تار فریم ٹولز
پروٹوٹائپ کے نقصانات سے بچنے کے لئے کس طرح

حیرت انگیز کے ساتھ کامل پروٹوٹائپ اور ہاتھ سے دور ڈیزائن

01. اپنی پہلی حیرت انگیز منصوبے بنائیں

02. ڈیزائن کم مخلص پروٹوٹائپ

03. رائے حاصل کریں

04. خاکہ کے ساتھ حیرت انگیز ضم

05. پروٹوٹائپ تعاملات

06. ڈویلپرز کو ڈیزائن بند کرنا

اساتذہ پروٹوٹائپ میں زیادہ بصیرت حاصل کریں

کيسے - انتہائی مشہور مضامین

ایپل کی تصاویر اپلی کیشن ماسٹرنگ کے لئے 10 تجاویز

3D آرٹ میں 2D عکاسی کو تبدیل کریں

ایپلی کیشنز کی تعمیر کریں جو آف لائن کام کرتے ہیں

زبرش کے ساتھ بہتر VDM کے لئے 4 اقدامات

ویب ڈویلپمنٹ میں مارک ڈاؤن کا استعمال کیسے کریں

اپنے سکیٹنگ کی مہارت کو تیز کریں

فوٹوشاپ میں سنسنیاتی سنسیٹس بنائیں

ایک مزاحیہ کور بنانے کے لئے روایتی اور ڈیجیٹل مہارت کو یکجا

اقسام