ایڈوب XD: آٹو متحرک خصوصیت کا استعمال کیسے کریں

Sep 14, 2025
کيسے
Adobe XD
(تصویری کریڈٹ: ایڈوب)

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

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

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

اس آرٹیکل میں، میں آٹو متحرک خصوصیت کا استعمال کرتے ہوئے سادہ مائکرو حرکت پذیری بنانے کے بارے میں وضاحت کروں گا. ہم دونوں اشارے پر مبنی اور نل پر مبنی بات چیت کو دیکھ رہے ہیں.

اگر آپ کو ابھی تک ایڈوب XD نہیں ملا ہے تو، ہمارے بارے میں دیکھیں ایڈوب XD ڈاؤن لوڈ کریں پوسٹ، اور پھر ہمارے پسندیدہ چیک کریں ایڈوب XD پلگ ان .

01. Fav یا خارج کرنے میں شامل کرنے کے لئے اشاروں کو سوائپ کریں

Adobe XD

(تصویر: © VAMSI BATCHU)

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


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

پہلے کارڈ کے لئے - C1 - ہم حذف کرنے کے لئے ایک بائیں سوائپ شامل کرنے جا رہے ہیں. لہذا، ایک سرخ پس منظر کے ساتھ ایک چھوٹا سا مربع تخلیق کرتے ہیں، ذیل میں اسکرین شاٹ میں دکھایا گیا ہے جیسا کہ کچھ حذف متن اور ایک آئکن شامل کریں. ان تمام اشیاء کو A1 نامی ایک پرت میں گروپ. اب ایک پرت ایل میں C1 اور A1 یکجا - تاکہ A1 C1 کے دائیں جانب ہے.

02. دوسرا کارڈ بنائیں

دوسرا کارڈ کے لئے - C2 - ہم اسی طرح کے فیشن میں قطار دائیں سوئچ ایکشن میں شامل کرنے کے لئے جا رہے ہیں. آئکن، متن اور سبز پس منظر کے ساتھ ایک گروپ A2 بنائیں. گروپ C2 کے بائیں میں شامل کریں اور L2 نامی ایک مشترکہ پرت بنائیں. اب، پہلا آرٹ بورڈ (S1) مکمل ہے. چلو دو ریاستوں میں دو ریاستوں میں دو بار، دو ریاستوں میں ڈالیں. ہم قطار سوائپ میں شامل کرنے کے لئے SWIPE اور S3 کو حذف کرنے کے لئے S2 استعمال کریں گے. ایسا کرنے کے لئے ہمیں ان میں سے ہر ایک آرٹ بورڈز کے لئے کچھ تبدیلیاں کرنے کی ضرورت ہے. یہاں دونوں swipes کے لئے ترتیبات ہیں:

● S1 - A1 اور A2 سے 0٪ کی دھندلاپن کو تبدیل کریں اور L1، L2 کا بندوبست کریں تاکہ وہ مرکز سے منسلک ہیں.

● S2 - L1 کارڈ کا بندوبست کریں تاکہ L1 کے دائیں کنارے دوسرے کارڈ کے ساتھ منسلک ہوجائے. A2 سے 0٪ کی افادیت کو تبدیل کریں.

● S3 - L2 کارڈ کا بندوبست کریں تاکہ L2 کے بائیں کنارے دوسرے کارڈ کے ساتھ منسلک ہوجائے. A1 سے 0٪ کی افادیت کو تبدیل کریں.


03. آرٹ بورڈز کو متحرک کریں

اب کہ آرٹ بورڈز مکمل طور پر قائم ہیں، اگلے قدم انہیں متحرک کرنا ہے. آپ اس آلے کے سب سے اوپر بائیں طرف پروٹوٹائپ موڈ میں جا سکتے ہیں. اب S1 آرٹ بورڈ پر، پرت L1 پر کلک کریں اور آلے کے دائیں طرف پر ایک بات چیت، آٹو متحرک اور آرٹ بورڈ S2 پر منتقل کرنے کے لئے ٹرگر کی ترتیب کی طرف سے ایک بات چیت شامل کریں. آپ اپنی ترجیحات پر مبنی آسانی سے شامل کر سکتے ہیں. اس آلے کے سب سے اوپر دائیں طرف پر کھیل کے بٹن پر کلک کرکے اس بات چیت کی جانچ پڑتال کریں. S1 آرٹ بورڈ پر، پرت L2 پر کلک کریں اور اسی ترتیبات کا استعمال کرتے ہوئے اسی طرح کی بات چیت میں شامل کریں لیکن اس صورت میں، S3 پر منزل مقرر کریں. یہ بات چیت بائیں سوائپ بنائے گی.

04. اپنے کارڈ کو بڑھانا

Adobe XD

(تصویر: © VAMSI BATCHU)

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

05. تصاویر اور تفصیلات پر کام

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

06. دوسرا آرٹ بورڈ ڈیزائن کریں

اب دوسرا آرٹ بورڈ پر کام کرنے کے لۓ. پہلا آرٹ بورڈ ڈپلیکیٹ کریں اور C1، C3-C6 کارڈ کو حذف کریں. ہم اس صفحہ کو تعمیر کرنے کے لئے موجودہ کارڈ C2 استعمال کرنے جا رہے ہیں، لہذا تہوں کے نام ایک ہی ہیں. سب سے پہلے، کارڈ کے پس منظر کو بڑھانے کے لئے تاکہ یہ ہیڈر بار کے نیچے پورے صفحے پر مشتمل ہے. ہم اب دوسری اشیاء کو کسی بھی طرح سے ترتیب دے سکتے ہیں جو ہم چاہتے ہیں - بنیادی خیال یہ ہے کہ یہ مختلف ہونا چاہئے کہ کارڈ آرٹ بورڈ S1 میں کس طرح کارڈ تھا، کیونکہ جب آپ منتقلی دیکھ سکتے ہیں. اس وجہ سے، ہم موبائل کے نام کو 25px تک ٹکراتے ہیں اور اسے جرات مند بناتے ہیں. اسی طرح، قیمت کے سائز میں اضافہ اور اسے موبائل نام سے نیچے رکھتا ہے. اگلا اہم حصہ ہے - موبائل فون کی تصویر. آپ کو اس کے سائز میں نمایاں طور پر بڑھانے اور مرکز میں بھی اس میں اضافہ کرنا ہوگا.

