مادی ڈیزائن ، UI گوگل کے مطابق

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

مادی ڈیزائن کے 20 بنیادی اصول

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

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

مادی ڈیزائن کیا ہے؟ ?

یہ کیا ہے ?

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

اس طرح مادی ڈیزائن میں ہر چیز کی ہدایت شامل ہے:

• چوڑائی
• رفتار
• سایہ

• نوع ٹائپ
• گریٹس
• جگہ
• رنگ
• پیمانہ
• امیجنگ

اس طرح ، صارفین کو حقیقی دنیا کے جسمانی عناصر کے ساتھ رابطے میں رہنے کا تاثر ہے.

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

مادی ڈیزائن کا انتخاب کیوں کریں ?

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

مادی ڈیزائن اسٹائل رہنما خطوط کا ایک آسان سیٹ نہیں ہے. یہ ایک مکمل ڈیزائن سسٹم ہے.

دوسرے کم مکمل ڈیزائن سسٹم کے برعکس ، یہ استعمال کے پیچیدہ معاملات کے ساتھ ، ڈیزائن کی صورتحال کا انتظام کرسکتا ہے.

اسی طرح ، مادی ڈیزائن کافی لچکدار ڈیزائن لائبریری ہے. ہدایتوں میں ، ڈیزائن کے نفاذ کی خصوصیات کا ایک بڑا حصہ مکمل طور پر ڈیزائنر کے پاس چھوڑ دیا گیا ہے.

مادی ڈیزائن کے اصولوں کی فہرست

اصول 1: اپنے آپ کو کلیدی وسائل سے واقف کریں

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

یہ مستقل طور پر اپ ڈیٹ ہوتا ہے اور مواد کے ڈیزائن کے ڈیزائن کے لئے ، تمام مکمل اور ضروری تفصیلات پر مشتمل ہے.

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

یہ مشورہ دیا جاتا ہے کہ اس وسائل کے کم از کم پہلے ابواب کو براؤز کریں ، تاکہ اپنے آپ کو اس کے بنیادی اصولوں سے واقف کرسکیں۔.

اصول 2: جانئے کہ مادی ڈیزائن میں کیا “مواد” ہے

نام مادی ڈیزائن بے ضرر سے دور ہے. مادی ڈیزائن مادی اور جسمانی دنیا کی مشابہت ہے. وہ اپنی بناوٹ سے بھی متاثر ہے ، یہاں تک کہ روشنی کی عکاسی اور سائے کی پیش کش سے بھی. مادی سطحیں کاغذ اور سیاہی کی حمایت کرتی ہیں.

درحقیقت ، مادی ڈیزائن کے اصولوں کا مرکزی خیال ڈیزائن بنانے ، حقیقی دنیا کی اشیاء کی نقل کرنے پر مرکوز ہے۔.

اصول 3: بصری درجہ بندی کی وضاحت کے لئے سائے کا استعمال کریں

اہم مادی ڈیزائن ٹولز یہ ہیں:

• کناروں
• سطحیں
• لائٹنگ
• حقیقت پسندانہ سائے

مثال کے طور پر ، سائے آپ کو مختلف عناصر کو ترجیح دینے میں مدد کرتے ہیں ، تاکہ مکمل ڈیزائن حاصل کیا جاسکے.

اصول 4: روشن رنگ استعمال کریں

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

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

اصول 5: بنیادی رنگ اور لہجے کے رنگ کو نظرانداز نہ کریں

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

آپ کے منتخب کردہ بنیادی رنگ انٹرفیس کے کلیدی عناصر میں استعمال ہوسکتے ہیں ، بشمول:

• کھیت
• خانوں
• پس منظر
• فونٹ ، وغیرہ.

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

اصول 6: سفید جگہوں کا اچھا استعمال کریں

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

تو ہچکچاہٹ نہ کریں:

• اہم عنوانات کے لئے بڑی نوع ٹائپ کا استعمال کریں
• بہت ساری سفید جگہیں شامل کریں
• اپنے عالمی ڈیزائن میں کافی خالی جگہ رکھیں.

اصول 7: نئے کنارے سے کنارے کی تصاویر کے رجحان کی پیروی کریں

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

مادی ڈیزائن میں شامل تصاویر کو ، کنارے سے کنارے کے موڈ پر عمل کرنا چاہئے. اس کا مطلب یہ ہے کہ ، کسی شبیہہ کے کنارے کو ونڈو کے کنارے یا اسکرین سے الگ کرتے ہوئے ، مارجن نہیں ہونا چاہئے۔.

