Google کان مواد جي ڊيزائن جي خاصيت اصل مقصد اينڊ اينڊ پليٽ پليٽ فارم هو، جيڪو پليٽ فارم تي ڊزائينزن جي مطابقت جو مشورو ڏيڻ هو.
01 جو 06
ايڊوب تجربو ڊيزائن ڊيزائن ۾ ڪئين مواد ٺاهيل ڪارڊ ٺاهيو
هڪ دفعو ڊزائنر ان جي ذريعي پنگڻ شروع ڪيو ۽ ان جي سوچڻ جي سوچ کي سمجهڻ شروع ڪيو، ويب ۽ موبائل ڊيزائن ۾ مواد جي جوڙجڪ خاموشيء کان وڌيڪ اثرائتي بصري فلسفه بنجي چڪي آهي. اسان توهان کي حاصل ڪرڻ چاهيندا آهيون ته اسان Pinterest تي مواد مڊل ڊيزائن جي ڳولا ڪرڻ چاهيندا آهيو ۽ توهان هزارين مثالن ۽ ڊوائيسز، ٽيبليٽ، ۽ حتي ويب سائيٽ تي تجربا ڏسندا.
مواد جي ڊيزائن جي دلچسپ تشخيص اهو گوگل جي سوچ آهي ته ائپس کي ڪيئن ظاهر ٿيڻ ۽ موبائل ڊوائيس تي ڪم ڪيو وڃي پر اهي تصور ڪنهن به پليٽ فارم تي ڪنهن سائيز جي ڪنهن اسڪرين تي لاڳو ڪيا ويندا آهن. گوگل طور پر وضاحت کے افتتاحی پیراگراف میں، "ہم نے خود کو چیلنج کرنے کے لئے ہمارے صارفین کے لئے ایک بصری زبان پیدا کرنے کے لئے ہے جو تکنیک اور سائنس کے جدت اور امکان کے ساتھ اچھے ڈیزائن کے کلاسک اصولوں کو سنبھالنے. اهو مادي ڊزائن آهي. اها نموني هڪ زندگين دستاويز آهي جيڪا اسين تازو ٿي وينديون وينديون جيئن اسين اسان جي مادي ڊيزائن ۽ خاص نموني جي ترقي کي جاري رکون ٿا. "
مواد عام طور تي، عام اصطلاحن ۾، ڪاغذ آهي ۽ مواد جي ڊيزائن جو هڪ ڪارڊ آهي. سطح تي هڪ انڊسٽ ڪارڊ جي سوچيو ۽ توهان صحيح ٽريڪ تي آهيو. هڪ ڪارڊ هڪ عنصر آهي جنهن ۾ فوٽوز، وڊيوز، ٽيڪسٽ لسٽون ۽ انهن تي مشتمل آهي پر ڪٿي اهي ڪيتريون ئي انٽرويو ڊيزائن کان مختلف آهن، اهي هڪ واحد موضوع تي ڌيان ڏيڻ جو مطلب آهي. ڪارڪردگي ڪنڊرن تي مشتمل آهي، بيشمار سادن تي مشتمل آهي ته اهي اهي مٿاڇري کان مٿي آهن ۽ اهي اهي سڀئي جهاز آهن جيڪي "جمع" سان گڏ آهن.
انهي ۾ "ڪيئن ڪجي" اسان چيڪ تي ٻڌل ڪارڊ ٺاهي رهيا آهيون. بلڪه مختلف ڪارڻ ۽ ڊرائنگ جا اوزار سان ڪارڊ ٺاهي سگهون ٿا، اسين ان کي مختلف هدايتن کان وٺي ايندا آهيون. اسان ايڊوب جي تجربو ڊيزائن ۾ اوزار استعمال ڪرڻ وارا آهن، جيڪو هن وقت ميڪٽينڪوش رڳو عوامي پيروي ۾ آهي ۽ مفت آهي. توھان ان کي ڊائون لوڊ ڪري سگھو ٿا.
اچو ته شروع ڪريون.
02 جو 06
ڊوبيوٽ پروٽوٽائپائپ آرٽ بورڊ ٺاهڻ ۾ ايوبوب تجربو ڊيزائن ڊي
اسڪرين اسڪرين مان تجربو ڊيزائن ڊيزائن ڊيز (XD) کان هڪ Android اسڪرين ٺاهڻ لاء ڪو واضح رستو ناهي. جڏهن اسان ايڪس ڊي کوليو تڏهن اسان استعمال ڪندا آهيون، اي فون 6 آپشن چونڊيو آهي، جڏهن ته انفارميشن کلي آهي، اسان ٽولبار جي تري ۾ آرٽ بورڊ بورڊ جو انتخاب ڪريو र दायाँतिरबाट गुण प्यानलमा चयनबाट एन्ड्रोइड मोबाइल चयन गर्नुहोस् . انهي کان پوء اسان چونڊيو تي وڌيڪ ڪم آڻينداسين، اي پي ايم آرٽ بورڊ جي نالي تي هڪ ڀيرو ڪلڪ ڪريو ۽ آرٽ بورڊ بورڊ کي ختم ڪريو. وڌيڪ نه.
ايڪس ڊي جي موجوده نسخ ۾، آئي فون 6 جي ڀرسان هڪ ننڍڙو تير آهي، جڏهن ڪلڪ ڪيو، هڪ ڊپيو-مين مينز کي دٻايو. اتان کان توهان Android موبائل ورزن چونڊيو ۽ Android موبائل آرٽ بورڊ تختي چونڊيو انٽرنيٽ ۾ کوليو.
انهي کي يقيني بڻائڻ لاء اسان وٽ مناسب اسڪرين اسٽوڊيو کي ڪارڊ بڻائڻ لاء، اسان عام طور تي مٿي اسڪاٽ 3 کان مٿي ڪيو ۽ ڪاپي ۽ آرٽيڪل بار، نيو بار، ۽ آرٽيڪل بورڊ ۾ مواد ڊيزائن سينٽس مان ايپ بار کي نقل ۽ پيسٽ ڪريو. Sketch 3.2 ۾ مواد مادي ڊسپلي سان ٽيمپليٽ ( فائل> سان لائين> مواد ڊيزائن مان نئون ) ۽ ڪلي لئببيٽر کان هڪ ٻي حقيقت بلڪل آزاد آهي جيڪا توهان هتي حاصل ڪري سگهو ٿا. جيڪڏهن توهان کي اسڪيڪچ نه آهي، توهان ان فائل کي نقل ڪري سگھو ٿا جيڪي XD اسٽاڪرز ۾ فائل> اوپن يوآئ کٽ> گوگل مادو ۾ نقل ڪري سگھو ٿا. توهان فٽشاپشاپ، Illustrator، After Effects ۽ Sketch ۾ استعمال ڪرڻ لاء گوگل مان پڻ ڊائون لوڊ ڪري سگھو ٿا.
03 جو 06
هڪ ايڊوڊ ايڪس سي سي آرٽ بورڊ بورڊ لاء مواد مادي ڊيزائن ڪارڊ شامل ڪندي
ايڪس ڊي جي سڀ کان وڌيڪ مفيد سهولتن مان هڪ ايپل iOS، گوگل مواد ۽ Microsoft ونڊوز لاء يو آئي ڪٽ شامل ڪرڻ آهي. ڪيترن ئي احترام ۾، اهي "ريپرو پروٽوپوائپ" جي اصطلاح کي "شامل" لفظ شامل آهن. انهي سان گڏ انهن کي عام UI عناصر مسلسل ڊزائين ايپليڪيشن، جهڙوڪ فوٽوشاپ، ايليسٽريٽر، اسڪيٽ.
اسان کي ائي عنصر گهربل هڪ ڪارڊ هئي. ان کي حاصل ڪرڻ لاء اسان فائل چونڊيو > اوپن يو آئي کٽي> گوگل مواد ۽ نئين دستاويز جي طور تي کوليو. جيڪو عنصر اسان کي گهربل ڪارڊ جي درجي ۾ مليو هو.
جيڪو اسان بابت ان بابت پيار ڪيو آهي اهي مواد بلاڪ جي چشميٽ ۾ رکيل آهن جهڙوڪ مواد ڊيزائن ڊيزائن جي وضاحت سان گڏ آهن، انهي سان گڏ گڏوگڏ مضمون متن ۽ گنجائش جو نقشو هيٺ ڏنل مضمون ۾ بيان ڪيل آهي.
اسان جي ڪارڊ جو انداز اسان چاهيندو هو، هيٺيان کاٻي پاسي ۾ هڪ. اسان انهي کي اسان جي مڇي سان مارڪو ڪيو ۽ ان کي ڪلپ بورڊ ڏانهن نقل ڪيو آهي. بدقسمتي سان، ڊي اي ۾ کليل دستاويز لاء ٽيبل ٿيل انفارميشن ڪونهي. جيڪو اسان ڪريون ٿا اهو کلي کليل دستاويز ونڊو اڳتي هلي ظاهر ڪري ٿو ته اسين هڪ ڪم ڪري رهيا آهيون، ان کي منتخب ڪريو ۽ پيسٽ ڪريو. جلدي ايڪس ڊي دستاويزن جي وچ ۾ سوئچنگ جو ٻيو طريقو حڪم ڪيو ويندو آهي ته حڪم ڪنٽرول کي .
04 جو 06
هڪ مواد کي ڊيزائن ڊزائينر عنصري کي ڪيئن ايڊوڊ تجربو ڊيزائن سيٽنگ ۾ تبديل ڪيو
جڏهن ڪارڊ اي ايم ڊي ۾ ڪلپ بورڊ کان اچي ٿو ته محض ان سان ڪم ڪرڻ شروع نه ڪن. سڀ کان پهريان توهان کي ڪرڻو پوندو ته توهان کي ميڙپيوڪرڊ بڻيو آهي ڇو ته توهان کي بيٽ تائين رسائي جي ضرورت آهي ۽ ڪارڊ ٺهيل آهي. هن کي ڪرڻ لاء، ڪارڊ چونڊيو ۽ اعتراض> Ungroup چونڊيو يا Shift-Command-G کي دٻايو.
توهان جو ڪارڊ هاڻي ٽي ٽڪر آهي.
- تصوير لاء هلڪو گريو خاني.
- وچولي خانو خاني جو متن لاء
- پوئتي بڪ پس منظر طور استعمال ڪيو.
پهرين قدم روشني واري خاني جو خاني کي ختم ڪرڻ آهي. ان جو مقصد صرف تصوير لاء هڪ جڳهه جي طور تي ڪم ڪرڻ آهي، جيڪو توهان کي چونڊيو آهي، اختياري.
متن سان گڏ خاني اصل ۾ هڪ ڪاروئي سرمائي 50٪ کان مٿي آهي. هي بڪس متن جي پس منظر جي طور تي استعمال ڪري سگھجي ٿو ۽ توهان رنگ ۽ دٻي جي استحڪام کي تبديل ڪري سگهو ٿا.
جيتوڻيڪ اهو فوري طور تي ظاهر نه ٿيو، روشني خانه باڪس مادي ڈیزائن ڊزائين جي مطابق انهي جي چوٽي ڪنز ۾ 2 پکسلز هوندي آهي. جيڪڏهن توهان هڪ تصوير شامل ڪري رهيا آهيو اهو ذهن ۾ رکو. اهو گول گول ڪنڊن جي ضرورت هوندي جيڪا اي ايم ايڪسنگ ايپليڪيشن يا اي ڊي ڊي ۾ شامل ٿي سگهي ٿي.
ڏسي رهيو آهي ته اهو ئي ڪارڊ جي باقي حالت آهي، ان کي پڻ هڪ پاڇو هجي. اسپيشل اها واضع ڪري ٿي ته 2 پکسلز جي ڪارڊ جي باقي بلندي آهي. ھن کي شامل ڪرڻ لاء، ڪارو پس منظر شڪل چونڊيو ۽ Y ۽ B (Blur) قدرن کي 2 ۾ ملڪيت پينل ۾ سيٽ ڪريو.
05 جي 06
اي Adobe XD CC ۾ مواد ڊيزائن ڊيزائن سيڊ کي هڪ تصوير شامل ڪرڻ
معلوم ٿيو ته ڪارڊ 344 پکڙيل ويڪر آهي ۽ تصوير واري ايراضي 150 پکسلز آهي ، جيڪا ڊيگهه جي شڪل ۾ آهي 150 فوٽ اونچائي ( ان جي ڊيگهه واري تصوير واري ڊيگهه ). دٻو تصوير ايڊوب ايڪس ڊي ۾ درآمد ڪئي وئي.
اسان پوء هن تصوير تي روشني واري خاني جا ٽوڪ ڇڪيو ۽ ماڊل تي چونڊيو. ماسڪ جي شڪل سان چونڊيو. نتيجو اهو نتيجو هو جيڪو شڪل واري گول گول ڪنارن کي ڪڍندو هو. اسان هن تصوير کي ان جي آخري پوزيشن ڏانهن منتقل ڪيو.
تصوير جي جاء تي، اسان وري وچين سرمائي خاني جا پس منظر رنگ تبديل ڪيو، متن تبديل ڪيو ۽ لنڪ متن جو رنگ تبديل ڪيو.
06 جي 06
ايڊوب ايڪس ڊي سي سي گرڊ خصوصيت استعمال ڪندي
پورو ڪارڊ مڪمل ٿيڻ سان هاڻي هاڻي مادي ڊيزائن ڊيزائن جي مطابق مطابق صحيح رکڻ جي ضرورت آهي. هن جو مطلب اهو آهي ته ڪارڊ جي ٻئي پاسي 8 پکسل آهن ۽ ڪارڊ ايپ جي هيٺان 8 پکسلز جي ضرورت هوندي آهي. هن کي ڪرڻ لاء، آرٽ بورڊ بورڊ جو نالو تي هڪ ڀيرو ڪلڪ ڪريو ۽، پراڪشن پين ۾، گرڊ چونڊيو. گرڊ جي فن بورڊ تي نظر اچن ٿا.
ڊفالٽ گرڊ سائيز 8 پکسلز آهي، جيڪا ساڳي گرڊ سائيز لاء مواد ڊيزائن لاء هجي ها. توهان کي مختلف سائيز جي ضرورت آهي، گرڊ ايريا ۾ قيمت تبديل ڪريو. جيڪڏهن توهان گرڊ جو رنگ تبديل ڪرڻ چاهيندا، چپ رنگ تي ڪلڪ ڪريو ۽ رنگين رنگ چونڊيندڙ کان رنگ چونڊيو.
گرڊ ڏسڻ سان، ڪارڊ تي ڪلڪ ڪريو ۽ ان کي آخري پوزيشن ۾ منتقل ڪريو.
ختم ڪرڻ لاء، اسان ڪارڊ چونڊيو، گرڊ ڊرايو بٽڻ تي ڪلڪ ڪيو ۽ ڪارڊ جي 8 پکسلز جي وچ ۾ فاصلو تبديل ڪيو.