07. ختم ہونے والی رابطوں کو لاگو کریں

سب کچھ صاف کرنے اور ڈیزائن کو حتمی شکل دینے کے لئے، ہر چیز اور بائیں طرف کی درجہ بندی اور ستاروں کو بندوبست کریں. چونکہ یہ آرٹ بورڈ مصنوعات کے تفصیلی ورژن کی نمائندگی کرتا ہے، اب آپ فون کے بارے میں اضافی معلومات شامل کرسکتے ہیں جیسے میموری، فون کے دستیاب رنگ، فون کے دستیاب رنگ، فون کے ساتھ دی گئی اشیاء اور اسی طرح، آپ کی ترجیحات کی بنیاد پر. جیسا کہ آپ آرٹ بورڈ سکرال کرتے ہیں اس کی پیروی کریں گے. آپ ہیمبرگر کے ہیڈر آئکن کو بھی تبدیل کر سکتے ہیں، صارف کو پچھلے آرٹ بورڈ S1 میں واپس جانے کے قابل بنا سکتے ہیں. آئکن کا نام تبدیل کرنے کے لئے پہلے آرٹ بورڈ میں آئکن کا نام تبدیل کرنے کے لئے یاد رکھیں.

08. مائیکرو بات چیت بنائیں

آئیے مائیکرو بات چیت کو تخلیق کرنے کے لئے اب پروٹوٹائپ موڈ پر جائیں. ایسا کرنے کے لئے، آرٹ بورڈ S1 میں کارڈ C2 کو منتخب کریں اور نیلے تیر آرک بورڈ S2 میں گھسیٹیں. دائیں ہاتھ کی طرف سے بات چیت کے پینل میں، ٹرگر کو ٹیپ کے طور پر مقرر کریں، آٹو متحرک اور S2 کے طور پر منزل کے طور پر کارروائی. ہموار بات چیت کے لئے، آسانی سے آسان اور 0.4 یا 0.6 سیکنڈ کے وقت کے لئے آسان کے ساتھ جانا اچھا ہے. آرٹ بورڈ S2 پر پیچھے تیر آئکن پر کلک کریں اور تیر کو ایس 1 میں ڈریگ کریں. آپ اس کے مطابق اسی ترتیبات کو استعمال کرسکتے ہیں. اب S1 پر کلک کریں اور جادو کو دیکھنے کے لئے پروٹوٹائپ کھیلیں. کارڈ C2 ٹیپ کیا جاتا ہے جب آپ ایک ہموار حرکت پذیری کا مشاہدہ کریں گے. حرکت پذیری ہموار بنانے کے لئے آسان ترتیبات کو ایڈجسٹ کریں.

09. بنیادی طور پر جاؤ

Adobe XD

(تصویر: © VAMSI BATCHU)

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

مزید پڑھ:

  • The. بہترین ویب سائٹ بلڈرز
  • ایڈوب XD شارٹ کٹس آپ کو پتہ ہونا چاہئے (لیکن شاید نہیں)
  • ایڈوب XD کے ساتھ پروٹوٹائپ کی تعمیر

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

جانوروں کو کیسے ڈراؤ: 15 اوپر تجاویز

کيسے Sep 14, 2025

(تصویری کریڈٹ: ہارون بلیوس) جانوروں کو ڈرانے کے لئے کس طرح تعلیم ک..

کشش ثقل کی خاکہ کا استعمال کیسے کریں

کيسے Sep 14, 2025

(تصویری کریڈٹ: کشش ثقل خاکہ) VR تخلیقوں کے لئے کشش ثقل خاکہ، ڈیزائن..

متحرک سی ایس ایس آرٹ بنائیں

کيسے Sep 14, 2025

(تصویری کریڈٹ: Tiffany choong) سی ایس ایس کی تخلیق کی تخلیق آپ کی مہارتوں..

فوٹوشاپ رنگین تبدیلی: 2 ٹولز آپ کو جاننے کی ضرورت ہے

کيسے Sep 14, 2025

کودنا: رنگ تبدیل کرنے کا آلہ رنگ رینج کم..

آپ کے VR آرٹ کی سطح

کيسے Sep 14, 2025

میں نے ایک سال پہلے اپنے وی آر ہیڈسیٹ حاصل کرنے کے بعد چند ماہ بعد سنیما ..

رکن کے لئے انفینٹی تصویر کے ساتھ کیسے ڈراؤ

کيسے Sep 14, 2025

رکن کے لئے انفینٹی تصویر ایک عظیم ہے تصویر ایڈیٹر ، لیکن ..

ویب کے لئے سادہ عکاسی بنائیں

کيسے Sep 14, 2025

میں بیٹھ گیا، کچھ موسیقی، بتیوں کو ڈیمڈ کیا اور اپنے لیپ ٹاپ کھول دیا. م�..

نوع ٹائپ کی طرز اور مادہ کو دریافت کریں

کيسے Sep 14, 2025

فیصلے، فیصلے، فیصلے ... اگر قسم کے ساتھ کام کرنے کے عمل کے عمل میں ایک اہم پہلو ہے تو یہ ہے کہ ڈیزائنر یا ٹائ�..

اقسام