اصول 8: ہر چیز کو رد عمل ہونا چاہئے

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

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

اصول 9: طول و عرض

ویب پر زیڈ محور سپر پوزیشن کے لئے استعمال ہوتا ہے نہ کہ امکان کے لئے. دوسری طرف ، 3D دنیا Y محور پر مبنی ہے.

ڈیزائن مواد بنیادی طور پر 3D استعمال کرتا ہے لہذا Y محور. آئیسومیٹرک نقطہ نظر کو نوٹ کرنے کے لئے ، گوگل کے ڈیزائن کو دیکھیں. ڈیزائن کا یہ طریقہ حقیقی دنیا سے متاثر ہے ، لہذا “مواد” کا نام ہے۔.

اصول 10: یاد رکھیں ، کامیابی تفصیل سے ہے

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

اصول 11: تحریک کا ایک معنی ہونا چاہئے

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

مادی ڈیزائن میں ، تحریک میں یہ 3 خصوصیات ہونی چاہئیں:

1. معلوماتی ہو: یہ صارفین کو معلوم ہونا چاہئے کہ کارروائی کہاں اور کب دستیاب تھی.
2. صفحہ کے سب سے اہم حصوں میں صارفین کو مرکوز کرنے اور رہنمائی کرنے میں مدد کریں.
3. اظہار خیال کریں اور انٹرفیس میں تھوڑی سی شخصیت اور حرکیات شامل کریں.

اصول 12: تحریک مستند ہونی چاہئے

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

یہی وجہ ہے کہ گوگل نے مستند تحریک کے تصور کو تفصیل دینے کے لئے ، مادی ڈیزائن کی ہدایت کا ایک الگ حصہ محفوظ کیا ہے۔.

اصول 13: تحریکوں میں ایکسلریشن اور سست روی

آپ کو صارفین کے لئے واضح اور عملی منتقلی پیش کرنا ہوگی. نقل و حرکت کا عمل ممکنہ اور حقیقت پسندانہ ہونا چاہئے ، کیونکہ مادی ڈیزائن کا مقصد حقیقی دنیا کے مظاہر کی دوبارہ تولید ہے.

ڈیزائنرز کو ہر شے کی نقل و حرکت کے لئے بہترین وقت تلاش کرنا چاہئے.

ایک طرف ، عناصر کی ضرورت سے زیادہ سست روی سے صارفین کو مشغول کیا جاسکتا ہے اور یہاں تک کہ صارفین کے بہاؤ پر بھی منفی اثر پڑتا ہے. دوسری طرف ، بہت متحرک تحریکیں انٹرنیٹ صارفین کو پریشان کرسکتی ہیں.

اس معاملے میں ، آپ کو صحیح وسط میں ہونا چاہئے ، ایک زیادہ سے زیادہ مدت اور متحرک تصاویر کی اچھی پڑھنے کی اہلیت کو یقینی بناتے ہوئے. صارفین کو کافی وقت دینا ضروری ہے تاکہ وہ تبدیلیوں کو دیکھیں. لیکن ، انہیں انتظار نہ کریں. تحقیق سے ثابت ہوتا ہے کہ 200 سے 500 ایم ایس بہترین حرکت پذیری کی رفتار ہیں.

اصول 14: آئکن متحرک تصاویر کا فائدہ اٹھائیں

بعض اوقات شبیہیں سرکلر وحی اثر کے ساتھ سیاق و سباق کے بٹنوں کے ساتھ بنائی جاسکتی ہیں.

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

اصول 15: مختلف تحریکوں کے ل different مختلف اوقات بنائیں

متحرک اشیاء جو ایک ایک کرکے ظاہر ہوتی ہیں ، زیادہ دلچسپ اور زیادہ زندہ ہیں. اس طرح کا نقطہ نظر صارفین کو ہر شے کو دیکھنے کا امکان فراہم کرتا ہے.

دوسری طرف ، صفحے کے تمام عناصر کو ایک ہی وقت میں پیش کریں صارفین کو الجھا دیتا ہے ، کیونکہ وہ نہیں جانتے کہ کہاں دیکھنا ہے.

مادی ڈیزائن ، UI گوگل کے مطابق !

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

مادی ڈیزائن ایک استعارے سے بالاتر ہے. عقلی جگہ اور تحریک کے نظام کے یکجہتی نظریہ کے طور پر ایک مادی استعارہ. یہ مواد سپرش حقیقت میں لنگر انداز ہے ، جو کاغذ اور سیاہی کے مطالعہ سے متاثر ہے ، لیکن تکنیکی طور پر جدید اور تخیل اور جادو کے لئے کھلا ہے۔.

مادی ڈیزائن کیا ہے؟ ?

نام “مادی ڈیزائن” ایک سیٹ کے مساوی ہے ڈیزائن کے قواعد گوگل کے ذریعہ تجویز کیا گیا ہے. اس کا بعض اوقات “مادی ڈیزائن” یا “سیاق و سباق کے ڈیزائن” کے ذریعہ ترجمہ کیا جاتا ہے۔. یہ سب سے پہلے موبائل ایپلی کیشنز کے لئے تیار کردہ ڈیزائن میں تھا (پہلے موبائل). اس کے بعد وہ انٹرفیس ڈیزائن کے اہم رجحانات میں سے ایک بن گیا. گوگل کا نقطہ نظر یاد کرتا ہے فلیٹ ڈیزائن (یا فلیٹ ڈیزائن): کم سے کم ، جیومیٹرک شکلیں اور رنگین ، بغیر کسی ضرورت سے زیادہ (سکیومورفزم کے برعکس). لیکن اس معاملے میں ، یہ ایک فلیٹ ڈیزائن ہے … موٹائی اور راحت کے ساتھ. واقعی ، یہاں اہم خصوصیات ہیں:

• a استعارہ ڈیجیٹل آلات سے کاغذ اور سیاہی.
• ایک جرات مندانہ ڈیزائن اور چارٹ.
• کی تخلیق حرکتیں سستی اور UX کو بہتر بنانے کے ل. صارف کے اعمال اہم مائکرو انٹرایکشن کا سبب بنتے ہیں.

پولیمر لائبریری

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

اس اعلامیے کو “منشور” کی شکل میں ملاحظہ کریں ، مادی حوالہ سائٹ کے تعارف میں پائے جانے کے لئے.io:

“ہم نے اپنے آپ کو چیلنج کیا کہ وہ اپنے صارفین کے لئے بصری زبان پیدا کریں جو اچھے ڈیزائن ، جدید اور ٹکنالوجی اور سائنس کے ذریعہ پیش کردہ امکانات کے کلاسیکی اصولوں کی ترکیب کرتے ہیں۔. ہم اسے کہتے ہیں: مادی ڈیزائن.»

گوگل کے مطابق ویب ڈیزائن

لہذا مادی ڈیزائن فلیٹ ڈیزائن سے مختلف ہے. یہ ایک نئی قسم کا ویب ڈیزائن ہے. ہم کہہ سکتے ہیں کہ وہ ایک ہے ذمہ دار ویب ڈیزائن (آٹو انکولی) صارف کے تجربے پر مرکوز ہے. مقصد ایک ڈیزائن حاصل کرنا ہے:

• بدیہی تمام صارفین کے لئے (بشمول تجربہ کار نہیں)
• تمام سپورٹ کے لئے موزوں ہے (کمپیوٹر ، ٹیبلٹ ، اسمارٹ فون ، وغیرہ)
• انٹرایکٹو متحرک متحرک تصاویر کا شکریہ.
• یکساں تمام انٹرفیس کے درمیان

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

گوگل کو دوبارہ ڈیزائن کرنا

گوگل کے نقطہ نظر کو مکمل طور پر سمجھنے کے ل you ، آپ کو گوگل کی ابتداء ، اور اس اہمیت کی طرف جانا پڑے گا کہ مانٹین ویو کی فرم نے ڈیزائن پر حملہ کیا۔. بہت زیادہ نہیں … مادی ڈیزائن کے آغاز کاروں کے مطابق.

اس ویڈیو کو دیکھنے سے ہمیں اس پروجیکٹ کو شروع کرنے کے لئے “وژن” کی اہمیت کا ایک اچھا خیال ملتا ہے: گوگل کو دوبارہ ڈیزائن کرنا.

مادی ڈیزائن کیوں؟ ?

ورژن 5 میں مرئی.0 Android کے 0 ، مادی ڈیزائن کو پہلی بار 25 جون ، 2014 کو گوگل میں Android صارف کے تجربے کے ڈائریکٹر میٹیاس ڈورٹ نے پیش کیا تھا۔. یہ گوگل I/O کانفرنس کے ایک حصے کے طور پر تھا. اس نئے ڈیزائن چارٹر کے ساتھ ، گوگل نے خود تیار کیا بصری زبان, موبائل ایپلی کیشنز سے لے کر منسلک اشیاء تک ، جو بھی خدمت یا مصنوع کی شناخت کی جاسکتی ہے.

مٹیاس ڈوارٹے نے 2014 میں 2014 میں کاغذ (Android / مواد) کے استعارے کی نمائش کی).

اس ڈیزائن کے نقطہ نظر کی پہلی برسی منانے کے لئے اس ویڈیو کو دیکھیں. یہ مئی 2015 میں لانچ کے بعد ایک تھا. مٹیاس ڈورٹ نے پچھلے سال پر ایک سابقہ ​​نظر ڈالی ہے اور وہ پہلے ہی اس کی تعریف کرسکتا ہے کہ جوش و خروش ڈیزائنرز ، بلکہ ڈویلپرز نے بھی ، ایک سال قبل پیش کردہ اصولوں کو مختص کیا تھا۔.

مادی ڈیزائن کے لئے یا اس کے خلاف ?

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

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

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

یہ کیسے کام کرتا ہے ? Android کے ساتھ درخواست

ہمیں یہ بات ذہن میں رکھنی چاہئے کہ یہ “مادی عناصر” ہیں۔. اس طرح ، کسی عنصر کو عبور کرنا ناممکن ہے. صرف صارف سے متاثرہ جزو ہی رد عمل کا اظہار کرے گا. مادی ڈیزائن میں ،ماحول 3D ہے. ہر شے ، یا “مواد” میں 3 کوآرڈینیٹ ہوتے ہیں: x ، y ، z. زیڈ محور آبجیکٹ کی بلندی سے متعلق ہے. ہم شے کی بلندی ، اس کے طول و عرض اور خراب ہونے والے سائے کے بارے میں فیصلہ کرسکتے ہیں ، لیکن موٹائی کاغذ کی چادر کی باقی ہے. مؤخر الذکر موڑ نہیں سکتا. دوسری طرف ، یہ تمام محوروں پر چلتا ہے.

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

مادی ڈیزائن انٹرفیس کی مثالیں

نظریاتی وضاحتیں – ذہین کاغذ کا استعارہ جو زندہ آتا ہے اور صارف کے ساتھ بات چیت کرتا ہے – یہ غیر واضح معلوم ہوسکتا ہے. لیکن انٹرفیس کا مشاہدہ کریں گوگل کے تصور کو سمجھنے میں ٹھوس سہولت فراہم کرتا ہے.

اپلبس (کہانیاں.اپلبس.com)

ایک اور ماخذ ، مثالوں سے مالا مال: مادی ڈیزائن بلاگ

مادی ڈیزائن شبیہیں

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

ہمارے مضامین کو اس موضوع پر دوبارہ پڑھیں:

مختلف ماحول میں ان شبیہیں کے استعمال کے لئے گٹ ہب گائیڈ دیکھیں.

دیگر مادی شبیہیں (یہاں ڈاؤن لوڈ کرنے کے لئے)

آپ یہاں بہت سارے مادی ڈیزائن شبیہیں ڈاؤن لوڈ کرسکتے ہیں

یہاں ڈاؤن لوڈ کرنے کے لئے مادی ڈیزائن شبیہیں کا ایک اور ذریعہ

اپنے منصوبوں پر استعمال کرنے کے لئے فلیٹ ڈیزائن میں مادی شبیہیں کا بڑا انتخاب ، لیکن ان کو استعمال کرنے کے لئے بھی رہنمائی کرتا ہے (یہاں)

کچھ ذرائع اور الہام

• مادی ڈیزائن پر حوالہ: مواد.io
  • تحریک
  • انداز
  • ترتیب
  • اجزاء
  • نمونے
  • نمو اور مواصلات
  • استعمال
  • پلیٹ فارم
  • گوگل ڈیزائن سائٹ پر ، آپ کو کیس اسٹڈیز اور عملی گائیڈز ملیں گے (بہت سے وسائل اور ایک بہت ہی امیر نیوز لیٹر کو سبسکرائب کرنے کا امکان)

  نتیجہ

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

  • گوگل میٹریل ڈیزائن ، ایک ڈیزائن باقاعدہ
  • سروس ڈیزائن کیا ہے؟ ?
  • ڈیزائن کی سوچ کیا ہے؟ ?
  • سستی کیا ہے؟ ?
  • فلیٹ ڈیزائن کیا ہے؟ ?
  • skeuomorphism کیا ہے ?
  • جذباتی ڈیزائن کی تعریف ، ڈیزائن میں جذبات کی جگہ

  ہماری خدمات دیکھیں:

  • سسٹم ڈیزائن کو ڈیزائن کرنے کے لئے ہماری تربیت
  • ہماری 2 دن کے سوچنے والے ڈیزائن کی تربیت.